feature: move all shadcn related code to src/shared/shadcn

src/shared/shadcn/ui/sheet/sheet-content.svelte

@@ -0,0 +1,64 @@
+<script lang="ts" module>
+    import { tv, type VariantProps } from 'tailwind-variants';
+export const sheetVariants = tv({
+    base:
+        'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
+    variants: {
+        side: {
+            top: 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',
+            bottom:
+                'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',
+            left:
+                'data-[state=closed]:slide-out-to-start data-[state=open]:slide-in-from-start inset-y-0 start-0 h-full w-3/4 border-e sm:max-w-sm',
+            right:
+                'data-[state=closed]:slide-out-to-end data-[state=open]:slide-in-from-end inset-y-0 end-0 h-full w-3/4 border-s sm:max-w-sm',
+        },
+    },
+    defaultVariants: {
+        side: 'right',
+    },
+});
+
+export type Side = VariantProps<typeof sheetVariants>['side'];
+</script>
+
+<script lang="ts">
+    import { cn, type WithoutChildrenOrChild } from '$shared/shadcn/utils/shadcn-utils.js';
+import XIcon from '@lucide/svelte/icons/x';
+import { Dialog as SheetPrimitive } from 'bits-ui';
+import type { Snippet } from 'svelte';
+import type { ComponentProps } from 'svelte';
+import SheetOverlay from './sheet-overlay.svelte';
+import SheetPortal from './sheet-portal.svelte';
+
+let {
+    ref = $bindable(null),
+    class: className,
+    side = 'right',
+    portalProps,
+    children,
+    ...restProps
+}: WithoutChildrenOrChild<SheetPrimitive.ContentProps> & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SheetPortal>>;
+    side?: Side;
+    children: Snippet;
+} = $props();
+</script>
+
+<SheetPortal {...portalProps}>
+    <SheetOverlay />
+    <SheetPrimitive.Content
+        bind:ref
+        data-slot="sheet-content"
+        class={cn(sheetVariants({ side }), className)}
+        {...restProps}
+    >
+        {@render children?.()}
+        <SheetPrimitive.Close
+            class="ring-offset-background focus-visible:ring-ring absolute end-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none"
+        >
+            <XIcon class="size-4" />
+            <span class="sr-only">Close</span>
+        </SheetPrimitive.Close>
+    </SheetPrimitive.Content>
+</SheetPortal>