From 7550d4346c43c4203009bb15b7997873bfb0f481 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Casal?= <andre@andrecasal.com>
Date: Sun, 3 Sep 2023 17:30:14 +0100
Subject: [PATCH] removed extraneous components

---
 .../ui+/components/ui/scroll-area-radix.tsx   | 66 ---------------
 .../ui+/components/ui/scroll-area-shadcn.tsx  | 33 --------
 .../components/ui/slide-in-dialog-shadcn.tsx  | 80 -------------------
 3 files changed, 179 deletions(-)
 delete mode 100644 app/routes/_marketing+/ui+/components/ui/scroll-area-radix.tsx
 delete mode 100644 app/routes/_marketing+/ui+/components/ui/scroll-area-shadcn.tsx
 delete mode 100644 app/routes/_marketing+/ui+/components/ui/slide-in-dialog-shadcn.tsx

diff --git a/app/routes/_marketing+/ui+/components/ui/scroll-area-radix.tsx b/app/routes/_marketing+/ui+/components/ui/scroll-area-radix.tsx
deleted file mode 100644
index bdc2fb9..0000000
--- a/app/routes/_marketing+/ui+/components/ui/scroll-area-radix.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'
-import { extractMarginProps, withMarginProps, withBreakpoints, radiusProp } from '../helpers.ts'
-import type { MarginProps, GetPropDefTypes, PropDef } from '../helpers.ts'
-import { type ComponentPropsWithRef, type ElementRef, forwardRef } from 'react'
-import { cn } from '~/utils/misc.ts'
-
-const sizes = ['1', '2', '3'] as const
-const scrollbarsValues = ['vertical', 'horizontal', 'both'] as const
-
-const scrollAreaPropDefs = {
-	size: { type: 'enum', values: sizes, default: '1', responsive: true },
-	radius: radiusProp,
-	scrollbars: { type: 'enum', values: scrollbarsValues, default: 'both' },
-} satisfies {
-	size: PropDef<(typeof sizes)[number]>
-	radius: typeof radiusProp
-	scrollbars: PropDef<(typeof scrollbarsValues)[number]>
-}
-
-export { scrollAreaPropDefs }
-
-type ScrollAreaElement = ElementRef<typeof ScrollAreaPrimitive.Viewport>
-type ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>
-interface ScrollAreaProps
-	extends ComponentPropsWithRef<typeof ScrollAreaPrimitive.Root>,
-		Omit<ComponentPropsWithRef<typeof ScrollAreaPrimitive.Viewport>, 'dir'>,
-		MarginProps,
-		ScrollAreaOwnProps {}
-const ScrollArea = forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {
-	const { rest: marginRest, ...marginProps } = extractMarginProps(props)
-	const {
-		className,
-		style,
-		type,
-		scrollHideDelay = type !== 'scroll' ? 0 : undefined,
-		dir,
-		size = scrollAreaPropDefs.size.default,
-		radius = scrollAreaPropDefs.radius.default,
-		scrollbars = scrollAreaPropDefs.scrollbars.default,
-		...viewportProps
-	} = marginRest
-	return (
-		<ScrollAreaPrimitive.Root type={type} scrollHideDelay={scrollHideDelay} className={cn('rt-ScrollAreaRoot', className, withMarginProps(marginProps))} style={style}>
-			<ScrollAreaPrimitive.Viewport {...viewportProps} ref={forwardedRef} className="rt-ScrollAreaViewport" />
-			<div className="rt-ScrollAreaViewportFocusRing" />
-
-			{scrollbars !== 'vertical' ? (
-				<ScrollAreaPrimitive.Scrollbar data-radius={radius} orientation="horizontal" className={cn('rt-ScrollAreaScrollbar', withBreakpoints(size, 'rt-r-size'))}>
-					<ScrollAreaPrimitive.Thumb className="rt-ScrollAreaThumb" />
-				</ScrollAreaPrimitive.Scrollbar>
-			) : null}
-
-			{scrollbars !== 'horizontal' ? (
-				<ScrollAreaPrimitive.Scrollbar data-radius={radius} orientation="vertical" className={cn('rt-ScrollAreaScrollbar', withBreakpoints(size, 'rt-r-size'))}>
-					<ScrollAreaPrimitive.Thumb className="rt-ScrollAreaThumb" />
-				</ScrollAreaPrimitive.Scrollbar>
-			) : null}
-
-			{scrollbars === 'both' ? <ScrollAreaPrimitive.Corner className="rt-ScrollAreaCorner" /> : null}
-		</ScrollAreaPrimitive.Root>
-	)
-})
-ScrollArea.displayName = 'ScrollArea'
-
-export { ScrollArea }
-export type { ScrollAreaProps }
diff --git a/app/routes/_marketing+/ui+/components/ui/scroll-area-shadcn.tsx b/app/routes/_marketing+/ui+/components/ui/scroll-area-shadcn.tsx
deleted file mode 100644
index 129b8e7..0000000
--- a/app/routes/_marketing+/ui+/components/ui/scroll-area-shadcn.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'
-import { type ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react'
-import { cn } from '~/utils/misc.ts'
-
-const ScrollArea = forwardRef<ElementRef<typeof ScrollAreaPrimitive.Root>, ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>>(({ className, children, ...props }, ref) => (
-	<ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>
-		<ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">{children}</ScrollAreaPrimitive.Viewport>
-		<ScrollBar />
-		<ScrollAreaPrimitive.Corner />
-	</ScrollAreaPrimitive.Root>
-))
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
-
-const ScrollBar = forwardRef<ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>, ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>>(
-	({ className, orientation = 'vertical', ...props }, ref) => (
-		<ScrollAreaPrimitive.ScrollAreaScrollbar
-			ref={ref}
-			orientation={orientation}
-			className={cn(
-				'flex touch-none select-none transition-colors',
-				orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]',
-				orientation === 'horizontal' && 'h-2.5 border-t border-t-transparent p-[1px]',
-				className,
-			)}
-			{...props}
-		>
-			<ScrollAreaPrimitive.ScrollAreaThumb className="bg-border relative flex-1 rounded-full" />
-		</ScrollAreaPrimitive.ScrollAreaScrollbar>
-	),
-)
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
-
-export { ScrollArea, ScrollBar }
diff --git a/app/routes/_marketing+/ui+/components/ui/slide-in-dialog-shadcn.tsx b/app/routes/_marketing+/ui+/components/ui/slide-in-dialog-shadcn.tsx
deleted file mode 100644
index dac8203..0000000
--- a/app/routes/_marketing+/ui+/components/ui/slide-in-dialog-shadcn.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import * as DialogPrimitive from '@radix-ui/react-dialog'
-import { cva, type VariantProps } from 'class-variance-authority'
-import { type ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react'
-import { cn } from '~/utils/misc.ts'
-
-/**
- * The `SlideInDialog` needs to have a simple interface. Let's make this happen.
- * <SlideInDialog side="right"></SlideInDialog>
- * I would want to have the fewest possible composable components as possible.
- * If I have to choose between a title prop and a <SlideInDialogTitle> component, I would choose the prop.
- * But I'd feel more confident if Radix Themes would do the same.
- *
- * The title is mandatory, so it should be a prop.
- * The description is optional, so it should be an optional prop.
- */
-
-const SlideInDialog = DialogPrimitive.Root
-
-const SlideInDialogTrigger = DialogPrimitive.Trigger
-
-const SlideInDialogClose = DialogPrimitive.Close
-
-const SlideInDialogPortal = ({ className, ...props }: DialogPrimitive.DialogPortalProps) => <DialogPrimitive.Portal className={cn(className)} {...props} />
-SlideInDialogPortal.displayName = DialogPrimitive.Portal.displayName
-
-const SlideInDialogOverlay = forwardRef<ElementRef<typeof DialogPrimitive.Overlay>, ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>>(({ className, ...props }, ref) => (
-	<DialogPrimitive.Overlay
-		className={cn(
-			'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-			className,
-		)}
-		{...props}
-		ref={ref}
-	/>
-))
-SlideInDialogOverlay.displayName = DialogPrimitive.Overlay.displayName
-
-const slideInDialogVariants = cva(
-	'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
-	{
-		variants: {
-			side: {
-				top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
-				bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
-				left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
-				right: 'inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
-			},
-		},
-		defaultVariants: {
-			side: 'right',
-		},
-	},
-)
-
-interface SlideInDialogContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof slideInDialogVariants> {}
-
-const SlideInDialogContent = forwardRef<ElementRef<typeof DialogPrimitive.Content>, SlideInDialogContentProps>(({ side = 'right', className, children, ...props }, ref) => (
-	<SlideInDialogPortal>
-		<SlideInDialogOverlay />
-		<DialogPrimitive.Content ref={ref} className={cn(slideInDialogVariants({ side }), className)} {...props}>
-			{children}
-			<DialogPrimitive.Close className="data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none">
-				<span>Close</span>
-			</DialogPrimitive.Close>
-		</DialogPrimitive.Content>
-	</SlideInDialogPortal>
-))
-SlideInDialogContent.displayName = DialogPrimitive.Content.displayName
-
-const SlideInDialogTitle = forwardRef<ElementRef<typeof DialogPrimitive.Title>, ComponentPropsWithoutRef<typeof DialogPrimitive.Title>>(({ className, ...props }, ref) => (
-	<DialogPrimitive.Title ref={ref} className={cn('text-lg font-semibold text-foreground', className)} {...props} />
-))
-SlideInDialogTitle.displayName = DialogPrimitive.Title.displayName
-
-const SlideInDialogDescription = forwardRef<ElementRef<typeof DialogPrimitive.Description>, ComponentPropsWithoutRef<typeof DialogPrimitive.Description>>(({ className, ...props }, ref) => (
-	<DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />
-))
-SlideInDialogDescription.displayName = DialogPrimitive.Description.displayName
-
-export { SlideInDialog, SlideInDialogTrigger, SlideInDialogContent, SlideInDialogTitle, SlideInDialogDescription, SlideInDialogClose }