From 0f3ca8d6816f88ac5598b9082c4980f3c0a87eaa Mon Sep 17 00:00:00 2001
From: Hunter Johnston <johnstonhuntera@gmail.com>
Date: Sat, 27 May 2023 16:02:25 -0400
Subject: [PATCH] build componentx

---
 apps/www/src/lib/config/components.ts         |  36 ++-
 .../src/routes/api/components/components.json | 234 +++++++++++-------
 2 files changed, 175 insertions(+), 95 deletions(-)

diff --git a/apps/www/src/lib/config/components.ts b/apps/www/src/lib/config/components.ts
index 18c757b9b..cf0f9bcf7 100644
--- a/apps/www/src/lib/config/components.ts
+++ b/apps/www/src/lib/config/components.ts
@@ -225,12 +225,21 @@ export const components = [
 			"src/lib/components/ui/separator/index.ts"
 		]
 	},
-	//   {
-	//     component: "sheet",
-	//     name: "Sheet",
-	//     dependencies: ["@radix-ui/react-dialog"],
-	//     files: ["components/ui/sheet.tsx"]
-	//   },
+	{
+		component: "sheet",
+		name: "Sheet",
+		dependencies: ["radix-svelte"],
+		files: [
+			"src/lib/components/ui/sheet/SheetContent.svelte",
+			"src/lib/components/ui/sheet/SheetDescription.svelte",
+			"src/lib/components/ui/sheet/SheetFooter.svelte",
+			"src/lib/components/ui/sheet/SheetHeader.svelte",
+			"src/lib/components/ui/sheet/SheetOverlay.svelte",
+			"src/lib/components/ui/sheet/SheetPortal.svelte",
+			"src/lib/components/ui/sheet/SheetTitle.svelte",
+			"src/lib/components/ui/sheet/index.ts"
+		]
+	},
 	{
 		component: "skeleton",
 		name: "Skeleton",
@@ -305,11 +314,14 @@ export const components = [
 			"src/lib/components/ui/toggle/Toggle.svelte",
 			"src/lib/components/ui/toggle/index.ts"
 		]
+	},
+	{
+		component: "tooltip",
+		name: "Tooltip",
+		dependencies: ["radix-svelte"],
+		files: [
+			"src/lib/components/ui/tooltip/TooltipContent.svelte",
+			"src/lib/components/ui/tooltip/index.ts"
+		]
 	}
-	//   {
-	//     component: "tooltip",
-	//     name: "Tooltip",
-	//     dependencies: ["@radix-ui/react-tooltip"],
-	//     files: ["components/ui/tooltip.tsx"]
-	//   }
 ];
diff --git a/apps/www/src/routes/api/components/components.json b/apps/www/src/routes/api/components/components.json
index 1b2b8e2df..7fc256d6a 100644
--- a/apps/www/src/routes/api/components/components.json
+++ b/apps/www/src/routes/api/components/components.json
@@ -9,27 +9,27 @@
       {
         "name": "Accordion.svelte",
         "dir": "accordion",
-        "content": "<script lang=\"ts\">\n  import {\n    Accordion as AccordionPrimitive,\n    type AccordionRootProps\n  } from \"radix-svelte\";\n\n  export let value: any = undefined;\n  export let type: AccordionRootProps[\"type\"] = \"single\";\n  export let disabled: AccordionRootProps[\"disabled\"] = undefined;\n</script>\n\n<AccordionPrimitive.Root bind:value {type} {disabled} {...$$restProps}>\n  <slot />\n</AccordionPrimitive.Root>\n"
+        "content": "<script lang=\"ts\">\n\timport type { AccordionRootProps } from \"radix-svelte\";\n\timport { Accordion as AccordionPrimitive } from \"radix-svelte\";\n\n\t// Remove the any when radix-svelte is updated to properly satisfy the types\n\t// https://www.radix-svelte.com/docs/accordion\n\texport let value: any = undefined;\n</script>\n\n<AccordionPrimitive.Root bind:value {...$$restProps}>\n\t<slot />\n</AccordionPrimitive.Root>\n"
       },
       {
         "name": "AccordionContent.svelte",
         "dir": "accordion",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import {\n    Accordion as AccordionPrimitive,\n    type AccordionContentProps\n  } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let transition: AccordionContentProps[\"transition\"] = true;\n\n  type $$Props = AccordionContentProps;\n</script>\n\n<AccordionPrimitive.Content\n  class={cn(\"overflow-hidden text-sm\", className)}\n  {...$$restProps}\n  {transition}\n>\n  <div class=\"pb-4 pt-0\">\n    <slot />\n  </div>\n</AccordionPrimitive.Content>\n"
+        "content": "<script lang=\"ts\">\n\timport type { AccordionContentProps } from \"radix-svelte\";\n\timport { Accordion as AccordionPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let transition: AccordionContentProps[\"transition\"] = true;\n\n\ttype $$Props = AccordionContentProps;\n</script>\n\n<AccordionPrimitive.Content\n\tclass={cn(\"overflow-hidden text-sm\", className)}\n\t{...$$restProps}\n\t{transition}\n>\n\t<div class=\"pb-4 pt-0\">\n\t\t<slot />\n\t</div>\n</AccordionPrimitive.Content>\n"
       },
       {
         "name": "AccordionItem.svelte",
         "dir": "accordion",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import {\n    Accordion as AccordionPrimitive,\n    type AccordionItemProps\n  } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let value: AccordionItemProps[\"value\"];\n</script>\n\n<AccordionPrimitive.Item\n  {value}\n  class={cn(\"border-b\", className)}\n  {...$$restProps}\n>\n  <slot />\n</AccordionPrimitive.Item>\n"
+        "content": "<script lang=\"ts\">\n\timport type { AccordionItemProps } from \"radix-svelte\";\n\timport { Accordion as AccordionPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let value: AccordionItemProps[\"value\"];\n</script>\n\n<AccordionPrimitive.Item\n\t{value}\n\tclass={cn(\"border-b\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</AccordionPrimitive.Item>\n"
       },
       {
         "name": "AccordionTrigger.svelte",
         "dir": "accordion",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { ChevronDown } from \"lucide-svelte\";\n  import { Accordion as AccordionPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<AccordionPrimitive.Header class=\"flex\">\n  <AccordionPrimitive.Trigger\n    class={cn(\n      \"flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180\",\n      className\n    )}\n    {...$$restProps}\n  >\n    <slot />\n    <ChevronDown class=\"h-4 w-4 transition-transform duration-200\" />\n  </AccordionPrimitive.Trigger>\n</AccordionPrimitive.Header>\n"
+        "content": "<script lang=\"ts\">\n\timport { ChevronDown } from \"lucide-svelte\";\n\timport { Accordion as AccordionPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<AccordionPrimitive.Header class=\"flex\">\n\t<AccordionPrimitive.Trigger\n\t\tclass={cn(\n\t\t\t\"flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<slot />\n\t\t<ChevronDown class=\"h-4 w-4 transition-transform duration-200\" />\n\t</AccordionPrimitive.Trigger>\n</AccordionPrimitive.Header>\n"
       },
       {
         "name": "index.ts",
         "dir": "accordion",
-        "content": "import Accordion from \"./Accordion.svelte\";\nimport AccordionContent from \"./AccordionContent.svelte\";\nimport AccordionItem from \"./AccordionItem.svelte\";\nimport AccordionTrigger from \"./AccordionTrigger.svelte\";\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\n"
+        "content": "export { default as Accordion } from \"./Accordion.svelte\";\nexport { default as AccordionContent } from \"./AccordionContent.svelte\";\nexport { default as AccordionItem } from \"./AccordionItem.svelte\";\nexport { default as AccordionTrigger } from \"./AccordionTrigger.svelte\";\n"
       }
     ]
   },
@@ -40,22 +40,22 @@
       {
         "name": "Alert.svelte",
         "dir": "alert",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { type VariantProps, cva } from \"class-variance-authority\";\n\n  const alertVariants = cva(\n    \"relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11\",\n    {\n      variants: {\n        variant: {\n          default: \"bg-background text-foreground\",\n          destructive:\n            \"text-destructive border-destructive/50 dark:border-destructive [&>svg]:text-destructive text-destructive\"\n        }\n      },\n      defaultVariants: {\n        variant: \"default\"\n      }\n    }\n  );\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let variant: VariantProps<typeof alertVariants>[\"variant\"] = \"default\";\n</script>\n\n<div class={cn(alertVariants({ variant }), className)} {...$$restProps}>\n  <slot />\n</div>\n"
+        "content": "<script lang=\"ts\">\n\timport type { VariantProps } from \"class-variance-authority\";\n\timport { cva } from \"class-variance-authority\";\n\timport { cn } from \"$lib/utils\";\n\n\tconst alertVariants = cva(\n\t\t\"relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11\",\n\t\t{\n\t\t\tvariants: {\n\t\t\t\tvariant: {\n\t\t\t\t\tdefault: \"bg-background text-foreground\",\n\t\t\t\t\tdestructive:\n\t\t\t\t\t\t\"text-destructive border-destructive/50 dark:border-destructive [&>svg]:text-destructive text-destructive\"\n\t\t\t\t}\n\t\t\t},\n\t\t\tdefaultVariants: {\n\t\t\t\tvariant: \"default\"\n\t\t\t}\n\t\t}\n\t);\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let variant: VariantProps<typeof alertVariants>[\"variant\"] =\n\t\t\"default\";\n</script>\n\n<div class={cn(alertVariants({ variant }), className)} {...$$restProps}>\n\t<slot />\n</div>\n"
       },
       {
         "name": "AlertDescription.svelte",
         "dir": "alert",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<div class={cn(\"text-sm [&_p]:leading-relaxed\", className)} {...$$restProps}>\n  <slot />\n</div>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"text-sm [&_p]:leading-relaxed\", className)} {...$$restProps}>\n\t<slot />\n</div>\n"
       },
       {
         "name": "AlertTitle.svelte",
         "dir": "alert",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let level: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h5\";\n</script>\n\n<svelte:element\n  this={level}\n  class={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n  {...$$restProps}\n>\n  <slot />\n</svelte:element>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let level: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h5\";\n</script>\n\n<svelte:element\n\tthis={level}\n\tclass={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</svelte:element>\n"
       },
       {
         "name": "index.ts",
         "dir": "alert",
-        "content": "import Alert from \"./Alert.svelte\";\nimport AlertDescription from \"./AlertDescription.svelte\";\nimport AlertTitle from \"./AlertTitle.svelte\";\n\nexport { Alert, AlertDescription, AlertTitle };\n"
+        "content": "export { default as Alert } from \"./Alert.svelte\";\nexport { default as AlertDescription } from \"./AlertDescription.svelte\";\nexport { default as AlertTitle } from \"./AlertTitle.svelte\";\n"
       }
     ]
   },
@@ -69,52 +69,52 @@
       {
         "name": "AlertDialogAction.svelte",
         "dir": "alert-dialog",
-        "content": "<script lang=\"ts\">\n  import { buttonVariants } from \"$components/ui/button\";\n  import { cn } from \"$lib/utils\";\n  import { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<AlertDialogPrimitive.Action\n  class={cn(buttonVariants(), className)}\n  {...$$restProps}\n>\n  <slot />\n</AlertDialogPrimitive.Action>\n"
+        "content": "<script lang=\"ts\">\n\timport { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\timport { buttonVariants } from \"$components/ui/button\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<AlertDialogPrimitive.Action\n\tclass={cn(buttonVariants(), className)}\n\t{...$$restProps}\n>\n\t<slot />\n</AlertDialogPrimitive.Action>\n"
       },
       {
         "name": "AlertDialogCancel.svelte",
         "dir": "alert-dialog",
-        "content": "<script lang=\"ts\">\n  import { buttonVariants } from \"$components/ui/button\";\n  import { cn } from \"$lib/utils\";\n  import { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<AlertDialogPrimitive.Cancel\n  class={cn(buttonVariants({ variant: \"outline\" }), \"mt-2 sm:mt-0\", className)}\n  {...$$restProps}\n>\n  <slot />\n</AlertDialogPrimitive.Cancel>\n"
+        "content": "<script lang=\"ts\">\n\timport { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\timport { buttonVariants } from \"$components/ui/button\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<AlertDialogPrimitive.Cancel\n\tclass={cn(\n\t\tbuttonVariants({ variant: \"outline\" }),\n\t\t\"mt-2 sm:mt-0\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n>\n\t<slot />\n</AlertDialogPrimitive.Cancel>\n"
       },
       {
         "name": "AlertDialogContent.svelte",
         "dir": "alert-dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import AlertDialogOverlay from \"./AlertDialogOverlay.svelte\";\n  import AlertDialogPortal from \"./AlertDialogPortal.svelte\";\n  import { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<AlertDialogPortal>\n  <AlertDialogOverlay />\n  <AlertDialogPrimitive.Content\n    class={cn(\n      \"fixed z-50 grid w-full max-w-lg scale-100 gap-4 border bg-background p-6 opacity-100 shadow-lg animate-in fade-in-90 slide-in-from-bottom-10 sm:rounded-lg sm:zoom-in-90 sm:slide-in-from-bottom-0 md:w-full\",\n      className\n    )}\n    {...$$restProps}\n  >\n    <slot />\n  </AlertDialogPrimitive.Content>\n</AlertDialogPortal>\n"
+        "content": "<script lang=\"ts\">\n\timport { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\timport AlertDialogOverlay from \"./AlertDialogOverlay.svelte\";\n\timport AlertDialogPortal from \"./AlertDialogPortal.svelte\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<AlertDialogPortal>\n\t<AlertDialogOverlay />\n\t<AlertDialogPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed z-50 grid w-full max-w-lg scale-100 gap-4 border bg-background p-6 opacity-100 shadow-lg animate-in fade-in-90 slide-in-from-bottom-10 sm:rounded-lg sm:zoom-in-90 sm:slide-in-from-bottom-0 md:w-full\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<slot />\n\t</AlertDialogPrimitive.Content>\n</AlertDialogPortal>\n"
       },
       {
         "name": "AlertDialogDescription.svelte",
         "dir": "alert-dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<AlertDialogPrimitive.Description\n  class={cn(\"text-sm text-muted-foreground\", className)}\n  {...$$restProps}\n>\n  <slot />\n</AlertDialogPrimitive.Description>\n"
+        "content": "<script lang=\"ts\">\n\timport { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<AlertDialogPrimitive.Description\n\tclass={cn(\"text-sm text-muted-foreground\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</AlertDialogPrimitive.Description>\n"
       },
       {
         "name": "AlertDialogFooter.svelte",
         "dir": "alert-dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<div\n  class={cn(\n    \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n    className\n  )}\n  {...$$restProps}\n>\n  <slot />\n</div>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<div\n\tclass={cn(\n\t\t\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n>\n\t<slot />\n</div>\n"
       },
       {
         "name": "AlertDialogHeader.svelte",
         "dir": "alert-dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<div\n  class={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)}\n  {...$$restProps}\n>\n  <slot />\n</div>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<div\n\tclass={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</div>\n"
       },
       {
         "name": "AlertDialogOverlay.svelte",
         "dir": "alert-dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<AlertDialogPrimitive.Overlay\n  class={cn(\n    \"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm transition-opacity animate-in fade-in\",\n    className\n  )}\n  {...$$restProps}\n/>\n"
+        "content": "<script lang=\"ts\">\n\timport { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<AlertDialogPrimitive.Overlay\n\tclass={cn(\n\t\t\"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm transition-opacity animate-in fade-in\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n/>\n"
       },
       {
         "name": "AlertDialogPortal.svelte",
         "dir": "alert-dialog",
-        "content": "<script lang=\"ts\">\n  import {\n    AlertDialog as AlertDialogPrimitive,\n    type AlertDialogPortalProps\n  } from \"radix-svelte\";\n\n  type $$Props = AlertDialogPortalProps;\n</script>\n\n<AlertDialogPrimitive.Portal {...$$restProps}>\n  <div class=\"fixed inset-0 z-50 flex items-end justify-center sm:items-center\">\n    <slot />\n  </div>\n</AlertDialogPrimitive.Portal>\n"
+        "content": "<script lang=\"ts\">\n\timport type { AlertDialogPortalProps } from \"radix-svelte\";\n\timport { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\n\ttype $$Props = AlertDialogPortalProps;\n</script>\n\n<AlertDialogPrimitive.Portal {...$$restProps}>\n\t<div\n\t\tclass=\"fixed inset-0 z-50 flex items-end justify-center sm:items-center\"\n\t>\n\t\t<slot />\n\t</div>\n</AlertDialogPrimitive.Portal>\n"
       },
       {
         "name": "AlertDialogTitle.svelte",
         "dir": "alert-dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<AlertDialogPrimitive.Title\n  class={cn(\"text-lg font-semibold\", className)}\n  {...$$restProps}\n>\n  <slot />\n</AlertDialogPrimitive.Title>\n"
+        "content": "<script lang=\"ts\">\n\timport { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<AlertDialogPrimitive.Title\n\tclass={cn(\"text-lg font-semibold\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</AlertDialogPrimitive.Title>\n"
       },
       {
         "name": "index.ts",
         "dir": "alert-dialog",
-        "content": "import AlertDialogAction from \"./AlertDialogAction.svelte\";\nimport AlertDialogCancel from \"./AlertDialogCancel.svelte\";\nimport AlertDialogContent from \"./AlertDialogContent.svelte\";\nimport AlertDialogDescription from \"./AlertDialogDescription.svelte\";\nimport AlertDialogFooter from \"./AlertDialogFooter.svelte\";\nimport AlertDialogHeader from \"./AlertDialogHeader.svelte\";\nimport AlertDialogTitle from \"./AlertDialogTitle.svelte\";\nimport { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\nconst AlertDialog = AlertDialogPrimitive.Root;\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nexport {\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel\n};\n"
+        "content": "import { AlertDialog as AlertDialogPrimitive } from \"radix-svelte\";\n\nexport { default as AlertDialogAction } from \"./AlertDialogAction.svelte\";\nexport { default as AlertDialogCancel } from \"./AlertDialogCancel.svelte\";\nexport { default as AlertDialogContent } from \"./AlertDialogContent.svelte\";\nexport { default as AlertDialogDescription } from \"./AlertDialogDescription.svelte\";\nexport { default as AlertDialogFooter } from \"./AlertDialogFooter.svelte\";\nexport { default as AlertDialogHeader } from \"./AlertDialogHeader.svelte\";\nexport { default as AlertDialogTitle } from \"./AlertDialogTitle.svelte\";\n\nexport const AlertDialog = AlertDialogPrimitive.Root;\nexport const AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n"
       }
     ]
   },
@@ -128,12 +128,12 @@
       {
         "name": "AspectRatio.svelte",
         "dir": "aspect-ratio",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { AspectRatio, type AspectRatioProps } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let ratio: AspectRatioProps[\"ratio\"] = 16 / 9;\n  type $$Props = AspectRatioProps;\n</script>\n\n<AspectRatio.Root {ratio} class={cn(className)} {...$$restProps}>\n  <slot />\n</AspectRatio.Root>\n"
+        "content": "<script lang=\"ts\">\n\timport type { AspectRatioProps } from \"radix-svelte\";\n\timport { AspectRatio } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let ratio: AspectRatioProps[\"ratio\"] = 16 / 9;\n\ttype $$Props = AspectRatioProps;\n</script>\n\n<AspectRatio.Root {ratio} class={cn(className)} {...$$restProps}>\n\t<slot />\n</AspectRatio.Root>\n"
       },
       {
         "name": "index.ts",
         "dir": "aspect-ratio",
-        "content": "import AspectRatio from \"./AspectRatio.svelte\";\n\nexport { AspectRatio };\n"
+        "content": "export { default as AspectRatio } from \"./AspectRatio.svelte\";\n"
       }
     ]
   },
@@ -147,22 +147,22 @@
       {
         "name": "Avatar.svelte",
         "dir": "avatar",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Avatar as AvatarPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<AvatarPrimitive.Root\n  class={cn(\n    \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n    className\n  )}\n  {...$$restProps}\n>\n  <slot />\n</AvatarPrimitive.Root>\n"
+        "content": "<script lang=\"ts\">\n\timport { Avatar as AvatarPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<AvatarPrimitive.Root\n\tclass={cn(\n\t\t\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n>\n\t<slot />\n</AvatarPrimitive.Root>\n"
       },
       {
         "name": "AvatarFallback.svelte",
         "dir": "avatar",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import {\n    Avatar as AvatarPrimitive,\n    type AvatarFallbackProps\n  } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let delayMs: AvatarFallbackProps[\"delayMs\"] = 0;\n</script>\n\n<AvatarPrimitive.Fallback\n  {delayMs}\n  class={cn(\n    \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n    className\n  )}\n  {...$$restProps}\n>\n  <slot />\n</AvatarPrimitive.Fallback>\n"
+        "content": "<script lang=\"ts\">\n\timport type { AvatarFallbackProps } from \"radix-svelte\";\n\timport { Avatar as AvatarPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let delayMs: AvatarFallbackProps[\"delayMs\"] = 0;\n</script>\n\n<AvatarPrimitive.Fallback\n\t{delayMs}\n\tclass={cn(\n\t\t\"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n>\n\t<slot />\n</AvatarPrimitive.Fallback>\n"
       },
       {
         "name": "AvatarImage.svelte",
         "dir": "avatar",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import {\n    Avatar as AvatarPrimitive,\n    type AvatarImageProps\n  } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export let src: AvatarImageProps[\"src\"] = undefined;\n  export let alt: AvatarImageProps[\"alt\"] = undefined;\n  export { className as class };\n</script>\n\n<AvatarPrimitive.Image\n  {alt}\n  {src}\n  class={cn(\"aspect-square h-full w-full\", className)}\n  {...$$restProps}\n/>\n"
+        "content": "<script lang=\"ts\">\n\timport type { AvatarImageProps } from \"radix-svelte\";\n\timport { Avatar as AvatarPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport let src: AvatarImageProps[\"src\"] = undefined;\n\texport let alt: AvatarImageProps[\"alt\"] = undefined;\n\texport { className as class };\n</script>\n\n<AvatarPrimitive.Image\n\t{alt}\n\t{src}\n\tclass={cn(\"aspect-square h-full w-full\", className)}\n\t{...$$restProps}\n/>\n"
       },
       {
         "name": "index.ts",
         "dir": "avatar",
-        "content": "import Avatar from \"./Avatar.svelte\";\nimport AvatarFallback from \"./AvatarFallback.svelte\";\nimport AvatarImage from \"./AvatarImage.svelte\";\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"
+        "content": "export { default as Avatar } from \"./Avatar.svelte\";\nexport { default as AvatarFallback } from \"./AvatarFallback.svelte\";\nexport { default as AvatarImage } from \"./AvatarImage.svelte\";\n"
       }
     ]
   },
@@ -173,12 +173,12 @@
       {
         "name": "Badge.svelte",
         "dir": "badge",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { type VariantProps, cva } from \"class-variance-authority\";\n  import type { HTMLAnchorAttributes } from \"svelte/elements\";\n\n  const badgeVariants = cva(\n    \"inline-flex items-center border rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n    {\n      variants: {\n        variant: {\n          default:\n            \"bg-primary hover:bg-primary/80 border-transparent text-primary-foreground\",\n          secondary:\n            \"bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground\",\n          destructive:\n            \"bg-destructive hover:bg-destructive/80 border-transparent text-destructive-foreground\",\n          outline: \"text-foreground\"\n        }\n      },\n      defaultVariants: {\n        variant: \"default\"\n      }\n    }\n  );\n\n  export let href: HTMLAnchorAttributes[\"href\"] = undefined;\n  export let variant: VariantProps<typeof badgeVariants>[\"variant\"] = \"default\";\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<svelte:element\n  this={href ? \"a\" : \"span\"}\n  {href}\n  class={cn(badgeVariants({ variant, className }))}\n  {...$$restProps}\n>\n  <slot />\n</svelte:element>\n"
+        "content": "<script lang=\"ts\">\n\timport type { VariantProps } from \"class-variance-authority\";\n\timport type { HTMLAnchorAttributes } from \"svelte/elements\";\n\timport { cva } from \"class-variance-authority\";\n\timport { cn } from \"$lib/utils\";\n\n\tconst badgeVariants = cva(\n\t\t\"inline-flex items-center border rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n\t\t{\n\t\t\tvariants: {\n\t\t\t\tvariant: {\n\t\t\t\t\tdefault:\n\t\t\t\t\t\t\"bg-primary hover:bg-primary/80 border-transparent text-primary-foreground\",\n\t\t\t\t\tsecondary:\n\t\t\t\t\t\t\"bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground\",\n\t\t\t\t\tdestructive:\n\t\t\t\t\t\t\"bg-destructive hover:bg-destructive/80 border-transparent text-destructive-foreground\",\n\t\t\t\t\toutline: \"text-foreground\"\n\t\t\t\t}\n\t\t\t},\n\t\t\tdefaultVariants: {\n\t\t\t\tvariant: \"default\"\n\t\t\t}\n\t\t}\n\t);\n\n\texport let href: HTMLAnchorAttributes[\"href\"] = undefined;\n\texport let variant: VariantProps<typeof badgeVariants>[\"variant\"] =\n\t\t\"default\";\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<svelte:element\n\tthis={href ? \"a\" : \"span\"}\n\t{href}\n\tclass={cn(badgeVariants({ variant, className }))}\n\t{...$$restProps}\n>\n\t<slot />\n</svelte:element>\n"
       },
       {
         "name": "index.ts",
         "dir": "badge",
-        "content": "import Badge from \"./Badge.svelte\";\nimport { cva } from \"class-variance-authority\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center border rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary hover:bg-primary/80 border-transparent text-primary-foreground\",\n        secondary:\n          \"bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground\",\n        destructive:\n          \"bg-destructive hover:bg-destructive/80 border-transparent text-destructive-foreground\",\n        outline: \"text-foreground\"\n      }\n    },\n    defaultVariants: {\n      variant: \"default\"\n    }\n  }\n);\nexport { Badge, badgeVariants };\n"
+        "content": "import { cva } from \"class-variance-authority\";\n\nexport { default as Badge } from \"./Badge.svelte\";\nexport const badgeVariants = cva(\n\t\"inline-flex items-center border rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault:\n\t\t\t\t\t\"bg-primary hover:bg-primary/80 border-transparent text-primary-foreground\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"bg-destructive hover:bg-destructive/80 border-transparent text-destructive-foreground\",\n\t\t\t\toutline: \"text-foreground\"\n\t\t\t}\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\"\n\t\t}\n\t}\n);\n"
       }
     ]
   },
@@ -189,12 +189,12 @@
       {
         "name": "Button.svelte",
         "dir": "button",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { buttonVariants } from \".\";\n  import type { VariantProps } from \"class-variance-authority\";\n  import type {\n    HTMLAnchorAttributes,\n    HTMLButtonAttributes\n  } from \"svelte/elements\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let href: HTMLAnchorAttributes[\"href\"] = undefined;\n  export let type: HTMLButtonAttributes[\"type\"] = undefined;\n  export let variant: VariantProps<typeof buttonVariants>[\"variant\"] =\n    \"default\";\n  export let size: VariantProps<typeof buttonVariants>[\"size\"] = \"default\";\n</script>\n\n<svelte:element\n  this={href ? \"a\" : \"button\"}\n  type={href ? undefined : type}\n  {href}\n  class={cn(buttonVariants({ variant, size, className }))}\n  {...$$restProps}\n  on:click\n  on:change\n  on:keydown\n  on:keyup\n  on:mouseenter\n  on:mouseleave\n>\n  <slot />\n</svelte:element>\n"
+        "content": "<script lang=\"ts\">\n\timport type { VariantProps } from \"class-variance-authority\";\n\timport type {\n\t\tHTMLAnchorAttributes,\n\t\tHTMLButtonAttributes\n\t} from \"svelte/elements\";\n\timport { cn } from \"$lib/utils\";\n\timport { buttonVariants } from \".\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let href: HTMLAnchorAttributes[\"href\"] = undefined;\n\texport let type: HTMLButtonAttributes[\"type\"] = undefined;\n\texport let variant: VariantProps<typeof buttonVariants>[\"variant\"] =\n\t\t\"default\";\n\texport let size: VariantProps<typeof buttonVariants>[\"size\"] = \"default\";\n</script>\n\n<svelte:element\n\tthis={href ? \"a\" : \"button\"}\n\ttype={href ? undefined : type}\n\t{href}\n\tclass={cn(buttonVariants({ variant, size, className }))}\n\t{...$$restProps}\n\ton:click\n\ton:change\n\ton:keydown\n\ton:keyup\n\ton:mouseenter\n\ton:mouseleave\n>\n\t<slot />\n</svelte:element>\n"
       },
       {
         "name": "index.ts",
         "dir": "button",
-        "content": "import Button from \"./Button.svelte\";\nimport { cva } from \"class-variance-authority\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"underline-offset-4 hover:underline text-primary\"\n      },\n      size: {\n        default: \"h-10 py-2 px-4\",\n        sm: \"h-9 px-3 rounded-md\",\n        lg: \"h-11 px-8 rounded-md\"\n      }\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\"\n    }\n  }\n);\n\nexport { Button, buttonVariants };\n"
+        "content": "import { cva } from \"class-variance-authority\";\n\nexport { default as Button } from \"./Button.svelte\";\n\nexport const buttonVariants = cva(\n\t\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault:\n\t\t\t\t\t\"bg-primary text-primary-foreground hover:bg-primary/90\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n\t\t\t\toutline:\n\t\t\t\t\t\"border border-input hover:bg-accent hover:text-accent-foreground\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n\t\t\t\tghost: \"hover:bg-accent hover:text-accent-foreground\",\n\t\t\t\tlink: \"underline-offset-4 hover:underline text-primary\"\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"h-10 py-2 px-4\",\n\t\t\t\tsm: \"h-9 px-3 rounded-md\",\n\t\t\t\tlg: \"h-11 px-8 rounded-md\"\n\t\t\t}\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\"\n\t\t}\n\t}\n);\n"
       }
     ]
   },
@@ -205,37 +205,37 @@
       {
         "name": "Card.svelte",
         "dir": "card",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<div\n  class={cn(\n    \"rounded-lg border bg-card text-card-foreground shadow-sm\",\n    className\n  )}\n  {...$$restProps}\n  on:click\n  on:focusin\n  on:focusout\n  on:mouseenter\n  on:mouseleave\n>\n  <slot />\n</div>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<div\n\tclass={cn(\n\t\t\"rounded-lg border bg-card text-card-foreground shadow-sm\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n\ton:click\n\ton:focusin\n\ton:focusout\n\ton:mouseenter\n\ton:mouseleave\n>\n\t<slot />\n</div>\n"
       },
       {
         "name": "CardContent.svelte",
         "dir": "card",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<div class={cn(\"p-6 pt-0\", className)} {...$$restProps}>\n  <slot />\n</div>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"p-6 pt-0\", className)} {...$$restProps}>\n\t<slot />\n</div>\n"
       },
       {
         "name": "CardDescription.svelte",
         "dir": "card",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<p class={cn(\"text-sm text-muted-foreground\", className)} {...$$restProps}>\n  <slot />\n</p>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<p class={cn(\"text-sm text-muted-foreground\", className)} {...$$restProps}>\n\t<slot />\n</p>\n"
       },
       {
         "name": "CardFooter.svelte",
         "dir": "card",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<div class={cn(\"flex items-center p-6 pt-0\", className)} {...$$restProps}>\n  <slot />\n</div>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"flex items-center p-6 pt-0\", className)} {...$$restProps}>\n\t<slot />\n</div>\n"
       },
       {
         "name": "CardHeader.svelte",
         "dir": "card",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<div class={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...$$restProps}>\n  <slot />\n</div>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...$$restProps}>\n\t<slot />\n</div>\n"
       },
       {
         "name": "CardTitle.svelte",
         "dir": "card",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n\n  export let tag: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h3\";\n</script>\n\n<svelte:element\n  this={tag}\n  class={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n  {...$$restProps}\n>\n  <slot />\n</svelte:element>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\n\texport let tag: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h3\";\n</script>\n\n<svelte:element\n\tthis={tag}\n\tclass={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</svelte:element>\n"
       },
       {
         "name": "index.ts",
         "dir": "card",
-        "content": "import Card from \"./Card.svelte\";\nimport CardContent from \"./CardContent.svelte\";\nimport CardDescription from \"./CardDescription.svelte\";\nimport CardFooter from \"./CardFooter.svelte\";\nimport CardHeader from \"./CardHeader.svelte\";\nimport CardTitle from \"./CardTitle.svelte\";\n\nexport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle\n};\n"
+        "content": "export { default as Card } from \"./Card.svelte\";\nexport { default as CardContent } from \"./CardContent.svelte\";\nexport { default as CardDescription } from \"./CardDescription.svelte\";\nexport { default as CardFooter } from \"./CardFooter.svelte\";\nexport { default as CardHeader } from \"./CardHeader.svelte\";\nexport { default as CardTitle } from \"./CardTitle.svelte\";\n"
       }
     ]
   },
@@ -249,12 +249,12 @@
       {
         "name": "Checkbox.svelte",
         "dir": "checkbox",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Check } from \"lucide-svelte\";\n  import {\n    Checkbox as CheckboxPrimitive,\n    type CheckboxRootProps\n  } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let checked: CheckboxRootProps[\"checked\"] = undefined;\n  type $$Props = CheckboxRootProps;\n</script>\n\n<CheckboxPrimitive.Root\n  class={cn(\n    \"peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n    className\n  )}\n  bind:checked\n  {...$$restProps}\n>\n  <CheckboxPrimitive.Indicator\n    class={cn(\"flex items-center justify-center text-current\")}\n  >\n    <Check class=\"h-4 w-4\" />\n  </CheckboxPrimitive.Indicator>\n</CheckboxPrimitive.Root>\n"
+        "content": "<script lang=\"ts\">\n\timport type { CheckboxRootProps } from \"radix-svelte\";\n\timport { Check } from \"lucide-svelte\";\n\timport { Checkbox as CheckboxPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let checked: CheckboxRootProps[\"checked\"] = undefined;\n\ttype $$Props = CheckboxRootProps;\n</script>\n\n<CheckboxPrimitive.Root\n\tclass={cn(\n\t\t\"peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n\t\tclassName\n\t)}\n\tbind:checked\n\t{...$$restProps}\n>\n\t<CheckboxPrimitive.Indicator\n\t\tclass={cn(\"flex items-center justify-center text-current\")}\n\t>\n\t\t<Check class=\"h-4 w-4\" />\n\t</CheckboxPrimitive.Indicator>\n</CheckboxPrimitive.Root>\n"
       },
       {
         "name": "index.ts",
         "dir": "checkbox",
-        "content": "import Checkbox from \"./Checkbox.svelte\";\n\nexport { Checkbox };\n"
+        "content": "export { default as Checkbox } from \"./Checkbox.svelte\";\n"
       }
     ]
   },
@@ -268,7 +268,7 @@
       {
         "name": "index.ts",
         "dir": "collapsible",
-        "content": "import { Collapsible as CollapsiblePrimitive } from \"radix-svelte\";\n\nconst Collapsible = CollapsiblePrimitive.Root;\n\nconst CollapsibleTrigger = CollapsiblePrimitive.Trigger;\n\nconst CollapsibleContent = CollapsiblePrimitive.Content;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"
+        "content": "import { Collapsible as CollapsiblePrimitive } from \"radix-svelte\";\n\nexport const Collapsible = CollapsiblePrimitive.Root;\n\nexport const CollapsibleTrigger = CollapsiblePrimitive.Trigger;\n\nexport const CollapsibleContent = CollapsiblePrimitive.Content;\n"
       }
     ]
   },
@@ -282,42 +282,42 @@
       {
         "name": "DialogContent.svelte",
         "dir": "dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import DialogOverlay from \"./DialogOverlay.svelte\";\n  import DialogPortal from \"./DialogPortal.svelte\";\n  import { X } from \"lucide-svelte\";\n  import {\n    Dialog as DialogPrimitive,\n    type DialogContentProps\n  } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  type $$Props = DialogContentProps;\n</script>\n\n<DialogPortal>\n  <DialogOverlay />\n  <DialogPrimitive.Content\n    class={cn(\n      \"fixed z-50 grid w-full gap-4 rounded-b-lg border bg-background p-6 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0\",\n      className\n    )}\n    {...$$restProps}\n  >\n    <slot />\n    <DialogPrimitive.Close\n      class=\"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 data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\"\n    >\n      <X className=\"h-4 w-4\" />\n      <span class=\"sr-only\">Close</span>\n    </DialogPrimitive.Close>\n  </DialogPrimitive.Content>\n</DialogPortal>\n"
+        "content": "<script lang=\"ts\">\n\timport type { DialogContentProps } from \"radix-svelte\";\n\timport { X } from \"lucide-svelte\";\n\timport { Dialog as DialogPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\timport DialogOverlay from \"./DialogOverlay.svelte\";\n\timport DialogPortal from \"./DialogPortal.svelte\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\ttype $$Props = DialogContentProps;\n</script>\n\n<DialogPortal>\n\t<DialogOverlay />\n\t<DialogPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed z-50 grid w-full gap-4 rounded-b-lg border bg-background p-6 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<slot />\n\t\t<DialogPrimitive.Close\n\t\t\tclass=\"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 data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\"\n\t\t>\n\t\t\t<X className=\"h-4 w-4\" />\n\t\t\t<span class=\"sr-only\">Close</span>\n\t\t</DialogPrimitive.Close>\n\t</DialogPrimitive.Content>\n</DialogPortal>\n"
       },
       {
         "name": "DialogDescription.svelte",
         "dir": "dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Dialog as DialogPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<DialogPrimitive.Description\n  class={cn(\"text-sm text-muted-foreground\", className)}\n  {...$$restProps}\n>\n  <slot />\n</DialogPrimitive.Description>\n"
+        "content": "<script lang=\"ts\">\n\timport { Dialog as DialogPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<DialogPrimitive.Description\n\tclass={cn(\"text-sm text-muted-foreground\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</DialogPrimitive.Description>\n"
       },
       {
         "name": "DialogFooter.svelte",
         "dir": "dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<div\n  class={cn(\n    \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n    className\n  )}\n  {...$$restProps}\n>\n  <slot />\n</div>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<div\n\tclass={cn(\n\t\t\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n>\n\t<slot />\n</div>\n"
       },
       {
         "name": "DialogHeader.svelte",
         "dir": "dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<div\n  class={cn(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)}\n  {...$$restProps}\n>\n  <slot />\n</div>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<div\n\tclass={cn(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</div>\n"
       },
       {
         "name": "DialogOverlay.svelte",
         "dir": "dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Dialog as DialogPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<DialogPrimitive.Overlay\n  class={cn(\n    \"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm transition-all duration-100 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in\",\n    className\n  )}\n  {...$$restProps}\n/>\n"
+        "content": "<script lang=\"ts\">\n\timport { Dialog as DialogPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<DialogPrimitive.Overlay\n\tclass={cn(\n\t\t\"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm transition-all duration-100 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n/>\n"
       },
       {
         "name": "DialogPortal.svelte",
         "dir": "dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import {\n    Dialog as DialogPrimitive,\n    type DialogPortalProps\n  } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n\n  type $$Props = DialogPortalProps & {\n    class?: string;\n  };\n</script>\n\n<DialogPrimitive.Portal class={cn(className)} {...$$restProps}>\n  <div\n    class=\"fixed inset-0 z-50 flex items-start justify-center sm:items-center\"\n  >\n    <slot />\n  </div>\n</DialogPrimitive.Portal>\n"
+        "content": "<script lang=\"ts\">\n\timport type { DialogPortalProps } from \"radix-svelte\";\n\timport { Dialog as DialogPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\n\ttype $$Props = DialogPortalProps & {\n\t\tclass?: string;\n\t};\n</script>\n\n<DialogPrimitive.Portal class={cn(className)} {...$$restProps}>\n\t<div\n\t\tclass=\"fixed inset-0 z-50 flex items-start justify-center sm:items-center\"\n\t>\n\t\t<slot />\n\t</div>\n</DialogPrimitive.Portal>\n"
       },
       {
         "name": "DialogTitle.svelte",
         "dir": "dialog",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Dialog as DialogPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<DialogPrimitive.Title\n  class={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n  {...$$restProps}\n>\n  <slot />\n</DialogPrimitive.Title>\n"
+        "content": "<script lang=\"ts\">\n\timport { Dialog as DialogPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<DialogPrimitive.Title\n\tclass={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</DialogPrimitive.Title>\n"
       },
       {
         "name": "index.ts",
         "dir": "dialog",
-        "content": "import DialogContent from \"./DialogContent.svelte\";\nimport DialogDescription from \"./DialogDescription.svelte\";\nimport DialogFooter from \"./DialogFooter.svelte\";\nimport DialogHeader from \"./DialogHeader.svelte\";\nimport DialogOverlay from \"./DialogOverlay.svelte\";\nimport DialogPortal from \"./DialogPortal.svelte\";\nimport DialogTitle from \"./DialogTitle.svelte\";\nimport { Dialog as DialogPrimitive } from \"radix-svelte\";\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nexport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger\n};\n"
+        "content": "import { Dialog as DialogPrimitive } from \"radix-svelte\";\n\nexport const Dialog = DialogPrimitive.Root;\nexport const DialogTrigger = DialogPrimitive.Trigger;\n\nexport { default as DialogContent } from \"./DialogContent.svelte\";\nexport { default as DialogDescription } from \"./DialogDescription.svelte\";\nexport { default as DialogFooter } from \"./DialogFooter.svelte\";\nexport { default as DialogHeader } from \"./DialogHeader.svelte\";\nexport { default as DialogOverlay } from \"./DialogOverlay.svelte\";\nexport { default as DialogPortal } from \"./DialogPortal.svelte\";\nexport { default as DialogTitle } from \"./DialogTitle.svelte\";\n"
       }
     ]
   },
@@ -331,12 +331,12 @@
       {
         "name": "HoverCardContent.svelte",
         "dir": "hover-card",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { HoverCard as HoverCardPrimitive } from \"radix-svelte\";\n  import type {\n    HoverCardContentProps,\n    HoverCardPortalProps\n  } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let align: HoverCardContentProps[\"align\"] = undefined;\n  export let sideOffset: HoverCardContentProps[\"sideOffset\"] = undefined;\n  export let container: HoverCardPortalProps[\"container\"] = undefined;\n\n  type $$Props = HoverCardContentProps & {\n    container?: HoverCardPortalProps[\"container\"];\n  };\n</script>\n\n<HoverCardPrimitive.Portal {container}>\n  <HoverCardPrimitive.Content\n    {align}\n    {sideOffset}\n    class={cn(\n      \"z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none animate-in zoom-in-90\",\n      className\n    )}\n    {...$$restProps}\n  >\n    <slot />\n  </HoverCardPrimitive.Content>\n</HoverCardPrimitive.Portal>\n"
+        "content": "<script lang=\"ts\">\n\timport type {\n\t\tHoverCardContentProps,\n\t\tHoverCardPortalProps\n\t} from \"radix-svelte\";\n\timport { HoverCard as HoverCardPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let align: HoverCardContentProps[\"align\"] = undefined;\n\texport let sideOffset: HoverCardContentProps[\"sideOffset\"] = undefined;\n\texport let container: HoverCardPortalProps[\"container\"] = undefined;\n\n\ttype $$Props = HoverCardContentProps & {\n\t\tcontainer?: HoverCardPortalProps[\"container\"];\n\t};\n</script>\n\n<HoverCardPrimitive.Portal {container}>\n\t<HoverCardPrimitive.Content\n\t\t{align}\n\t\t{sideOffset}\n\t\tclass={cn(\n\t\t\t\"z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none animate-in zoom-in-90\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<slot />\n\t</HoverCardPrimitive.Content>\n</HoverCardPrimitive.Portal>\n"
       },
       {
         "name": "index.ts",
         "dir": "hover-card",
-        "content": "import HoverCardContent from \"./HoverCardContent.svelte\";\nimport { HoverCard as HoverCardPrimitive } from \"radix-svelte\";\n\nconst HoverCard = HoverCardPrimitive.Root;\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\nconst HoverCardPortal = HoverCardPrimitive.Portal;\n\nexport { HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger };\n"
+        "content": "import { HoverCard as HoverCardPrimitive } from \"radix-svelte\";\n\nexport { default as HoverCardContent } from \"./HoverCardContent.svelte\";\nexport const HoverCard = HoverCardPrimitive.Root;\nexport const HoverCardTrigger = HoverCardPrimitive.Trigger;\nexport const HoverCardPortal = HoverCardPrimitive.Portal;\n"
       }
     ]
   },
@@ -347,12 +347,12 @@
       {
         "name": "Input.svelte",
         "dir": "input",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import type { HTMLInputAttributes } from \"svelte/elements\";\n\n  // 2-way binding for type\n  function setType(node: HTMLInputElement, _type: HTMLInputAttributes[\"type\"]) {\n    if (_type) {\n      node.type = _type;\n      return {\n        update(_type: string) {\n          node.type = _type;\n        }\n      };\n    }\n  }\n\n  let className: string | undefined | null = undefined;\n\n  export let type: HTMLInputAttributes[\"type\"] = \"text\";\n  export let value: HTMLInputAttributes[\"value\"] = undefined;\n  export { className as class };\n\n  type $$Props = HTMLInputAttributes;\n</script>\n\n<input\n  class={cn(\n    \"flex h-10 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n    className\n  )}\n  bind:value\n  on:blur\n  on:change\n  on:click\n  on:focus\n  on:keydown\n  on:keypress\n  on:keyup\n  on:mouseover\n  on:mouseenter\n  on:mouseleave\n  on:paste\n  on:input\n  use:setType={type}\n  {...$$restProps}\n/>\n"
+        "content": "<script lang=\"ts\">\n\timport type { HTMLInputAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils\";\n\n\t// 2-way binding for type\n\tfunction setType(\n\t\tnode: HTMLInputElement,\n\t\t_type: HTMLInputAttributes[\"type\"]\n\t) {\n\t\tif (_type) {\n\t\t\tnode.type = _type;\n\t\t\treturn {\n\t\t\t\tupdate(_type: string) {\n\t\t\t\t\tnode.type = _type;\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\t}\n\n\tlet className: string | undefined | null = undefined;\n\n\texport let type: HTMLInputAttributes[\"type\"] = \"text\";\n\texport let value: HTMLInputAttributes[\"value\"] = undefined;\n\texport { className as class };\n</script>\n\n<input\n\tclass={cn(\n\t\t\"flex h-10 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\tuse:setType={type}\n\t{...$$restProps}\n/>\n"
       },
       {
         "name": "index.ts",
         "dir": "input",
-        "content": "import Input from \"./Input.svelte\";\n\nexport { Input };\n"
+        "content": "export { default as Input } from \"./Input.svelte\";\n"
       }
     ]
   },
@@ -366,12 +366,12 @@
       {
         "name": "Label.svelte",
         "dir": "label",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { cva } from \"class-variance-authority\";\n  import { Label as LabelPrimitive } from \"radix-svelte\";\n\n  const labelVariants = cva(\n    \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n  );\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<LabelPrimitive.Root class={cn(labelVariants(), className)} {...$$restProps}>\n  <slot />\n</LabelPrimitive.Root>\n"
+        "content": "<script lang=\"ts\">\n\timport { cva } from \"class-variance-authority\";\n\timport { Label as LabelPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tconst labelVariants = cva(\n\t\t\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n\t);\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<LabelPrimitive.Root class={cn(labelVariants(), className)} {...$$restProps}>\n\t<slot />\n</LabelPrimitive.Root>\n"
       },
       {
         "name": "index.ts",
         "dir": "label",
-        "content": "import Label from \"./Label.svelte\";\n\nexport { Label };\n"
+        "content": "export { default as Label } from \"./Label.svelte\";\n"
       }
     ]
   },
@@ -385,12 +385,12 @@
       {
         "name": "Progress.svelte",
         "dir": "progress",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Progress as ProgressPrimitive } from \"radix-svelte\";\n  import type { ProgressRootProps } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let value: ProgressRootProps[\"value\"] = null;\n  export let max: ProgressRootProps[\"max\"] = 100;\n\n  type $$Props = ProgressRootProps;\n</script>\n\n<ProgressPrimitive.Root\n  class={cn(\n    \"relative h-4 w-full overflow-hidden rounded-full bg-secondary\",\n    className\n  )}\n  {value}\n  {max}\n  {...$$restProps}\n>\n  <ProgressPrimitive.Indicator\n    class=\"h-full w-full flex-1 bg-primary transition-all\"\n    style={`transform: translateX(-${\n      100 - (100 * (value ?? 0)) / (max ?? 1)\n    }%)`}\n  />\n</ProgressPrimitive.Root>\n"
+        "content": "<script lang=\"ts\">\n\timport type { ProgressRootProps } from \"radix-svelte\";\n\timport { Progress as ProgressPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let value: ProgressRootProps[\"value\"] = null;\n\texport let max: ProgressRootProps[\"max\"] = 100;\n\n\ttype $$Props = ProgressRootProps;\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\n\t\t\"relative h-4 w-full overflow-hidden rounded-full bg-secondary\",\n\t\tclassName\n\t)}\n\t{value}\n\t{max}\n\t{...$$restProps}\n>\n\t<ProgressPrimitive.Indicator\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${\n\t\t\t100 - (100 * (value ?? 0)) / (max ?? 1)\n\t\t}%)`}\n\t/>\n</ProgressPrimitive.Root>\n"
       },
       {
         "name": "index.ts",
         "dir": "progress",
-        "content": "import Progress from \"./Progress.svelte\";\n\nexport { Progress };\n"
+        "content": "export { default as Progress } from \"./Progress.svelte\";\n"
       }
     ]
   },
@@ -404,17 +404,17 @@
       {
         "name": "RadioGroup.svelte",
         "dir": "radio-group",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import {\n    RadioGroup as RadioGroupPrimitive,\n    type RadioGroupRootProps\n  } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let value: RadioGroupRootProps[\"value\"] = undefined;\n  type $$Props = RadioGroupRootProps;\n</script>\n\n<RadioGroupPrimitive.Root\n  bind:value\n  class={cn(\"grid gap-2\", className)}\n  {...$$restProps}\n>\n  <slot />\n</RadioGroupPrimitive.Root>\n"
+        "content": "<script lang=\"ts\">\n\timport type { RadioGroupRootProps } from \"radix-svelte\";\n\timport { RadioGroup as RadioGroupPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let value: RadioGroupRootProps[\"value\"] = undefined;\n\ttype $$Props = RadioGroupRootProps;\n</script>\n\n<RadioGroupPrimitive.Root\n\tbind:value\n\tclass={cn(\"grid gap-2\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</RadioGroupPrimitive.Root>\n"
       },
       {
         "name": "RadioGroupItem.svelte",
         "dir": "radio-group",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Circle } from \"lucide-svelte\";\n  import { RadioGroup as RadioGroupPrimitive } from \"radix-svelte\";\n  import type { RadioGroupItemProps } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let value: RadioGroupItemProps[\"value\"] = \"\";\n  type $$Props = RadioGroupItemProps;\n</script>\n\n<RadioGroupPrimitive.Item\n  {value}\n  class={cn(\n    \"aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n    className\n  )}\n  {...$$restProps}\n>\n  <RadioGroupPrimitive.Indicator class=\"flex items-center justify-center\">\n    <Circle class=\"h-2.5 w-2.5 fill-current text-current\" />\n  </RadioGroupPrimitive.Indicator>\n</RadioGroupPrimitive.Item>\n"
+        "content": "<script lang=\"ts\">\n\timport type { RadioGroupItemProps } from \"radix-svelte\";\n\timport { Circle } from \"lucide-svelte\";\n\timport { RadioGroup as RadioGroupPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let value: RadioGroupItemProps[\"value\"] = \"\";\n\ttype $$Props = RadioGroupItemProps;\n</script>\n\n<RadioGroupPrimitive.Item\n\t{value}\n\tclass={cn(\n\t\t\"aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n>\n\t<RadioGroupPrimitive.Indicator class=\"flex items-center justify-center\">\n\t\t<Circle class=\"h-2.5 w-2.5 fill-current text-current\" />\n\t</RadioGroupPrimitive.Indicator>\n</RadioGroupPrimitive.Item>\n"
       },
       {
         "name": "index.ts",
         "dir": "radio-group",
-        "content": "import RadioGroup from \"./RadioGroup.svelte\";\nimport RadioGroupItem from \"./RadioGroupItem.svelte\";\n\nexport { RadioGroup, RadioGroupItem };\n"
+        "content": "export { default as RadioGroup } from \"./RadioGroup.svelte\";\nexport { default as RadioGroupItem } from \"./RadioGroupItem.svelte\";\n"
       }
     ]
   },
@@ -428,12 +428,61 @@
       {
         "name": "Separator.svelte",
         "dir": "separator",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Separator, type SeparatorRootProps } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n\n  export let orientation: SeparatorRootProps[\"orientation\"] = \"horizontal\";\n  export let decorative: SeparatorRootProps[\"decorative\"] = true;\n</script>\n\n<Separator.Root\n  {orientation}\n  {decorative}\n  class={cn(\n    \"shrink-0 bg-border\",\n    orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n    className\n  )}\n  {...$$restProps}\n/>\n"
+        "content": "<script lang=\"ts\">\n\timport type { SeparatorRootProps } from \"radix-svelte\";\n\timport { Separator } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\n\texport let orientation: SeparatorRootProps[\"orientation\"] = \"horizontal\";\n\texport let decorative: SeparatorRootProps[\"decorative\"] = true;\n</script>\n\n<Separator.Root\n\t{orientation}\n\t{decorative}\n\tclass={cn(\n\t\t\"shrink-0 bg-border\",\n\t\torientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n/>\n"
       },
       {
         "name": "index.ts",
         "dir": "separator",
-        "content": "import Separator from \"./Separator.svelte\";\n\nexport { Separator };\n"
+        "content": "export { default as Separator } from \"./Separator.svelte\";\n"
+      }
+    ]
+  },
+  {
+    "component": "sheet",
+    "name": "Sheet",
+    "dependencies": [
+      "radix-svelte"
+    ],
+    "files": [
+      {
+        "name": "SheetContent.svelte",
+        "dir": "sheet",
+        "content": "<script lang=\"ts\">\n\timport type { VariantProps } from \"class-variance-authority\";\n\timport { X } from \"lucide-svelte\";\n\timport { Dialog as SheetPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\timport { sheetVariants } from \".\";\n\timport SheetOverlay from \"./SheetOverlay.svelte\";\n\timport SheetPortal from \"./SheetPortal.svelte\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let position: VariantProps<typeof sheetVariants>[\"position\"] =\n\t\t\"right\";\n\texport let size: VariantProps<typeof sheetVariants>[\"size\"] = \"default\";\n</script>\n\n<SheetPortal {position}>\n\t<SheetOverlay />\n\t<SheetPrimitive.Content\n\t\tclass={cn(sheetVariants({ position, size }), className)}\n\t\t{...$$restProps}\n\t>\n\t\t<slot />\n\t\t<SheetPrimitive.Close\n\t\t\tclass=\"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 data-[state=open]:bg-secondary\"\n\t\t>\n\t\t\t<X class=\"h-4 w-4\" />\n\t\t\t<span class=\"sr-only\">Close</span>\n\t\t</SheetPrimitive.Close>\n\t</SheetPrimitive.Content>\n</SheetPortal>\n"
+      },
+      {
+        "name": "SheetDescription.svelte",
+        "dir": "sheet",
+        "content": "<script lang=\"ts\">\n\timport type { DialogDescriptionProps } from \"radix-svelte\";\n\timport { Dialog as SheetPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\ttype $$Props = DialogDescriptionProps;\n</script>\n\n<SheetPrimitive.Description\n\tclass={cn(\"text-sm text-muted-foreground\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</SheetPrimitive.Description>\n"
+      },
+      {
+        "name": "SheetFooter.svelte",
+        "dir": "sheet",
+        "content": "<script lang=\"ts\">\n\timport type { HTMLAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\n\ttype $$Props = HTMLAttributes<HTMLDivElement>;\n</script>\n\n<div\n\tclass={cn(\n\t\t\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n>\n\t<slot />\n</div>\n"
+      },
+      {
+        "name": "SheetHeader.svelte",
+        "dir": "sheet",
+        "content": "<script lang=\"ts\">\n\timport type { HTMLAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\n\ttype $$Props = HTMLAttributes<HTMLDivElement>;\n</script>\n\n<div\n\tclass={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</div>\n"
+      },
+      {
+        "name": "SheetOverlay.svelte",
+        "dir": "sheet",
+        "content": "<script lang=\"ts\">\n\timport type { DialogOverlayProps } from \"radix-svelte\";\n\timport { Dialog as SheetPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\ttype $$Props = DialogOverlayProps;\n</script>\n\n<SheetPrimitive.Overlay\n\tclass={cn(\n\t\t\"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm transition-all duration-100 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n/>\n"
+      },
+      {
+        "name": "SheetPortal.svelte",
+        "dir": "sheet",
+        "content": "<script lang=\"ts\">\n\timport type { VariantProps } from \"class-variance-authority\";\n\timport type { DialogPortalProps } from \"radix-svelte\";\n\timport { cva } from \"class-variance-authority\";\n\timport { Dialog as SheetPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tconst portalVariants = cva(\"fixed inset-0 z-50 flex\", {\n\t\tvariants: {\n\t\t\tposition: {\n\t\t\t\ttop: \"items-start\",\n\t\t\t\tbottom: \"items-end\",\n\t\t\t\tleft: \"justify-start\",\n\t\t\t\tright: \"justify-end\"\n\t\t\t}\n\t\t},\n\t\tdefaultVariants: { position: \"right\" }\n\t});\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let position: VariantProps<typeof portalVariants>[\"position\"] =\n\t\t\"right\";\n\n\ttype $$Props = DialogPortalProps & {\n\t\tposition: VariantProps<typeof portalVariants>[\"position\"];\n\t};\n</script>\n\n<SheetPrimitive.Portal class={cn(className)} {...$$restProps}>\n\t<div class={portalVariants({ position })}>\n\t\t<slot />\n\t</div>\n</SheetPrimitive.Portal>\n"
+      },
+      {
+        "name": "SheetTitle.svelte",
+        "dir": "sheet",
+        "content": "<script lang=\"ts\">\n\timport type { DialogTitleProps } from \"radix-svelte\";\n\timport { Dialog as SheetPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\ttype $$Props = DialogTitleProps;\n</script>\n\n<SheetPrimitive.Title\n\tclass={cn(\"text-lg font-semibold text-foreground\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</SheetPrimitive.Title>\n"
+      },
+      {
+        "name": "index.ts",
+        "dir": "sheet",
+        "content": "import { cva } from \"class-variance-authority\";\nimport { Dialog as SheetPrimitive } from \"radix-svelte\";\n\nexport { default as SheetContent } from \"./SheetContent.svelte\";\nexport { default as SheetDescription } from \"./SheetDescription.svelte\";\nexport { default as SheetFooter } from \"./SheetFooter.svelte\";\nexport { default as SheetHeader } from \"./SheetHeader.svelte\";\nexport { default as SheetOverlay } from \"./SheetOverlay.svelte\";\nexport { default as SheetPortal } from \"./SheetPortal.svelte\";\nexport { default as SheetTitle } from \"./SheetTitle.svelte\";\n\nexport const Sheet = SheetPrimitive.Root;\nexport const SheetTrigger = SheetPrimitive.Trigger;\nexport const SheetClose = SheetPrimitive.Close;\n\nexport const sheetVariants = cva(\n\t\"fixed z-50 scale-100 gap-4 bg-background p-6 opacity-100 shadow-lg border\",\n\t{\n\t\tvariants: {\n\t\t\tposition: {\n\t\t\t\ttop: \"animate-in slide-in-from-top w-full duration-300\",\n\t\t\t\tbottom: \"animate-in slide-in-from-bottom w-full duration-300\",\n\t\t\t\tleft: \"animate-in slide-in-from-left h-full duration-300\",\n\t\t\t\tright: \"animate-in slide-in-from-right h-full duration-300\"\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tcontent: \"\",\n\t\t\t\tdefault: \"\",\n\t\t\t\tsm: \"\",\n\t\t\t\tlg: \"\",\n\t\t\t\txl: \"\",\n\t\t\t\tfull: \"\"\n\t\t\t}\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tposition: [\"top\", \"bottom\"],\n\t\t\t\tsize: \"content\",\n\t\t\t\tclass: \"max-h-screen\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tposition: [\"top\", \"bottom\"],\n\t\t\t\tsize: \"default\",\n\t\t\t\tclass: \"h-1/3\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tposition: [\"top\", \"bottom\"],\n\t\t\t\tsize: \"sm\",\n\t\t\t\tclass: \"h-1/4\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tposition: [\"top\", \"bottom\"],\n\t\t\t\tsize: \"lg\",\n\t\t\t\tclass: \"h-1/2\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tposition: [\"top\", \"bottom\"],\n\t\t\t\tsize: \"xl\",\n\t\t\t\tclass: \"h-5/6\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tposition: [\"top\", \"bottom\"],\n\t\t\t\tsize: \"full\",\n\t\t\t\tclass: \"h-screen\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tposition: [\"right\", \"left\"],\n\t\t\t\tsize: \"content\",\n\t\t\t\tclass: \"max-w-screen\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tposition: [\"right\", \"left\"],\n\t\t\t\tsize: \"default\",\n\t\t\t\tclass: \"w-1/3\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tposition: [\"right\", \"left\"],\n\t\t\t\tsize: \"sm\",\n\t\t\t\tclass: \"w-1/4\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tposition: [\"right\", \"left\"],\n\t\t\t\tsize: \"lg\",\n\t\t\t\tclass: \"w-1/2\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tposition: [\"right\", \"left\"],\n\t\t\t\tsize: \"xl\",\n\t\t\t\tclass: \"w-5/6\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tposition: [\"right\", \"left\"],\n\t\t\t\tsize: \"full\",\n\t\t\t\tclass: \"w-screen\"\n\t\t\t}\n\t\t],\n\t\tdefaultVariants: {\n\t\t\tposition: \"right\",\n\t\t\tsize: \"default\"\n\t\t}\n\t}\n);\n"
       }
     ]
   },
@@ -444,12 +493,12 @@
       {
         "name": "Skeleton.svelte",
         "dir": "skeleton",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import type { HTMLAttributes } from \"svelte/elements\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  type $$Props = HTMLAttributes<HTMLDivElement>;\n</script>\n\n<div\n  class={cn(\"animate-pulse rounded-md bg-muted\", className)}\n  {...$$restProps}\n/>\n"
+        "content": "<script lang=\"ts\">\n\timport type { HTMLAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\ttype $$Props = HTMLAttributes<HTMLDivElement>;\n</script>\n\n<div\n\tclass={cn(\"animate-pulse rounded-md bg-muted\", className)}\n\t{...$$restProps}\n/>\n"
       },
       {
         "name": "index.ts",
         "dir": "skeleton",
-        "content": "import Skeleton from \"./Skeleton.svelte\";\n\nexport { Skeleton };\n"
+        "content": "export { default as Skeleton } from \"./Skeleton.svelte\";\n"
       }
     ]
   },
@@ -463,12 +512,12 @@
       {
         "name": "Slider.svelte",
         "dir": "slider",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Slider as SliderPrimitive } from \"radix-svelte\";\n  import type { SliderRootProps } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let value: SliderRootProps[\"value\"] = 0;\n\n  type $$Props = SliderRootProps;\n</script>\n\n<SliderPrimitive.Root\n  bind:value\n  class={cn(\n    \"relative flex w-full touch-none select-none items-center\",\n    className\n  )}\n  {...$$restProps}\n>\n  <SliderPrimitive.Track\n    class=\"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary\"\n  >\n    <SliderPrimitive.Range class=\"absolute h-full bg-primary\" />\n  </SliderPrimitive.Track>\n  <SliderPrimitive.Thumb\n    class=\"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\"\n  />\n</SliderPrimitive.Root>\n"
+        "content": "<script lang=\"ts\">\n\timport type { SliderRootProps } from \"radix-svelte\";\n\timport { Slider as SliderPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let value: SliderRootProps[\"value\"] = 0;\n\n\ttype $$Props = SliderRootProps;\n</script>\n\n<SliderPrimitive.Root\n\tbind:value\n\tclass={cn(\n\t\t\"relative flex w-full touch-none select-none items-center\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n>\n\t<SliderPrimitive.Track\n\t\tclass=\"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary\"\n\t>\n\t\t<SliderPrimitive.Range class=\"absolute h-full bg-primary\" />\n\t</SliderPrimitive.Track>\n\t<SliderPrimitive.Thumb\n\t\tclass=\"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\"\n\t/>\n</SliderPrimitive.Root>\n"
       },
       {
         "name": "index.ts",
         "dir": "slider",
-        "content": "import Slider from \"./Slider.svelte\";\n\nexport { Slider };\n"
+        "content": "export { default as Slider } from \"./Slider.svelte\";\n"
       }
     ]
   },
@@ -482,12 +531,12 @@
       {
         "name": "Switch.svelte",
         "dir": "switch",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Switch, type SwitchRootProps } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let rootChecked: SwitchRootProps[\"checked\"] = undefined;\n  export let rootRequired: SwitchRootProps[\"required\"] = undefined;\n  export let rootDisabled: SwitchRootProps[\"disabled\"] = undefined;\n  export let rootName: SwitchRootProps[\"name\"] = undefined;\n  export let rootValue: SwitchRootProps[\"value\"] = undefined;\n</script>\n\n<Switch.Root\n  class={cn(\n    \"peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\n    className\n  )}\n  {...$$restProps}\n  bind:checked={rootChecked}\n  bind:required={rootRequired}\n  bind:disabled={rootDisabled}\n  bind:name={rootName}\n  bind:value={rootValue}\n>\n  <Switch.Thumb\n    class={cn(\n      \"pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0\"\n    )}\n  />\n</Switch.Root>\n"
+        "content": "<script lang=\"ts\">\n\timport type { SwitchRootProps } from \"radix-svelte\";\n\timport { Switch } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let rootChecked: SwitchRootProps[\"checked\"] = undefined;\n\texport let rootRequired: SwitchRootProps[\"required\"] = undefined;\n\texport let rootDisabled: SwitchRootProps[\"disabled\"] = undefined;\n\texport let rootName: SwitchRootProps[\"name\"] = undefined;\n\texport let rootValue: SwitchRootProps[\"value\"] = undefined;\n</script>\n\n<Switch.Root\n\tclass={cn(\n\t\t\"peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n\tbind:checked={rootChecked}\n\tbind:required={rootRequired}\n\tbind:disabled={rootDisabled}\n\tbind:name={rootName}\n\tbind:value={rootValue}\n>\n\t<Switch.Thumb\n\t\tclass={cn(\n\t\t\t\"pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0\"\n\t\t)}\n\t/>\n</Switch.Root>\n"
       },
       {
         "name": "index.ts",
         "dir": "switch",
-        "content": "import Switch from \"./Switch.svelte\";\n\nexport { Switch };\n"
+        "content": "export { default as Switch } from \"./Switch.svelte\";\n"
       }
     ]
   },
@@ -498,47 +547,47 @@
       {
         "name": "Table.svelte",
         "dir": "table",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<div class=\"w-full overflow-auto\">\n  <table\n    class={cn(\"w-full caption-bottom text-sm\", className)}\n    {...$$restProps}\n  >\n    <slot />\n  </table>\n</div>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<div class=\"w-full overflow-auto\">\n\t<table\n\t\tclass={cn(\"w-full caption-bottom text-sm\", className)}\n\t\t{...$$restProps}\n\t>\n\t\t<slot />\n\t</table>\n</div>\n"
       },
       {
         "name": "TableBody.svelte",
         "dir": "table",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<tbody class={cn(\"[&_tr:last-child]:border-0\", className)} {...$$restProps}>\n  <slot />\n</tbody>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<tbody class={cn(\"[&_tr:last-child]:border-0\", className)} {...$$restProps}>\n\t<slot />\n</tbody>\n"
       },
       {
         "name": "TableCaption.svelte",
         "dir": "table",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<caption\n  class={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n  {...$$restProps}\n>\n  <slot />\n</caption>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<caption\n\tclass={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</caption>\n"
       },
       {
         "name": "TableCell.svelte",
         "dir": "table",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<td\n  class={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)}\n  {...$$restProps}\n>\n  <slot />\n</td>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<td\n\tclass={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</td>\n"
       },
       {
         "name": "TableFooter.svelte",
         "dir": "table",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<tfoot\n  class={cn(\"bg-primary font-medium text-primary-foreground\", className)}\n  {...$$restProps}\n>\n  <slot />\n</tfoot>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<tfoot\n\tclass={cn(\"bg-primary font-medium text-primary-foreground\", className)}\n\t{...$$restProps}\n>\n\t<slot />\n</tfoot>\n"
       },
       {
         "name": "TableHead.svelte",
         "dir": "table",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<th\n  class={cn(\n    \"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0\",\n    className\n  )}\n  {...$$restProps}\n>\n  <slot />\n</th>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<th\n\tclass={cn(\n\t\t\"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n>\n\t<slot />\n</th>\n"
       },
       {
         "name": "TableHeader.svelte",
         "dir": "table",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<thead class={cn(\"[&_tr]:border-b\", className)} {...$$restProps}>\n  <slot />\n</thead>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<thead class={cn(\"[&_tr]:border-b\", className)} {...$$restProps}>\n\t<slot />\n</thead>\n"
       },
       {
         "name": "TableRow.svelte",
         "dir": "table",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<tr\n  class={cn(\n    \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n    className\n  )}\n  {...$$restProps}\n>\n  <slot />\n</tr>\n"
+        "content": "<script lang=\"ts\">\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<tr\n\tclass={cn(\n\t\t\"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n>\n\t<slot />\n</tr>\n"
       },
       {
         "name": "index.ts",
         "dir": "table",
-        "content": "import Table from \"./Table.svelte\";\nimport TableBody from \"./TableBody.svelte\";\nimport TableCaption from \"./TableCaption.svelte\";\nimport TableCell from \"./TableCell.svelte\";\nimport TableFooter from \"./TableFooter.svelte\";\nimport TableHead from \"./TableHead.svelte\";\nimport TableHeader from \"./TableHeader.svelte\";\nimport TableRow from \"./TableRow.svelte\";\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n};\n"
+        "content": "export { default as Table } from \"./Table.svelte\";\nexport { default as TableBody } from \"./TableBody.svelte\";\nexport { default as TableCaption } from \"./TableCaption.svelte\";\nexport { default as TableCell } from \"./TableCell.svelte\";\nexport { default as TableFooter } from \"./TableFooter.svelte\";\nexport { default as TableHead } from \"./TableHead.svelte\";\nexport { default as TableHeader } from \"./TableHeader.svelte\";\nexport { default as TableRow } from \"./TableRow.svelte\";\n"
       }
     ]
   },
@@ -552,22 +601,22 @@
       {
         "name": "TabsContent.svelte",
         "dir": "tabs",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Tabs as TabsPrimitive, type TabsContentProps } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let value: TabsContentProps[\"value\"];\n  type $$Props = TabsContentProps;\n</script>\n\n<TabsPrimitive.Content\n  class={cn(\n    \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    className\n  )}\n  {value}\n  {...$$restProps}\n>\n  <slot />\n</TabsPrimitive.Content>\n"
+        "content": "<script lang=\"ts\">\n\timport type { TabsContentProps } from \"radix-svelte\";\n\timport { Tabs as TabsPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let value: TabsContentProps[\"value\"];\n\ttype $$Props = TabsContentProps;\n</script>\n\n<TabsPrimitive.Content\n\tclass={cn(\n\t\t\"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n\t\tclassName\n\t)}\n\t{value}\n\t{...$$restProps}\n>\n\t<slot />\n</TabsPrimitive.Content>\n"
       },
       {
         "name": "TabsList.svelte",
         "dir": "tabs",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Tabs as TabsPrimitive } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n</script>\n\n<TabsPrimitive.List\n  class={cn(\n    \"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\n    className\n  )}\n  {...$$restProps}\n>\n  <slot />\n</TabsPrimitive.List>\n"
+        "content": "<script lang=\"ts\">\n\timport { Tabs as TabsPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n</script>\n\n<TabsPrimitive.List\n\tclass={cn(\n\t\t\"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\n\t\tclassName\n\t)}\n\t{...$$restProps}\n>\n\t<slot />\n</TabsPrimitive.List>\n"
       },
       {
         "name": "TabsTrigger.svelte",
         "dir": "tabs",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { Tabs as TabsPrimitive, type TabsTriggerProps } from \"radix-svelte\";\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let value: TabsTriggerProps[\"value\"];\n  type $$Props = TabsTriggerProps;\n</script>\n\n<TabsPrimitive.Trigger\n  class={cn(\n    \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\n    className\n  )}\n  {value}\n  {...$$restProps}\n>\n  <slot />\n</TabsPrimitive.Trigger>\n"
+        "content": "<script lang=\"ts\">\n\timport type { TabsTriggerProps } from \"radix-svelte\";\n\timport { Tabs as TabsPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let value: TabsTriggerProps[\"value\"];\n\ttype $$Props = TabsTriggerProps;\n</script>\n\n<TabsPrimitive.Trigger\n\tclass={cn(\n\t\t\"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\n\t\tclassName\n\t)}\n\t{value}\n\t{...$$restProps}\n>\n\t<slot />\n</TabsPrimitive.Trigger>\n"
       },
       {
         "name": "index.ts",
         "dir": "tabs",
-        "content": "import TabsContent from \"./TabsContent.svelte\";\nimport TabsList from \"./TabsList.svelte\";\nimport TabsTrigger from \"./TabsTrigger.svelte\";\nimport { Tabs as TabsPrimitive } from \"radix-svelte\";\n\nconst Tabs = TabsPrimitive.Root;\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n"
+        "content": "import { Tabs as TabsPrimitive } from \"radix-svelte\";\n\nexport { default as TabsContent } from \"./TabsContent.svelte\";\nexport { default as TabsList } from \"./TabsList.svelte\";\nexport { default as TabsTrigger } from \"./TabsTrigger.svelte\";\n\nexport const Tabs = TabsPrimitive.Root;\n"
       }
     ]
   },
@@ -578,12 +627,12 @@
       {
         "name": "Textarea.svelte",
         "dir": "textarea",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import type { HTMLTextareaAttributes } from \"svelte/elements\";\n\n  let className: string | undefined | null = undefined;\n\n  export let value: HTMLTextareaAttributes[\"value\"] = undefined;\n  export { className as class };\n\n  type $$Props = HTMLTextareaAttributes;\n</script>\n\n<textarea\n  class={cn(\n    \"flex h-20 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n    className\n  )}\n  bind:value\n  on:blur\n  on:change\n  on:click\n  on:focus\n  on:keydown\n  on:keypress\n  on:keyup\n  on:mouseover\n  on:mouseenter\n  on:mouseleave\n  on:paste\n  on:input\n  {...$$restProps}\n/>\n"
+        "content": "<script lang=\"ts\">\n\timport type { HTMLTextareaAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\n\texport let value: HTMLTextareaAttributes[\"value\"] = undefined;\n\texport { className as class };\n\n\ttype $$Props = HTMLTextareaAttributes;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex h-20 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n/>\n"
       },
       {
         "name": "index.ts",
         "dir": "textarea",
-        "content": "import Textarea from \"./Textarea.svelte\";\n\nexport { Textarea };\n"
+        "content": "export { default as Textarea } from \"./Textarea.svelte\";\n"
       }
     ]
   },
@@ -597,12 +646,31 @@
       {
         "name": "Toggle.svelte",
         "dir": "toggle",
-        "content": "<script lang=\"ts\">\n  import { cn } from \"$lib/utils\";\n  import { type VariantProps, cva } from \"class-variance-authority\";\n  import {\n    Toggle as TogglePrimitive,\n    type ToggleRootProps\n  } from \"radix-svelte\";\n\n  const toggleVariants = cva(\n    \"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-muted-foreground\",\n    {\n      variants: {\n        variant: {\n          default: \"bg-transparent\",\n          outline:\n            \"bg-transparent border border-input hover:bg-accent hover:text-accent-foreground\"\n        },\n        size: {\n          default: \"h-10 px-3\",\n          sm: \"h-9 px-2.5\",\n          lg: \"h-11 px-5\"\n        }\n      },\n      defaultVariants: {\n        variant: \"default\",\n        size: \"default\"\n      }\n    }\n  );\n\n  let className: string | undefined | null = undefined;\n  export { className as class };\n  export let variant: VariantProps<typeof toggleVariants>[\"variant\"] =\n    \"default\";\n  export let size: VariantProps<typeof toggleVariants>[\"size\"] = \"default\";\n  export let pressed: boolean = false;\n  export let disabled: boolean = false;\n\n  type $$Props = ToggleRootProps & {\n    size?: VariantProps<typeof toggleVariants>[\"size\"];\n    variant?: VariantProps<typeof toggleVariants>[\"variant\"];\n  };\n</script>\n\n<TogglePrimitive.Root\n  class={cn(toggleVariants({ variant, size, className }))}\n  bind:pressed\n  bind:disabled\n  {...$$restProps}\n>\n  <slot />\n</TogglePrimitive.Root>\n"
+        "content": "<script lang=\"ts\">\n\timport type { VariantProps } from \"class-variance-authority\";\n\timport type { ToggleRootProps } from \"radix-svelte\";\n\timport { cva } from \"class-variance-authority\";\n\timport { Toggle as TogglePrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tconst toggleVariants = cva(\n\t\t\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-muted-foreground\",\n\t\t{\n\t\t\tvariants: {\n\t\t\t\tvariant: {\n\t\t\t\t\tdefault: \"bg-transparent\",\n\t\t\t\t\toutline:\n\t\t\t\t\t\t\"bg-transparent border border-input hover:bg-accent hover:text-accent-foreground\"\n\t\t\t\t},\n\t\t\t\tsize: {\n\t\t\t\t\tdefault: \"h-10 px-3\",\n\t\t\t\t\tsm: \"h-9 px-2.5\",\n\t\t\t\t\tlg: \"h-11 px-5\"\n\t\t\t\t}\n\t\t\t},\n\t\t\tdefaultVariants: {\n\t\t\t\tvariant: \"default\",\n\t\t\t\tsize: \"default\"\n\t\t\t}\n\t\t}\n\t);\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let variant: VariantProps<typeof toggleVariants>[\"variant\"] =\n\t\t\"default\";\n\texport let size: VariantProps<typeof toggleVariants>[\"size\"] = \"default\";\n\texport let pressed: ToggleRootProps[\"disabled\"] = false;\n\texport let disabled: ToggleRootProps[\"disabled\"] = false;\n\n\ttype $$Props = ToggleRootProps & {\n\t\tvariant?: VariantProps<typeof toggleVariants>[\"variant\"];\n\t\tsize?: VariantProps<typeof toggleVariants>[\"size\"];\n\t};\n</script>\n\n<TogglePrimitive.Root\n\tclass={cn(toggleVariants({ variant, size, className }))}\n\tbind:pressed\n\tbind:disabled\n\t{...$$restProps}\n>\n\t<slot />\n</TogglePrimitive.Root>\n"
       },
       {
         "name": "index.ts",
         "dir": "toggle",
-        "content": "import Toggle from \"./Toggle.svelte\";\n\nexport { Toggle };\n"
+        "content": "export { default as Toggle } from \"./Toggle.svelte\";\n"
+      }
+    ]
+  },
+  {
+    "component": "tooltip",
+    "name": "Tooltip",
+    "dependencies": [
+      "radix-svelte"
+    ],
+    "files": [
+      {
+        "name": "TooltipContent.svelte",
+        "dir": "tooltip",
+        "content": "<script lang=\"ts\">\n\timport type { TooltipContentProps } from \"radix-svelte/index\";\n\timport { Tooltip as TooltipPrimitive } from \"radix-svelte\";\n\timport { cn } from \"$lib/utils\";\n\n\tlet className: string | undefined | null = undefined;\n\texport { className as class };\n\texport let sideOffset: TooltipContentProps[\"sideOffset\"] = 4;\n\n\ttype $$Props = TooltipContentProps;\n</script>\n\n<TooltipPrimitive.Portal>\n\t<TooltipPrimitive.Content\n\t\t{sideOffset}\n\t\tclass={cn(\n\t\t\t\"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-50 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<slot />\n\t</TooltipPrimitive.Content>\n</TooltipPrimitive.Portal>\n"
+      },
+      {
+        "name": "index.ts",
+        "dir": "tooltip",
+        "content": "import { Tooltip as TooltipPrimitive } from \"radix-svelte\";\n\nexport { default as TooltipContent } from \"./TooltipContent.svelte\";\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\n"
       }
     ]
   }