sprawlify 0.0.101 → 0.0.102

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { existsSync } from "fs";
 import prompts from "prompts";
 import { faker } from "@faker-js/faker";
 //#region package.json
-var version = "0.0.101";
+var version = "0.0.102";
 //#endregion
 //#region src/utils/file-helper.ts
 const FILE_BACKUP_SUFFIX = ".bak";
@@ -197,17 +197,49 @@ const METAFRAMEWORKS = {
 const PRESETS = {
 	clay: {
 		name: "Clay",
-		frameworks: { react: {} }
+		frameworks: { react: {
+			dependencies: {
+				"class-variance-authority": "^0.7.1",
+				react: "^18.2.0",
+				"@sprawlify/react": "^0.0.100",
+				clsx: "^2.1.1",
+				"tailwind-merge": "^3.3.1"
+			},
+			devDependencies: {},
+			items: [{
+				name: "button",
+				dependencies: [
+					"class-variance-authority",
+					"react",
+					"@/lib/utils",
+					"@sprawlify/react"
+				],
+				files: [{
+					content: "import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { sprawlify } from \"@sprawlify/react\";\r\n\r\nconst buttonVariants = cva(\r\n  \"[&_svg]:-mx-0.5 relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-base outline-none transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n  {\r\n    defaultVariants: {\r\n      size: \"default\",\r\n      variant: \"default\",\r\n    },\r\n    variants: {\r\n      size: {\r\n        default: \"h-9 px-[calc(--spacing(3)-1px)] sm:h-8\",\r\n        icon: \"size-9 sm:size-8\",\r\n        \"icon-lg\": \"size-10 sm:size-9\",\r\n        \"icon-sm\": \"size-8 sm:size-7\",\r\n        \"icon-xl\":\r\n          \"size-11 sm:size-10 [&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4.5\",\r\n        \"icon-xs\":\r\n          \"size-7 rounded-md before:rounded-[calc(var(--radius-md)-1px)] sm:size-6 not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-4 sm:not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-3.5\",\r\n        lg: \"h-10 px-[calc(--spacing(3.5)-1px)] sm:h-9\",\r\n        sm: \"h-8 gap-1.5 px-[calc(--spacing(2.5)-1px)] sm:h-7\",\r\n        xl: \"h-11 px-[calc(--spacing(4)-1px)] text-lg sm:h-10 sm:text-base [&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4.5\",\r\n        xs: \"h-7 gap-1 rounded-md px-[calc(--spacing(2)-1px)] text-sm before:rounded-[calc(var(--radius-md)-1px)] sm:h-6 sm:text-xs [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5\",\r\n      },\r\n      variant: {\r\n        default:\r\n          \"not-disabled:inset-shadow-[0_1px_--theme(--color-white/16%)] border-primary bg-primary text-primary-foreground shadow-primary/24 shadow-xs [:active,[data-pressed]]:inset-shadow-[0_1px_--theme(--color-black/8%)] [:disabled,:active,[data-pressed]]:shadow-none [:hover,[data-pressed]]:bg-primary/90\",\r\n        destructive:\r\n          \"not-disabled:inset-shadow-[0_1px_--theme(--color-white/16%)] border-destructive bg-destructive text-white shadow-destructive/24 shadow-xs [:active,[data-pressed]]:inset-shadow-[0_1px_--theme(--color-black/8%)] [:disabled,:active,[data-pressed]]:shadow-none [:hover,[data-pressed]]:bg-destructive/90\",\r\n        \"destructive-outline\":\r\n          \"border-input bg-popover not-dark:bg-clip-padding text-destructive-foreground shadow-xs/5 not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-input/32 dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/2%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/6%)] [:disabled,:active,[data-pressed]]:shadow-none [:hover,[data-pressed]]:border-destructive/32 [:hover,[data-pressed]]:bg-destructive/4\",\r\n        ghost:\r\n          \"border-transparent text-foreground data-pressed:bg-accent [:hover,[data-pressed]]:bg-accent\",\r\n        link: \"border-transparent underline-offset-4 [:hover,[data-pressed]]:underline\",\r\n        outline:\r\n          \"border-input bg-popover not-dark:bg-clip-padding text-foreground shadow-xs/5 not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-input/32 dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/2%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/6%)] [:disabled,:active,[data-pressed]]:shadow-none [:hover,[data-pressed]]:bg-accent/50 dark:[:hover,[data-pressed]]:bg-input/64\",\r\n        secondary:\r\n          \"border-transparent bg-secondary text-secondary-foreground [:active,[data-pressed]]:bg-secondary/80 [:hover,[data-pressed]]:bg-secondary/90\",\r\n      },\r\n    },\r\n  },\r\n);\r\n\r\ninterface ButtonProps extends React.ComponentProps<typeof sprawlify.button> {\r\n  variant?: VariantProps<typeof buttonVariants>[\"variant\"];\r\n  size?: VariantProps<typeof buttonVariants>[\"size\"];\r\n}\r\n\r\nfunction Button({ className, variant, size, ...props }: ButtonProps) {\r\n  const defaultProps = {\r\n    className: cn(buttonVariants({ className, size, variant })),\r\n    \"data-scope\": \"button\",\r\n    \"data-part\": \"root\",\r\n    \"data-slot\": \"button\"\r\n  };\r\n\r\n  return (\r\n    <sprawlify.button\r\n      {...defaultProps}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport { Button, buttonVariants };\r\n",
+					type: "registry:ui",
+					path: "button.tsx"
+				}]
+			}, {
+				name: "utils",
+				dependencies: ["clsx", "tailwind-merge"],
+				files: [{
+					content: "import { clsx, type ClassValue } from \"clsx\"\r\nimport { twMerge } from \"tailwind-merge\"\r\n \r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs))\r\n}",
+					type: "registry:utils",
+					path: "utils.ts"
+				}]
+			}]
+		} }
 	},
 	monochrome: {
 		name: "Monochrome",
 		frameworks: {
 			react: {
 				dependencies: {
-					"@sprawlify/react": "^0.0.100",
+					react: "^18.2.0",
 					"class-variance-authority": "^0.7.1",
+					"@sprawlify/react": "^0.0.100",
+					"lucide-react": "^0.400.0",
 					clsx: "^2.1.1",
-					react: "^18.2.0",
 					"tailwind-merge": "^3.3.1"
 				},
 				devDependencies: {},
@@ -240,7 +272,7 @@ const PRESETS = {
 						dependencies: [
 							"react",
 							"@sprawlify/react",
-							"@/lib"
+							"@/lib/utils"
 						],
 						files: [{
 							content: "import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"@sprawlify/react/avatar\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        \"group/avatar relative flex size-8 shrink-0 rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square rounded-[inherit] size-full overflow-hidden\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"rounded-[inherit] overflow-hidden bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<typeof sprawlify.span>) {\n  return (\n    <sprawlify.span\n      data-scope=\"avatar\"\n      data-part=\"badge\"\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"avatar\"\n      data-paert=\"group\"\n      data-slot=\"avatar-group\"\n      className={cn(\n        \"*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"avatar\"\n      data-paert=\"group-count\"\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        \"bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount };\n",
@@ -263,32 +295,31 @@ const PRESETS = {
 						}]
 					},
 					{
-						name: "button-group",
-						type: "registry:ui",
+						name: "button",
 						dependencies: [
+							"react",
 							"class-variance-authority",
 							"@/lib/utils",
-							"@/components/ui/separator",
 							"@sprawlify/react"
 						],
 						files: [{
-							content: "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nconst buttonGroupVariants = cva(\n  \"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  },\n);\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<typeof sprawlify.div> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <sprawlify.div\n      data-scope=\"button-group\"\n      data-part=\"root\"\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation, className }))}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupText({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      className={cn(\n        \"bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-scope=\"button-group\"\n      data-part=\"separator\"\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };\n",
+							content: "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nconst buttonVariants = cva(\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\n        destructive:\n          \"bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n        icon: \"size-8\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n        \"icon-lg\": \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof sprawlify.button> & VariantProps<typeof buttonVariants>) {\n  return (\n    <sprawlify.button\n      data-scope=\"button\"\n      data-part=\"root\"\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n",
 							type: "registry:ui",
-							path: "button-group.tsx"
+							path: "button.tsx"
 						}]
 					},
 					{
-						name: "button",
+						name: "button-group",
 						dependencies: [
-							"react",
 							"class-variance-authority",
 							"@/lib/utils",
+							"@/components/ui/separator",
 							"@sprawlify/react"
 						],
 						files: [{
-							content: "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nconst buttonVariants = cva(\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\n        destructive:\n          \"bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n        icon: \"size-8\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n        \"icon-lg\": \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof sprawlify.button> & VariantProps<typeof buttonVariants>) {\n  return (\n    <sprawlify.button\n      data-scope=\"button\"\n      data-part=\"root\"\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n",
+							content: "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nconst buttonGroupVariants = cva(\n  \"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  },\n);\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<typeof sprawlify.div> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <sprawlify.div\n      data-scope=\"button-group\"\n      data-part=\"root\"\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation, className }))}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupText({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      className={cn(\n        \"bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-scope=\"button-group\"\n      data-part=\"separator\"\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };\n",
 							type: "registry:ui",
-							path: "button.tsx"
+							path: "button-group.tsx"
 						}]
 					},
 					{
@@ -318,6 +349,191 @@ const PRESETS = {
 							path: "checkbox.tsx"
 						}]
 					},
+					{
+						name: "collapsible",
+						dependencies: ["@sprawlify/react"],
+						files: [{
+							content: "import { Collapsible as CollapsiblePrimitive } from \"@sprawlify/react/collapsible\";\n\nfunction Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>) {\n  return <CollapsiblePrimitive.Trigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Content>) {\n  return <CollapsiblePrimitive.Content data-slot=\"collapsible-content\" {...props} />;\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n",
+							type: "registry:ui",
+							path: "collapsible.tsx"
+						}]
+					},
+					{
+						name: "dropdown-menu",
+						dependencies: [
+							"react",
+							"@sprawlify/react",
+							"@/lib/utils",
+							"lucide-react"
+						],
+						files: [{
+							content: "import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/react/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\nimport { CheckIcon, ChevronRightIcon } from \"lucide-react\";\nimport { Portal } from \"@sprawlify/react/portal\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nfunction DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return (\n    <DropdownMenuPrimitive.Root\n      data-slot=\"dropdown-menu\"\n      positioning={{ offset: { mainAxis: 4 } }}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuPortal({ ...props }: React.ComponentProps<typeof Portal>) {\n  return <Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <Portal>\n      <DropdownMenuPrimitive.Positioner>\n        <DropdownMenuPrimitive.Content\n          data-slot=\"dropdown-menu-content\"\n          className={cn(\n            \"focus-visible:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-(--z-index) max-h-(--available-height) w-(--reference-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden\",\n            className,\n          )}\n          {...props}\n        />\n      </DropdownMenuPrimitive.Positioner>\n    </Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.ItemGroup>) {\n  return <DropdownMenuPrimitive.ItemGroup data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        \"data-[variant=destructive]:text-destructive data-highlighted:bg-accent data-highlighted:text-accent-foreground  data-[variant=destructive]:data-highlighted:bg-destructive/10 dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 data-[variant=destructive]:data-highlighted:text-destructive data-[variant=destructive]:data-highlighted:*:[svg]:text-destructive not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span\n        className=\"absolute right-2 flex items-center justify-center pointer-events-none\"\n        data-slot=\"dropdown-menu-checkbox-item-indicator\"\n      >\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItemGroup>) {\n  return <DropdownMenuPrimitive.RadioItemGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <span\n        className=\"absolute right-2 flex items-center justify-center pointer-events-none\"\n        data-slot=\"dropdown-menu-radio-item-indicator\"\n      >\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.ItemGroupLabel> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.ItemGroupLabel\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof sprawlify.span>) {\n  return (\n    <sprawlify.span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.TriggerItem> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.TriggerItem\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"w-full data-[state=open]:bg-accent data-[state=open]:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"cn-rtl-flip ml-auto\" />\n    </DropdownMenuPrimitive.TriggerItem>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <Portal>\n      <DropdownMenuPrimitive.Positioner>\n        <DropdownMenuPrimitive.Content\n          data-slot=\"dropdown-menu-sub-content\"\n          className={cn(\n            \"focus-visible:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100 origin-(--transform-origin) overflow-hidden\",\n            className,\n          )}\n          {...props}\n        />\n      </DropdownMenuPrimitive.Positioner>\n    </Portal>\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n",
+							type: "registry:ui",
+							path: "dropdown-menu.tsx"
+						}]
+					},
+					{
+						name: "empty",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@sprawlify/react"
+						],
+						files: [{
+							content: "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nfunction Empty({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"empty\"\n      data-part=\"root\"\n      data-slot=\"empty\"\n      className={cn(\n        \"gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-slot=\"empty-header\"\n      className={cn(\"gap-2 flex max-w-sm flex-col items-center\", className)}\n      {...props}\n    />\n  );\n}\n\nconst emptyMediaVariants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof sprawlify.div> & VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <sprawlify.div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-slot=\"empty-title\"\n      className={cn(\"text-sm font-medium tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<typeof sprawlify.p>) {\n  return (\n    <sprawlify.p\n      data-slot=\"empty-description\"\n      className={cn(\n        \"text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-slot=\"empty-content\"\n      className={cn(\n        \"gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };\n",
+							type: "registry:ui",
+							path: "empty.tsx"
+						}]
+					},
+					{
+						name: "field",
+						dependencies: [
+							"react",
+							"class-variance-authority",
+							"@/lib/utils",
+							"@/components/ui/label",
+							"@/components/ui/separator",
+							"@sprawlify/react"
+						],
+						files: [{
+							content: "import { useMemo } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Label } from \"@/components/ui/label\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<typeof sprawlify.fieldset>) {\n  return (\n    <sprawlify.fieldset\n      data-scope=\"field\"\n      data-part=\"set\"\n      data-slot=\"field-set\"\n      className={cn(\n        \"gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLegend({\n  className,\n  variant = \"legend\",\n  ...props\n}: React.ComponentProps<typeof sprawlify.legend> & { variant?: \"legend\" | \"label\" }) {\n  return (\n    <sprawlify.legend\n      data-scope=\"field\"\n      data-part=\"legend\"\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        \"mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"field\"\n      data-part=\"group\"\n      data-slot=\"field-group\"\n      className={cn(\n        \"gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst fieldVariants = cva(\"data-[invalid=true]:text-destructive gap-2 group/field flex w-full\", {\n  variants: {\n    orientation: {\n      vertical: \"flex-col *:w-full [&>.sr-only]:w-auto\",\n      horizontal:\n        \"flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n      responsive:\n        \"flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n});\n\nfunction Field({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof sprawlify.div> & VariantProps<typeof fieldVariants>) {\n  return (\n    <sprawlify.div\n      role=\"group\"\n      data-scope=\"field\"\n      data-part=\"root\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"field\"\n      data-part=\"content\"\n      data-slot=\"field-content\"\n      className={cn(\"gap-0.5 group/field-content flex flex-1 flex-col leading-snug\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-scope=\"field\"\n      data-part=\"label\"\n      data-slot=\"field-label\"\n      className={cn(\n        \"has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"field\"\n      data-part=\"title\"\n      data-slot=\"field-title\"\n      className={cn(\n        \"gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<typeof sprawlify.p>) {\n  return (\n    <sprawlify.p\n      data-scope=\"field\"\n      data-part=\"description\"\n      data-slot=\"field-description\"\n      className={cn(\n        \"text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance\",\n        \"last:mt-0 nth-last-2:-mt-1\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<typeof sprawlify.div> & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <sprawlify.div\n      data-scope=\"field\"\n      data-part=\"separator\"\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        \"-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative\",\n        className,\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-scope=\"field\"\n          data-part=\"separator-content\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </sprawlify.div>\n  );\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<typeof sprawlify.div> & {\n  errors?: Array<{ message?: string } | undefined>;\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];\n\n    if (uniqueErrors?.length == 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map((error, index) => error?.message && <li key={index}>{error.message}</li>)}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <sprawlify.div\n      role=\"alert\"\n      data-scope=\"field\"\n      data-part=\"error\"\n      data-slot=\"field-error\"\n      className={cn(\"text-destructive text-sm font-normal\", className)}\n      {...props}\n    >\n      {content}\n    </sprawlify.div>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n};\n",
+							type: "registry:ui",
+							path: "field.tsx"
+						}]
+					},
+					{
+						name: "input",
+						dependencies: [
+							"react",
+							"@/lib/utils",
+							"@sprawlify/react"
+						],
+						files: [{
+							content: "import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<typeof sprawlify.input>) {\n  return (\n    <sprawlify.input\n      type={type}\n      data-scope=\"input\"\n      data-part=\"root\"\n      data-slot=\"input\"\n      className={cn(\n        \"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n",
+							type: "registry:ui",
+							path: "input.tsx"
+						}]
+					},
+					{
+						name: "input-group",
+						dependencies: [
+							"react",
+							"class-variance-authority",
+							"@/lib/utils",
+							"@/components/ui/button",
+							"@/components/ui/input",
+							"@/components/ui/textarea",
+							"@sprawlify/react"
+						],
+						files: [{
+							content: "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"input-group\"\n      data-part=\"root\"\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupAddonVariants = cva(\n  \"text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none\",\n  {\n    variants: {\n      align: {\n        \"inline-start\": \"pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first\",\n        \"inline-end\": \"pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last\",\n        \"block-start\":\n          \"px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start\",\n        \"block-end\":\n          \"px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  },\n);\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<typeof sprawlify.div> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <sprawlify.div\n      role=\"group\"\n      data-scope=\"input-group\"\n      data-part=\"addon\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupButtonVariants = cva(\"gap-2 text-sm shadow-none flex items-center\", {\n  variants: {\n    size: {\n      xs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n      sm: \"\",\n      \"icon-xs\": \"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0\",\n      \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n    },\n  },\n  defaultVariants: {\n    size: \"xs\",\n  },\n});\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\"> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <Button\n      data-scope=\"input-group\"\n      data-part=\"button\"\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<typeof sprawlify.span>) {\n  return (\n    <sprawlify.span\n      data-scope=\"input-group\"\n      data-part=\"text\"\n      data-slot=\"input-group-text\"\n      className={cn(\n        \"text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupInput({ className, ...props }: React.ComponentProps<typeof sprawlify.input>) {\n  return (\n    <Input\n      data-scope=\"input-group\"\n      data-part=\"control\"\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: React.ComponentProps<typeof sprawlify.textarea>) {\n  return (\n    <Textarea\n      data-scope=\"input-group\"\n      data-part=\"control\"\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n};\n",
+							type: "registry:ui",
+							path: "input-group.tsx"
+						}]
+					},
+					{
+						name: "item",
+						dependencies: [
+							"react",
+							"class-variance-authority",
+							"@/lib/utils",
+							"@/components/ui/separator",
+							"@sprawlify/react"
+						],
+						files: [{
+							content: "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      role=\"list\"\n      data-scope=\"item\"\n      data-part=\"group\"\n      data-slot=\"item-group\"\n      className={cn(\n        \"gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 group/item-group flex w-full flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-scope=\"item\"\n      data-part=\"separator\"\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-2\", className)}\n      {...props}\n    />\n  );\n}\n\nconst itemVariants = cva(\n  \"[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"bg-muted/50 border-transparent\",\n      },\n      size: {\n        default: \"gap-2.5 px-3 py-2.5\",\n        sm: \"gap-2.5 px-3 py-2.5\",\n        xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof sprawlify.div> & VariantProps<typeof itemVariants>) {\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"root\"\n      data-slot=\"item\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(itemVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nconst itemMediaVariants = cva(\n  \"gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof sprawlify.div> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"media\"\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"content\"\n      data-slot=\"item-content\"\n      className={cn(\n        \"gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"title\"\n      data-slot=\"item-title\"\n      className={cn(\n        \"gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<typeof sprawlify.p>) {\n  return (\n    <sprawlify.p\n      data-scope=\"item\"\n      data-part=\"description\"\n      data-slot=\"item-description\"\n      className={cn(\n        \"text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"actions\"\n      data-slot=\"item-actions\"\n      className={cn(\"gap-2 flex items-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"header\"\n      data-slot=\"item-header\"\n      className={cn(\"gap-2 flex basis-full items-center justify-between\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<typeof sprawlify.div>) {\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"footer\"\n      data-slot=\"item-footer\"\n      className={cn(\"gap-2 flex basis-full items-center justify-between\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n};\n",
+							type: "registry:ui",
+							path: "item.tsx"
+						}]
+					},
+					{
+						name: "kbd",
+						dependencies: ["@/lib/utils", "@sprawlify/react"],
+						files: [{
+							content: "import { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nfunction Kbd({ className, ...props }: React.ComponentProps<typeof sprawlify.kbd>) {\n  return (\n    <sprawlify.kbd\n      data-scope=\"kbd\"\n      data-part=\"root\"\n      data-slot=\"kbd\"\n      className={cn(\n        \"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<typeof sprawlify.kbd>) {\n  return (\n    <sprawlify.kbd\n      data-scope=\"kbd\"\n      data-part=\"group\"\n      data-slot=\"kbd-group\"\n      className={cn(\"gap-1 inline-flex items-center\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Kbd, KbdGroup };\n",
+							type: "registry:ui",
+							path: "kbd.tsx"
+						}]
+					},
+					{
+						name: "label",
+						dependencies: [
+							"react",
+							"@/lib/utils",
+							"@sprawlify/react"
+						],
+						files: [{
+							content: "import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof sprawlify.label>) {\n  return (\n    <sprawlify.label\n      data-scope=\"label\"\n      data-part=\"root\"\n      data-slot=\"label\"\n      className={cn(\n        \"gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n",
+							type: "registry:ui",
+							path: "label.tsx"
+						}]
+					},
+					{
+						name: "native-select",
+						dependencies: [
+							"react",
+							"@/lib/utils",
+							"lucide-react"
+						],
+						files: [{
+							content: "import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\ntype NativeSelectProps = Omit<React.ComponentProps<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\";\n};\n\nfunction NativeSelect({ className, size = \"default\", ...props }: NativeSelectProps) {\n  return (\n    <div\n      className={cn(\n        \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n        className,\n      )}\n      data-scope=\"native-select\"\n      data-part=\"root\"\n      data-slot=\"native-select-root\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 outline-none disabled:pointer-events-none disabled:cursor-not-allowed\"\n        {...props}\n      />\n      <ChevronDownIcon\n        className=\"text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2 pointer-events-none absolute select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  );\n}\n\nfunction NativeSelectOption({ ...props }: React.ComponentProps<\"option\">) {\n  return (\n    <option\n      data-scope=\"native-select\"\n      data-part=\"option\"\n      data-slot=\"native-select-option\"\n      {...props}\n    />\n  );\n}\n\nfunction NativeSelectOptGroup({ className, ...props }: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-scope=\"native-select\"\n      data-part=\"optgroup\"\n      data-slot=\"native-select-optgroup\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption };\n",
+							type: "registry:ui",
+							path: "native-select.tsx"
+						}]
+					},
+					{
+						name: "scroll-area",
+						dependencies: [
+							"react",
+							"@sprawlify/react",
+							"@/lib/utils"
+						],
+						files: [{
+							content: "import * as React from \"react\";\nimport { ScrollArea as ScrollAreaPrimitive } from \"@sprawlify/react/scroll-area\";\nimport { cn } from \"@/lib/utils\";\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 scrollbar-none\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        \"data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent flex touch-none p-px transition-colors select-none\",\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"rounded-full bg-border relative flex-1\"\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n",
+							type: "registry:ui",
+							path: "scroll-area.tsx"
+						}]
+					},
+					{
+						name: "separator",
+						dependencies: [
+							"react",
+							"@sprawlify/react",
+							"@/lib/utils"
+						],
+						files: [{
+							content: "import * as React from \"react\";\nimport { Separator as SeparatorPrimitive } from \"@sprawlify/react/separator\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n",
+							type: "registry:ui",
+							path: "separator.tsx"
+						}]
+					},
+					{
+						name: "tabs",
+						dependencies: [
+							"react",
+							"class-variance-authority",
+							"@sprawlify/react",
+							"@/lib/utils"
+						],
+						files: [{
+							content: "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Tabs as TabsPrimitive } from \"@sprawlify/react/tabs\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(\"gap-2 group/tabs flex data-[orientation=horizontal]:flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nconst tabsListVariants = cva(\n  \"rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium group-data-[variant=default]/tabs-list:data-selected:shadow-sm group-data-[variant=line]/tabs-list:data-selected:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-selected:bg-transparent dark:group-data-[variant=line]/tabs-list:data-selected:border-transparent dark:group-data-[variant=line]/tabs-list:data-selected:bg-transparent\",\n        \"data-selected:bg-background dark:data-selected:text-foreground dark:data-selected:border-input dark:data-selected:bg-input/30 data-selected:text-foreground\",\n        \"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-selected:after:opacity-100\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"text-sm flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };\n",
+							type: "registry:ui",
+							path: "tabs.tsx"
+						}]
+					},
+					{
+						name: "textarea",
+						dependencies: [
+							"react",
+							"@/lib/utils",
+							"@sprawlify/react"
+						],
+						files: [{
+							content: "import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<typeof sprawlify.textarea>) {\n  return (\n    <sprawlify.textarea\n      data-scope=\"textarea\"\n      data-part=\"root\"\n      data-slot=\"textarea\"\n      className={cn(\n        \"border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n",
+							type: "registry:ui",
+							path: "textarea.tsx"
+						}]
+					},
 					{
 						name: "utils",
 						dependencies: ["clsx", "tailwind-merge"],
@@ -331,54 +547,1899 @@ const PRESETS = {
 			},
 			solid: {
 				dependencies: {
+					"solid-js": "^1.8.0",
 					"class-variance-authority": "^0.7.1",
+					"@sprawlify/solid": "^0.0.100",
+					"lucide-solid": "^0.400.0",
 					clsx: "^2.1.1",
 					"tailwind-merge": "^3.3.1"
 				},
 				devDependencies: {},
-				items: [{
-					name: "utils",
-					dependencies: ["clsx", "tailwind-merge"],
-					files: [{
-						content: "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n",
-						type: "registry:utils",
-						path: "utils.ts"
-					}]
-				}]
-			},
-			svelte: {
-				dependencies: {
-					"class-variance-authority": "^0.7.1",
-					clsx: "^2.1.1",
-					"tailwind-merge": "^3.3.1"
-				},
-				devDependencies: {},
-				items: [{
-					name: "utils",
-					dependencies: ["clsx", "tailwind-merge"],
-					files: [{
-						content: "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n",
-						type: "registry:utils",
-						path: "utils.ts"
-					}]
-				}]
-			},
-			vue: {
-				dependencies: {
-					"class-variance-authority": "^0.7.1",
-					clsx: "^2.1.1",
-					"tailwind-merge": "^3.3.1"
-				},
-				devDependencies: {},
-				items: [{
-					name: "utils",
-					dependencies: ["clsx", "tailwind-merge"],
-					files: [{
-						content: "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n",
-						type: "registry:utils",
-						path: "utils.ts"
-					}]
-				}]
+				items: [
+					{
+						name: "alert",
+						dependencies: [
+							"solid-js",
+							"class-variance-authority",
+							"@/lib/utils",
+							"@sprawlify/solid"
+						],
+						files: [{
+							content: "import { type ComponentProps, splitProps } from \"solid-js\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\n\nconst alertVariants = cva(\n  \"grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nconst Alert = (\n  props: ComponentProps<typeof sprawlify.div> & VariantProps<typeof alertVariants>,\n) => {\n  const [local, others] = splitProps(props, [\"variant\", \"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"alert\"\n      data-part=\"root\"\n      data-slot=\"alert\"\n      role=\"alert\"\n      class={cn(alertVariants({ variant: local.variant }), local.class)}\n      {...others}\n    />\n  );\n};\n\nconst AlertTitle = (props: ComponentProps<typeof sprawlify.div>) => {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"alert\"\n      data-part=\"title\"\n      data-slot=\"alert-title\"\n      class={cn(\n        \"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nconst AlertDescription = (props: ComponentProps<typeof sprawlify.div>) => {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"alert\"\n      data-part=\"description\"\n      data-slot=\"alert-description\"\n      class={cn(\n        \"text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nconst AlertAction = (props: ComponentProps<typeof sprawlify.div>) => {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"alert\"\n      data-part=\"action\"\n      data-slot=\"alert-action\"\n      class={cn(\"absolute top-2 right-2\", local.class)}\n      {...others}\n    />\n  );\n};\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction };\n",
+							type: "registry:ui",
+							path: "alert.tsx"
+						}]
+					},
+					{
+						name: "aspect-ratio",
+						dependencies: ["@sprawlify/solid", "solid-js"],
+						files: [{
+							content: "import { AspectRatio as AspectRatioPrimitive } from \"@sprawlify/solid/aspect-ratio\";\nimport type { ComponentProps } from \"solid-js\";\n\nfunction AspectRatio(props: ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return (\n    <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props}>\n      <AspectRatioPrimitive.Content data-slot=\"aspect-ratio-content\">\n        {props.children}\n      </AspectRatioPrimitive.Content>\n    </AspectRatioPrimitive.Root>\n  );\n}\n\nexport { AspectRatio };\n",
+							type: "registry:ui",
+							path: "aspect-ratio.tsx"
+						}]
+					},
+					{
+						name: "avatar",
+						dependencies: [
+							"@sprawlify/solid",
+							"solid-js",
+							"@/lib/utils"
+						],
+						files: [{
+							content: "import { Avatar as AvatarPrimitive } from \"@sprawlify/solid/avatar\";\nimport { type ComponentProps, splitProps } from \"solid-js\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\n\nfunction Avatar(\n  props: ComponentProps<typeof AvatarPrimitive.Root> & {\n    size?: \"default\" | \"sm\" | \"lg\";\n  },\n) {\n  const [local, others] = splitProps(props, [\"class\", \"size\"]);\n  const size = () => local.size ?? \"default\";\n\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size()}\n      class={cn(\n        \"group/avatar relative flex size-8 shrink-0 rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction AvatarImage(props: ComponentProps<typeof AvatarPrimitive.Image>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      class={cn(\"aspect-square rounded-[inherit] size-full overflow-hidden\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction AvatarFallback(props: ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      class={cn(\n        \"rounded-[inherit] overflow-hidden bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction AvatarBadge(props: ComponentProps<typeof sprawlify.span>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.span\n      data-scope=\"avatar\"\n      data-part=\"badge\"\n      data-slot=\"avatar-badge\"\n      class={cn(\n        \"bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction AvatarGroup(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"avatar\"\n      data-paert=\"group\"\n      data-slot=\"avatar-group\"\n      class={cn(\n        \"*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction AvatarGroupCount(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"avatar\"\n      data-paert=\"group-count\"\n      data-slot=\"avatar-group-count\"\n      class={cn(\n        \"bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount };\n",
+							type: "registry:ui",
+							path: "avatar.tsx"
+						}]
+					},
+					{
+						name: "badge",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport type { ComponentProps } from \"solid-js\";\nimport { splitProps } from \"solid-js\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary: \"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        ghost: \"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 [a&]:hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge(props: ComponentProps<typeof sprawlify.span> & VariantProps<typeof badgeVariants>) {\n  const [local, others] = splitProps(props, [\"variant\", \"class\"]);\n  const variant = () => local.variant ?? \"default\";\n\n  return (\n    <sprawlify.span\n      data-scope=\"badge\"\n      data-part=\"root\"\n      data-slot=\"badge\"\n      data-variant={variant()}\n      class={cn(badgeVariants({ variant: variant(), class: local.class }))}\n      {...others}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n",
+							type: "registry:ui",
+							path: "badge.tsx"
+						}]
+					},
+					{
+						name: "button",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport type { ComponentProps } from \"solid-js\";\nimport { splitProps } from \"solid-js\";\n\nconst buttonVariants = cva(\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\n        destructive:\n          \"bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n        icon: \"size-8\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n        \"icon-lg\": \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button(\n  props: ComponentProps<typeof sprawlify.button> & VariantProps<typeof buttonVariants>,\n) {\n  const [local, others] = splitProps(props, [\"variant\", \"size\", \"class\"]);\n  const variant = () => local.variant ?? \"default\";\n  const size = () => local.size ?? \"default\";\n\n  return (\n    <sprawlify.button\n      data-scope=\"button\"\n      data-part=\"root\"\n      data-slot=\"button\"\n      data-variant={variant()}\n      data-size={size()}\n      class={cn(buttonVariants({ variant: variant(), size: size(), class: local.class }))}\n      {...others}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n",
+							type: "registry:ui",
+							path: "button.tsx"
+						}]
+					},
+					{
+						name: "button-group",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@/components/ui/separator",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport type { ComponentProps } from \"solid-js\";\nimport { splitProps } from \"solid-js\";\n\nconst buttonGroupVariants = cva(\n  \"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  },\n);\n\nfunction ButtonGroup(\n  props: ComponentProps<typeof sprawlify.div> & VariantProps<typeof buttonGroupVariants>,\n) {\n  const [local, others] = splitProps(props, [\"orientation\", \"class\"]);\n  const orientation = () => local.orientation;\n\n  return (\n    <sprawlify.div\n      data-scope=\"button-group\"\n      data-part=\"root\"\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation()}\n      class={cn(buttonGroupVariants({ orientation: orientation() }), local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction ButtonGroupText(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      class={cn(\n        \"bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction ButtonGroupSeparator(props: ComponentProps<typeof Separator>) {\n  const [local, others] = splitProps(props, [\"orientation\", \"class\"]);\n  const orientation = () => local.orientation ?? \"vertical\";\n\n  return (\n    <Separator\n      data-scope=\"button-group\"\n      data-part=\"separator\"\n      data-slot=\"button-group-separator\"\n      orientation={orientation()}\n      class={cn(\n        \"bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };\n",
+							type: "registry:ui",
+							path: "button-group.tsx"
+						}]
+					},
+					{
+						name: "card",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport type { ComponentProps } from \"solid-js\";\nimport { splitProps } from \"solid-js\";\n\nfunction Card(props: ComponentProps<typeof sprawlify.div> & { size?: \"default\" | \"sm\" }) {\n  const [local, others] = splitProps(props, [\"class\", \"size\"]);\n  const size = () => local.size ?? \"default\";\n\n  return (\n    <sprawlify.div\n      data-scope=\"card\"\n      data-part=\"root\"\n      data-slot=\"card\"\n      data-size={size()}\n      class={cn(\n        \"ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction CardHeader(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"card\"\n      data-part=\"header\"\n      data-slot=\"card-header\"\n      class={cn(\n        \"gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction CardTitle(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"card\"\n      data-part=\"title\"\n      data-slot=\"card-title\"\n      class={cn(\n        \"text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction CardDescription(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"card\"\n      data-part=\"description\"\n      data-slot=\"card-description\"\n      class={cn(\"text-muted-foreground text-sm\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction CardAction(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"card\"\n      data-part=\"action\"\n      data-slot=\"card-action\"\n      class={cn(\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction CardContent(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"card\"\n      data-part=\"content\"\n      data-slot=\"card-content\"\n      class={cn(\"px-4 group-data-[size=sm]/card:px-3\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction CardFooter(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"card\"\n      data-part=\"footer\"\n      data-slot=\"card-footer\"\n      class={cn(\n        \"bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n",
+							type: "registry:ui",
+							path: "card.tsx"
+						}]
+					},
+					{
+						name: "checkbox",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/solid",
+							"lucide-solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cn } from \"@/lib/utils\";\nimport { Checkbox as CheckboxPrimitive } from \"@sprawlify/solid/checkbox\";\nimport { CheckIcon } from \"lucide-solid\";\nimport { type ComponentProps, splitProps } from \"solid-js\";\n\nfunction Checkbox(props: ComponentProps<typeof CheckboxPrimitive.Root>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      class={cn(\n        \"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        local.class,\n      )}\n      {...others}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        class=\"[&>svg]:size-3.5 grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n      <CheckboxPrimitive.HiddenInput />\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n",
+							type: "registry:ui",
+							path: "checkbox.tsx"
+						}]
+					},
+					{
+						name: "collapsible",
+						dependencies: ["@sprawlify/solid", "solid-js"],
+						files: [{
+							content: "import { Collapsible as CollapsiblePrimitive } from \"@sprawlify/solid/collapsible\";\nimport type { ComponentProps } from \"solid-js\";\n\nfunction Collapsible(props: ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger(props: ComponentProps<typeof CollapsiblePrimitive.Trigger>) {\n  return <CollapsiblePrimitive.Trigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\nfunction CollapsibleContent(props: ComponentProps<typeof CollapsiblePrimitive.Content>) {\n  return <CollapsiblePrimitive.Content data-slot=\"collapsible-content\" {...props} />;\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n",
+							type: "registry:ui",
+							path: "collapsible.tsx"
+						}]
+					},
+					{
+						name: "dropdown-menu",
+						dependencies: [
+							"@sprawlify/solid",
+							"@/lib/utils",
+							"lucide-solid",
+							"solid-js",
+							"solid-js/web"
+						],
+						files: [{
+							content: "import { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/solid/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\nimport { CheckIcon, ChevronRightIcon } from \"lucide-solid\";\nimport type { ComponentProps } from \"solid-js\";\nimport { splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\n\nfunction DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return (\n    <DropdownMenuPrimitive.Root\n      data-slot=\"dropdown-menu\"\n      positioning={{ offset: { mainAxis: 4 } }}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuPortal(props: ComponentProps<any>) {\n  return <Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nfunction DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent(props: ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n  return (\n    <Portal>\n      <DropdownMenuPrimitive.Positioner>\n        <DropdownMenuPrimitive.Content\n          data-slot=\"dropdown-menu-content\"\n          class={cn(\n            \"focus-visible:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-(--z-index) max-h-(--available-height) w-(--reference-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden\",\n            local.class,\n          )}\n          {...others}\n        />\n      </DropdownMenuPrimitive.Positioner>\n    </Portal>\n  );\n}\n\nfunction DropdownMenuGroup(props: ComponentProps<typeof DropdownMenuPrimitive.ItemGroup>) {\n  return <DropdownMenuPrimitive.ItemGroup data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nfunction DropdownMenuItem(\n  props: ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean;\n    variant?: \"default\" | \"destructive\";\n  },\n) {\n  const [local, others] = splitProps(props, [\"class\", \"inset\", \"variant\"]);\n  const variant = () => local.variant ?? \"default\";\n\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={local.inset}\n      data-variant={variant()}\n      class={cn(\n        \"gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        \"data-[variant=destructive]:text-destructive data-highlighted:bg-accent data-highlighted:text-accent-foreground  data-[variant=destructive]:data-highlighted:bg-destructive/10 dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 data-[variant=destructive]:data-highlighted:text-destructive data-[variant=destructive]:data-highlighted:*:[svg]:text-destructive not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem(\n  props: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {\n    inset?: boolean;\n  },\n) {\n  const [local, others] = splitProps(props, [\"class\", \"children\", \"checked\", \"inset\"]);\n\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={local.inset}\n      class={cn(\n        \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        local.class,\n      )}\n      checked={local.checked}\n      {...others}\n    >\n      <span\n        class=\"absolute right-2 flex items-center justify-center pointer-events-none\"\n        data-slot=\"dropdown-menu-checkbox-item-indicator\"\n      >\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {local.children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup(\n  props: ComponentProps<typeof DropdownMenuPrimitive.RadioItemGroup>,\n) {\n  return <DropdownMenuPrimitive.RadioItemGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nfunction DropdownMenuRadioItem(\n  props: ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {\n    inset?: boolean;\n  },\n) {\n  const [local, others] = splitProps(props, [\"class\", \"children\", \"inset\"]);\n\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      data-inset={local.inset}\n      class={cn(\n        \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        local.class,\n      )}\n      {...others}\n    >\n      <span\n        class=\"absolute right-2 flex items-center justify-center pointer-events-none\"\n        data-slot=\"dropdown-menu-radio-item-indicator\"\n      >\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {local.children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel(\n  props: ComponentProps<typeof DropdownMenuPrimitive.ItemGroupLabel> & {\n    inset?: boolean;\n  },\n) {\n  const [local, others] = splitProps(props, [\"class\", \"inset\"]);\n\n  return (\n    <DropdownMenuPrimitive.ItemGroupLabel\n      data-slot=\"dropdown-menu-label\"\n      data-inset={local.inset}\n      class={cn(\n        \"text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator(props: ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      class={cn(\"bg-border -mx-1 my-1 h-px\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut(props: ComponentProps<\"span\">) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      class={cn(\n        \"text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger(\n  props: ComponentProps<typeof DropdownMenuPrimitive.TriggerItem> & {\n    inset?: boolean;\n  },\n) {\n  const [local, others] = splitProps(props, [\"class\", \"inset\", \"children\"]);\n\n  return (\n    <DropdownMenuPrimitive.TriggerItem\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={local.inset}\n      class={cn(\n        \"w-full data-[state=open]:bg-accent data-[state=open]:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n      <ChevronRightIcon class=\"cn-rtl-flip ml-auto\" />\n    </DropdownMenuPrimitive.TriggerItem>\n  );\n}\n\nfunction DropdownMenuSubContent(props: ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <DropdownMenuPrimitive.Positioner>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-sub-content\"\n        class={cn(\n          \"focus-visible:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100 origin-(--transform-origin) overflow-hidden\",\n          local.class,\n        )}\n        {...others}\n      />\n    </DropdownMenuPrimitive.Positioner>\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n",
+							type: "registry:ui",
+							path: "dropdown-menu.tsx"
+						}]
+					},
+					{
+						name: "empty",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport { splitProps, type ComponentProps } from \"solid-js\";\n\nfunction Empty(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"empty\"\n      data-part=\"root\"\n      data-slot=\"empty\"\n      class={cn(\n        \"gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction EmptyHeader(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-slot=\"empty-header\"\n      class={cn(\"gap-2 flex max-w-sm flex-col items-center\", local.class)}\n      {...others}\n    />\n  );\n}\n\nconst emptyMediaVariants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction EmptyMedia(\n  props: ComponentProps<typeof sprawlify.div> &\n    VariantProps<typeof emptyMediaVariants> & { variant?: \"default\" | \"icon\" },\n) {\n  const [local, others] = splitProps(props, [\"class\", \"variant\"]);\n  const variant = () => local.variant || \"default\";\n\n  return (\n    <sprawlify.div\n      data-slot=\"empty-icon\"\n      data-variant={variant()}\n      class={cn(emptyMediaVariants({ variant: variant(), class: local.class }))}\n      {...others}\n    />\n  );\n}\n\nfunction EmptyTitle(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-slot=\"empty-title\"\n      class={cn(\"text-sm font-medium tracking-tight\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction EmptyDescription(props: ComponentProps<typeof sprawlify.p>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.p\n      data-slot=\"empty-description\"\n      class={cn(\n        \"text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction EmptyContent(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-slot=\"empty-content\"\n      class={cn(\n        \"gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nexport { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };\n",
+							type: "registry:ui",
+							path: "empty.tsx"
+						}]
+					},
+					{
+						name: "field",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@/components/ui/label",
+							"@/components/ui/separator",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Label } from \"@/components/ui/label\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport { type ComponentProps, splitProps } from \"solid-js\";\n\nfunction FieldSet(props: ComponentProps<typeof sprawlify.fieldset>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.fieldset\n      data-scope=\"field\"\n      data-part=\"set\"\n      data-slot=\"field-set\"\n      class={cn(\n        \"gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction FieldLegend(\n  props: ComponentProps<typeof sprawlify.legend> & { variant?: \"legend\" | \"label\" },\n) {\n  const [local, others] = splitProps(props, [\"class\", \"variant\"]);\n  const variant = () => local.variant ?? \"legend\";\n\n  return (\n    <sprawlify.legend\n      data-scope=\"field\"\n      data-part=\"legend\"\n      data-slot=\"field-legend\"\n      data-variant={variant()}\n      class={cn(\n        \"mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction FieldGroup(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"field\"\n      data-part=\"group\"\n      data-slot=\"field-group\"\n      class={cn(\n        \"gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nconst fieldVariants = cva(\"data-[invalid=true]:text-destructive gap-2 group/field flex w-full\", {\n  variants: {\n    orientation: {\n      vertical: \"flex-col *:w-full [&>.sr-only]:w-auto\",\n      horizontal:\n        \"flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n      responsive:\n        \"flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n});\n\nfunction Field(props: ComponentProps<typeof sprawlify.div> & VariantProps<typeof fieldVariants>) {\n  const [local, others] = splitProps(props, [\"class\", \"orientation\"]);\n  const orientation = () => local.orientation ?? \"vertical\";\n\n  return (\n    <sprawlify.div\n      role=\"group\"\n      data-scope=\"field\"\n      data-part=\"root\"\n      data-slot=\"field\"\n      data-orientation={orientation()}\n      class={cn(fieldVariants({ orientation: orientation() }), local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction FieldContent(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"field\"\n      data-part=\"content\"\n      data-slot=\"field-content\"\n      class={cn(\"gap-0.5 group/field-content flex flex-1 flex-col leading-snug\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction FieldLabel(props: ComponentProps<typeof Label>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <Label\n      data-scope=\"field\"\n      data-part=\"label\"\n      data-slot=\"field-label\"\n      class={cn(\n        \"has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction FieldTitle(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"field\"\n      data-part=\"title\"\n      data-slot=\"field-title\"\n      class={cn(\n        \"gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction FieldDescription(props: ComponentProps<typeof sprawlify.p>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.p\n      data-scope=\"field\"\n      data-part=\"description\"\n      data-slot=\"field-description\"\n      class={cn(\n        \"text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance\",\n        \"last:mt-0 nth-last-2:-mt-1\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction FieldSeparator(\n  props: ComponentProps<typeof sprawlify.div> & {\n    children?: any;\n  },\n) {\n  const [local, others] = splitProps(props, [\"children\", \"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"field\"\n      data-part=\"separator\"\n      data-slot=\"field-separator\"\n      data-content={!!local.children}\n      class={cn(\n        \"-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative\",\n        local.class,\n      )}\n      {...others}\n    >\n      <Separator class=\"absolute inset-0 top-1/2\" />\n      {local.children && (\n        <span\n          class=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-scope=\"field\"\n          data-part=\"separator-content\"\n          data-slot=\"field-separator-content\"\n        >\n          {local.children}\n        </span>\n      )}\n    </sprawlify.div>\n  );\n}\n\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle,\n};\n",
+							type: "registry:ui",
+							path: "field.tsx"
+						}]
+					},
+					{
+						name: "input",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport type { ComponentProps } from \"solid-js\";\nimport { splitProps } from \"solid-js\";\n\nfunction Input(props: ComponentProps<typeof sprawlify.input>) {\n  const [local, others] = splitProps(props, [\"class\", \"type\"]);\n\n  return (\n    <sprawlify.input\n      type={local.type}\n      data-scope=\"input\"\n      data-part=\"root\"\n      data-slot=\"input\"\n      class={cn(\n        \"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nexport { Input };\n",
+							type: "registry:ui",
+							path: "input.tsx"
+						}]
+					},
+					{
+						name: "input-group",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@/components/ui/button",
+							"@/components/ui/input",
+							"@/components/ui/textarea",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport { type ComponentProps, splitProps } from \"solid-js\";\n\nfunction InputGroup(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"input-group\"\n      data-part=\"root\"\n      data-slot=\"input-group\"\n      role=\"group\"\n      class={cn(\n        \"border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nconst inputGroupAddonVariants = cva(\n  \"text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none\",\n  {\n    variants: {\n      align: {\n        \"inline-start\": \"pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first\",\n        \"inline-end\": \"pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last\",\n        \"block-start\":\n          \"px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start\",\n        \"block-end\":\n          \"px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  },\n);\n\nfunction InputGroupAddon(\n  props: ComponentProps<typeof sprawlify.div> & VariantProps<typeof inputGroupAddonVariants>,\n) {\n  const [local, others] = splitProps(props, [\"class\", \"align\"]);\n  const align = () => local.align ?? \"inline-start\";\n\n  return (\n    <sprawlify.div\n      role=\"group\"\n      data-scope=\"input-group\"\n      data-part=\"addon\"\n      data-slot=\"input-group-addon\"\n      data-align={align()}\n      class={cn(inputGroupAddonVariants({ align: align() }), local.class)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...others}\n    />\n  );\n}\n\nconst inputGroupButtonVariants = cva(\"gap-2 text-sm shadow-none flex items-center\", {\n  variants: {\n    size: {\n      xs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n      sm: \"\",\n      \"icon-xs\": \"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0\",\n      \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n    },\n  },\n  defaultVariants: {\n    size: \"xs\",\n  },\n});\n\nfunction InputGroupButton(\n  props: Omit<ComponentProps<typeof Button>, \"size\"> &\n    VariantProps<typeof inputGroupButtonVariants>,\n) {\n  const [local, others] = splitProps(props, [\"class\", \"type\", \"variant\", \"size\"]);\n  const type = () => local.type ?? \"button\";\n  const variant = () => local.variant ?? \"ghost\";\n  const size = () => local.size ?? \"xs\";\n\n  return (\n    <Button\n      data-scope=\"input-group\"\n      data-part=\"button\"\n      type={type()}\n      data-size={size()}\n      variant={variant()}\n      class={cn(inputGroupButtonVariants({ size: size() }), local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction InputGroupText(props: ComponentProps<typeof sprawlify.span>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.span\n      data-scope=\"input-group\"\n      data-part=\"text\"\n      data-slot=\"input-group-text\"\n      class={cn(\n        \"text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction InputGroupInput(props: ComponentProps<typeof sprawlify.input>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <Input\n      data-scope=\"input-group\"\n      data-part=\"control\"\n      data-slot=\"input-group-control\"\n      class={cn(\n        \"rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction InputGroupTextarea(props: ComponentProps<typeof sprawlify.textarea>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <Textarea\n      data-scope=\"input-group\"\n      data-part=\"control\"\n      data-slot=\"input-group-control\"\n      class={cn(\n        \"rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n};\n",
+							type: "registry:ui",
+							path: "input-group.tsx"
+						}]
+					},
+					{
+						name: "item",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@/components/ui/separator",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport type { ComponentProps } from \"solid-js\";\nimport { splitProps } from \"solid-js\";\n\nfunction ItemGroup(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      role=\"list\"\n      data-scope=\"item\"\n      data-part=\"group\"\n      data-slot=\"item-group\"\n      class={cn(\n        \"gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 group/item-group flex w-full flex-col\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction ItemSeparator(props: ComponentProps<typeof Separator>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <Separator\n      data-scope=\"item\"\n      data-part=\"separator\"\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      class={cn(\"my-2\", local.class)}\n      {...others}\n    />\n  );\n}\n\nconst itemVariants = cva(\n  \"[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"bg-muted/50 border-transparent\",\n      },\n      size: {\n        default: \"gap-2.5 px-3 py-2.5\",\n        sm: \"gap-2.5 px-3 py-2.5\",\n        xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Item(props: ComponentProps<typeof sprawlify.div> & VariantProps<typeof itemVariants>) {\n  const [local, others] = splitProps(props, [\"variant\", \"size\", \"class\"]);\n  const variant = () => local.variant ?? \"default\";\n  const size = () => local.size ?? \"default\";\n\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"root\"\n      data-slot=\"item\"\n      data-variant={variant()}\n      data-size={size()}\n      class={cn(itemVariants({ variant: variant(), size: size(), class: local.class }))}\n      {...others}\n    />\n  );\n}\n\nconst itemMediaVariants = cva(\n  \"gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction ItemMedia(\n  props: ComponentProps<typeof sprawlify.div> & VariantProps<typeof itemMediaVariants>,\n) {\n  const [local, others] = splitProps(props, [\"variant\", \"class\"]);\n  const variant = () => local.variant ?? \"default\";\n\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"media\"\n      data-slot=\"item-media\"\n      data-variant={variant()}\n      class={cn(itemMediaVariants({ variant: variant(), class: local.class }))}\n      {...others}\n    />\n  );\n}\n\nfunction ItemContent(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"content\"\n      data-slot=\"item-content\"\n      class={cn(\n        \"gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction ItemTitle(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"title\"\n      data-slot=\"item-title\"\n      class={cn(\n        \"gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction ItemDescription(props: ComponentProps<typeof sprawlify.p>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.p\n      data-scope=\"item\"\n      data-part=\"description\"\n      data-slot=\"item-description\"\n      class={cn(\n        \"text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction ItemActions(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"actions\"\n      data-slot=\"item-actions\"\n      class={cn(\"gap-2 flex items-center\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction ItemHeader(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"header\"\n      data-slot=\"item-header\"\n      class={cn(\"gap-2 flex basis-full items-center justify-between\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction ItemFooter(props: ComponentProps<typeof sprawlify.div>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.div\n      data-scope=\"item\"\n      data-part=\"footer\"\n      data-slot=\"item-footer\"\n      class={cn(\"gap-2 flex basis-full items-center justify-between\", local.class)}\n      {...others}\n    />\n  );\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n};\n",
+							type: "registry:ui",
+							path: "item.tsx"
+						}]
+					},
+					{
+						name: "kbd",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport { splitProps, type ComponentProps } from \"solid-js\";\n\nfunction Kbd(props: ComponentProps<typeof sprawlify.kbd>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.kbd\n      data-scope=\"kbd\"\n      data-part=\"root\"\n      data-slot=\"kbd\"\n      class={cn(\n        \"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction KbdGroup(props: ComponentProps<typeof sprawlify.kbd>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n  return (\n    <sprawlify.kbd\n      data-scope=\"kbd\"\n      data-part=\"group\"\n      data-slot=\"kbd-group\"\n      class={cn(\"gap-1 inline-flex items-center\", local.class)}\n      {...others}\n    />\n  );\n}\n\nexport { Kbd, KbdGroup };\n",
+							type: "registry:ui",
+							path: "kbd.tsx"
+						}]
+					},
+					{
+						name: "label",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport { type ComponentProps, splitProps } from \"solid-js\";\n\nfunction Label(props: ComponentProps<typeof sprawlify.label>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.label\n      data-scope=\"label\"\n      data-part=\"root\"\n      data-slot=\"label\"\n      class={cn(\n        \"gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nexport { Label };\n",
+							type: "registry:ui",
+							path: "label.tsx"
+						}]
+					},
+					{
+						name: "native-select",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/solid",
+							"lucide-solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport { ChevronDownIcon } from \"lucide-solid\";\nimport { splitProps, type ComponentProps } from \"solid-js\";\n\ntype NativeSelectProps = Omit<ComponentProps<typeof sprawlify.select>, \"size\"> & {\n  size?: \"sm\" | \"default\";\n};\n\nfunction NativeSelect(props: NativeSelectProps) {\n  const [local, others] = splitProps(props, [\"class\", \"size\"]);\n  const size = () => local.size || \"default\";\n\n  return (\n    <div\n      class={cn(\"group/native-select relative w-fit has-[select:disabled]:opacity-50\", local.class)}\n      data-scope=\"native-select\"\n      data-part=\"root\"\n      data-slot=\"native-select-root\"\n      data-size={size()}\n    >\n      <sprawlify.select\n        data-slot=\"native-select\"\n        data-size={size()}\n        class=\"border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 outline-none disabled:pointer-events-none disabled:cursor-not-allowed\"\n        {...others}\n      />\n      <ChevronDownIcon\n        class=\"text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2 pointer-events-none absolute select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  );\n}\n\nfunction NativeSelectOption(props: ComponentProps<typeof sprawlify.option>) {\n  return (\n    <sprawlify.option\n      data-scope=\"native-select\"\n      data-part=\"option\"\n      data-slot=\"native-select-option\"\n      {...props}\n    />\n  );\n}\n\nfunction NativeSelectOptGroup(props: ComponentProps<typeof sprawlify.optgroup>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.optgroup\n      data-scope=\"native-select\"\n      data-part=\"optgroup\"\n      data-slot=\"native-select-optgroup\"\n      class={cn(local.class)}\n      {...others}\n    />\n  );\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption };\n",
+							type: "registry:ui",
+							path: "native-select.tsx"
+						}]
+					},
+					{
+						name: "scroll-area",
+						dependencies: [
+							"@sprawlify/solid",
+							"@/lib/utils",
+							"solid-js"
+						],
+						files: [{
+							content: "import { ScrollArea as ScrollAreaPrimitive } from \"@sprawlify/solid/scroll-area\";\nimport { cn } from \"@/lib/utils\";\nimport { type ComponentProps, splitProps } from \"solid-js\";\n\nfunction ScrollArea(props: ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  const [local, others] = splitProps(props, [\"class\", \"children\"]);\n\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      class={cn(\"relative\", local.class)}\n      {...others}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        class=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 scrollbar-none\"\n      >\n        {local.children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar(props: ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>) {\n  const [local, others] = splitProps(props, [\"class\", \"orientation\"]);\n  const orientation = () => local.orientation ?? \"vertical\";\n\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation()}\n      orientation={orientation()}\n      class={cn(\n        \"data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent flex touch-none p-px transition-colors select-none\",\n        local.class,\n      )}\n      {...others}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot=\"scroll-area-thumb\"\n        class=\"rounded-full bg-border relative flex-1\"\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n",
+							type: "registry:ui",
+							path: "scroll-area.tsx"
+						}]
+					},
+					{
+						name: "separator",
+						dependencies: [
+							"@sprawlify/solid",
+							"@/lib/utils",
+							"solid-js"
+						],
+						files: [{
+							content: "import { Separator as SeparatorPrimitive } from \"@sprawlify/solid/separator\";\nimport { cn } from \"@/lib/utils\";\nimport { type ComponentProps, splitProps } from \"solid-js\";\n\nfunction Separator(props: ComponentProps<typeof SeparatorPrimitive.Root>) {\n  const [local, others] = splitProps(props, [\"class\", \"orientation\", \"decorative\"]);\n  const orientation = () => local.orientation ?? \"horizontal\";\n  const decorative = () => local.decorative ?? true;\n\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative()}\n      orientation={orientation()}\n      class={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nexport { Separator };\n",
+							type: "registry:ui",
+							path: "separator.tsx"
+						}]
+					},
+					{
+						name: "tabs",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Tabs as TabsPrimitive } from \"@sprawlify/solid/tabs\";\nimport type { ComponentProps } from \"solid-js\";\nimport { splitProps } from \"solid-js\";\n\nfunction Tabs(props: ComponentProps<typeof TabsPrimitive.Root>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      class={cn(\"gap-2 group/tabs flex data-[orientation=horizontal]:flex-col\", local.class)}\n      {...others}\n    />\n  );\n}\n\nconst tabsListVariants = cva(\n  \"rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction TabsList(\n  props: ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>,\n) {\n  const [local, others] = splitProps(props, [\"class\", \"variant\"]);\n  const variant = () => local.variant ?? \"default\";\n\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant()}\n      class={cn(tabsListVariants({ variant: variant(), class: local.class }))}\n      {...others}\n    />\n  );\n}\n\nfunction TabsTrigger(props: ComponentProps<typeof TabsPrimitive.Trigger>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      class={cn(\n        \"gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium group-data-[variant=default]/tabs-list:data-selected:shadow-sm group-data-[variant=line]/tabs-list:data-selected:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-selected:bg-transparent dark:group-data-[variant=line]/tabs-list:data-selected:border-transparent dark:group-data-[variant=line]/tabs-list:data-selected:bg-transparent\",\n        \"data-selected:bg-background dark:data-selected:text-foreground dark:data-selected:border-input dark:data-selected:bg-input/30 data-selected:text-foreground\",\n        \"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-selected:after:opacity-100\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction TabsContent(props: ComponentProps<typeof TabsPrimitive.Content>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      class={cn(\"text-sm flex-1 outline-none\", local.class)}\n      {...others}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };\n",
+							type: "registry:ui",
+							path: "tabs.tsx"
+						}]
+					},
+					{
+						name: "textarea",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/solid",
+							"solid-js"
+						],
+						files: [{
+							content: "import { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport type { ComponentProps } from \"solid-js\";\nimport { splitProps } from \"solid-js\";\n\nfunction Textarea(props: ComponentProps<typeof sprawlify.textarea>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.textarea\n      data-scope=\"textarea\"\n      data-part=\"root\"\n      data-slot=\"textarea\"\n      class={cn(\n        \"border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nexport { Textarea };\n",
+							type: "registry:ui",
+							path: "textarea.tsx"
+						}]
+					},
+					{
+						name: "utils",
+						dependencies: ["clsx", "tailwind-merge"],
+						files: [{
+							content: "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n",
+							type: "registry:utils",
+							path: "utils.ts"
+						}]
+					}
+				]
+			},
+			svelte: {
+				dependencies: {
+					"@sprawlify/svelte": "^0.0.100",
+					svelte: "^4.0.0",
+					"class-variance-authority": "^0.7.1",
+					"lucide-svelte": "^0.400.0",
+					clsx: "^2.1.1",
+					"tailwind-merge": "^3.3.1"
+				},
+				devDependencies: {},
+				items: [
+					{
+						name: "alert",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"svelte/elements",
+							"svelte",
+							"class-variance-authority"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> { }\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"alert\"\r\n  data-part=\"action\"\r\n  data-slot=\"alert-action\"\r\n  class={cn(\"absolute top-2 right-2\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "alert/alert-action.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { Snippet } from \"svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> { }\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"alert\"\r\n  data-part=\"description\"\r\n  data-slot=\"alert-description\"\r\n  class={cn(\"text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "alert/alert-description.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> { }\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"alert\"\r\n  data-part=\"title\"\r\n  data-slot=\"alert-title\"\r\n  class={cn(\"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "alert/alert-title.svelte"
+							},
+							{
+								content: "<script module lang=\"ts\">\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nexport const alertVariants = cva(\"grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert\", {\r\n  variants: {\r\n    variant: {\r\n      default: \"bg-card text-card-foreground\",\r\n      destructive: \"text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current\",\r\n    },\r\n  },\r\n  defaultVariants: { variant: \"default\" },\r\n})\r\n<\/script>\r\n\r\n<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants>, PolymorphicProps<\"div\"> { }\r\n\r\nlet { class: className, variant = \"default\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"alert\"\r\n  data-part=\"root\"\r\n  data-slot=\"alert\"\r\n  role=\"alert\"\r\n  class={cn(alertVariants({ variant }), className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "alert/alert.svelte"
+							},
+							{
+								content: "export { default as Alert, alertVariants } from \"./alert.svelte\";\nexport { default as AlertTitle } from \"./alert-title.svelte\";\nexport { default as AlertDescription } from \"./alert-description.svelte\";\nexport { default as AlertAction } from \"./alert-action.svelte\";\n",
+								type: "registry:ui",
+								path: "alert/index.ts"
+							}
+						]
+					},
+					{
+						name: "aspect-ratio",
+						dependencies: ["@sprawlify/svelte", "svelte"],
+						files: [{
+							content: "<script lang=\"ts\">\r\nimport { AspectRatio as AspectRatioPrimitive } from \"@sprawlify/svelte/aspect-ratio\"\r\nimport type { ComponentProps } from \"svelte\";\r\n\r\ninterface Props extends ComponentProps<typeof AspectRatioPrimitive.Root> {}\r\n\r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...rest}>\r\n  <AspectRatioPrimitive.Content data-slot=\"aspect-ratio-content\">\r\n    {@render children?.()}\r\n  </AspectRatioPrimitive.Content>\r\n</AspectRatioPrimitive.Root>",
+							type: "registry:ui",
+							path: "aspect-ratio/aspect-ratio.svelte"
+						}, {
+							content: "export { default as AspectRatio } from \"./aspect-ratio.svelte\";\n",
+							type: "registry:ui",
+							path: "aspect-ratio/index.ts"
+						}]
+					},
+					{
+						name: "avatar",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"svelte/elements",
+							"svelte"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLSpanElement>, PolymorphicProps<\"span\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"span\"\r\n  data-scope=\"avatar\"\r\n  data-part=\"badge\"\r\n  data-slot=\"avatar-badge\"\r\n  class={cn(\r\n    \"bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 select-none\",\r\n    \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\r\n    \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\r\n    \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "avatar/avatar-badge.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { Avatar as AvatarPrimitive } from \"@sprawlify/svelte/avatar\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof AvatarPrimitive.Fallback> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<AvatarPrimitive.Fallback\r\n  data-slot=\"avatar-fallback\"\r\n  class={cn(\r\n    \"rounded-[inherit] overflow-hidden bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</AvatarPrimitive.Fallback>",
+								type: "registry:ui",
+								path: "avatar/avatar-fallback.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"avatar\"\r\n  data-part=\"group-count\"\r\n  data-slot=\"avatar-group-count\"\r\n  class={cn(\r\n    \"bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "avatar/avatar-group-count.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"avatar\"\r\n  data-part=\"group\"\r\n  data-slot=\"avatar-group\"\r\n  class={cn(\r\n    \"*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "avatar/avatar-group.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { Avatar as AvatarPrimitive } from \"@sprawlify/svelte/avatar\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof AvatarPrimitive.Image> {}\r\n\r\nlet { class: className, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<AvatarPrimitive.Image\r\n  data-slot=\"avatar-image\"\r\n  class={cn(\"aspect-square rounded-[inherit] size-full overflow-hidden\", className)}\r\n  {...rest}\r\n/>",
+								type: "registry:ui",
+								path: "avatar/avatar-image.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { Avatar as AvatarPrimitive } from \"@sprawlify/svelte/avatar\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof AvatarPrimitive.Root> {\r\n  size?: \"default\" | \"sm\" | \"lg\"\r\n}\r\n\r\nlet { class: className, size = \"default\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<AvatarPrimitive.Root\r\n  data-slot=\"avatar\"\r\n  data-size={size}\r\n  class={cn(\r\n    \"group/avatar relative flex size-8 shrink-0 rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</AvatarPrimitive.Root>",
+								type: "registry:ui",
+								path: "avatar/avatar.svelte"
+							},
+							{
+								content: "export { default as Avatar } from \"./avatar.svelte\";\nexport { default as AvatarImage } from \"./avatar-image.svelte\";\nexport { default as AvatarFallback } from \"./avatar-fallback.svelte\";\nexport { default as AvatarBadge } from \"./avatar-badge.svelte\";\nexport { default as AvatarGroup } from \"./avatar-group.svelte\";\nexport { default as AvatarGroupCount } from \"./avatar-group-count.svelte\";\n",
+								type: "registry:ui",
+								path: "avatar/index.ts"
+							}
+						]
+					},
+					{
+						name: "badge",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"svelte/elements"
+						],
+						files: [{
+							content: "<script module lang=\"ts\">\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nexport const badgeVariants = cva(\r\n  \"inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\r\n        secondary:\r\n          \"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\r\n        destructive:\r\n          \"bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\r\n        outline:\r\n          \"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\r\n        ghost: \"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\r\n        link: \"text-primary underline-offset-4 [a&]:hover:underline\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n)\r\n<\/script>\r\n\r\n<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants>, PolymorphicProps<\"span\"> {}\r\n  \r\nlet { class: className, variant = \"default\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"span\"\r\n  data-scope=\"badge\"\r\n  data-part=\"root\"\r\n  data-slot=\"badge\"\r\n  data-variant={variant}\r\n  class={cn(badgeVariants({ variant, className }))}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+							type: "registry:ui",
+							path: "badge/badge.svelte"
+						}, {
+							content: "export { default as Badge, badgeVariants } from \"./badge.svelte\";\n",
+							type: "registry:ui",
+							path: "badge/index.ts"
+						}]
+					},
+					{
+						name: "button",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"svelte/elements"
+						],
+						files: [{
+							content: "<script module lang=\"ts\">\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nexport const buttonVariants = cva(\r\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\r\n        outline: \"border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\r\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\r\n        ghost: \"hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\r\n        destructive: \"bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30\",\r\n        link: \"text-primary underline-offset-4 hover:underline\",\r\n      },\r\n      size: {\r\n        default: \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\r\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\r\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\r\n        lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\r\n        icon: \"size-8\",\r\n        \"icon-xs\": \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\r\n        \"icon-sm\": \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\r\n        \"icon-lg\": \"size-9\",\r\n      },\r\n    },\r\n    defaultVariants: { \r\n      variant: \"default\", \r\n      size: \"default\" \r\n    },\r\n  }\r\n)\r\n<\/script>\r\n\r\n<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLButtonAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLButtonAttributes, VariantProps<typeof buttonVariants>, PolymorphicProps<\"button\"> {}\r\n  \r\nlet { class: className, variant = \"default\", size = \"default\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"button\"\r\n  data-scope=\"button\"\r\n  data-part=\"root\"\r\n  data-slot=\"button\"\r\n  data-variant={variant}\r\n  data-size={size}\r\n  class={cn(buttonVariants({ variant, size, className }))}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+							type: "registry:ui",
+							path: "button/button.svelte"
+						}, {
+							content: "export { default as Button, buttonVariants } from \"./button.svelte\";\n",
+							type: "registry:ui",
+							path: "button/index.ts"
+						}]
+					},
+					{
+						name: "button-group",
+						dependencies: [
+							"@/lib/utils",
+							"svelte",
+							"@sprawlify/svelte",
+							"svelte/elements",
+							"class-variance-authority"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\";\r\nimport { Separator } from \"../separator\"\r\n\r\ninterface Props extends ComponentProps<typeof Separator> {}\r\n\r\nlet { class: className, orientation = \"vertical\", ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Separator\r\n  data-scope=\"button-group\"\r\n  data-part=\"separator\"\r\n  data-slot=\"button-group-separator\"\r\n  {orientation}\r\n  class={cn(\"bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto\", className)}\r\n  {...rest}\r\n/>",
+								type: "registry:ui",
+								path: "button-group/button-group-separator.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> { }\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  class={cn(\"bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "button-group/button-group-text.svelte"
+							},
+							{
+								content: "<script module lang=\"ts\">\r\nimport { cva } from \"class-variance-authority\"\r\nexport const buttonGroupVariants = cva(\r\n  \"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\r\n  {\r\n    variants: {\r\n      orientation: {\r\n        horizontal: \"[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\r\n        vertical: \"[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\r\n      },\r\n    },\r\n    defaultVariants: { orientation: \"horizontal\" },\r\n  }\r\n)\r\n<\/script>\r\n\r\n<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\nimport type { VariantProps } from \"class-variance-authority\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, orientation = \"horizontal\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"button-group\"\r\n  data-part=\"root\"\r\n  role=\"group\"\r\n  data-slot=\"button-group\"\r\n  data-orientation={orientation}\r\n  class={cn(buttonGroupVariants({ orientation, className }))}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "button-group/button-group.svelte"
+							},
+							{
+								content: "export { default as ButtonGroup, buttonGroupVariants } from \"./button-group.svelte\";\nexport { default as ButtonGroupSeparator } from \"./button-group-separator.svelte\";\nexport { default as ButtonGroupText } from \"./button-group-text.svelte\";\n",
+								type: "registry:ui",
+								path: "button-group/index.ts"
+							}
+						]
+					},
+					{
+						name: "card",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"svelte/elements"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"card\"\r\n  data-part=\"action\"\r\n  data-slot=\"card-action\"\r\n  class={cn(\r\n    \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "card/card-action.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"card\"\r\n  data-part=\"content\"\r\n  data-slot=\"card-content\"\r\n  class={cn(\"px-4 group-data-[size=sm]/card:px-3\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "card/card-content.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"card\"\r\n  data-part=\"description\"\r\n  data-slot=\"card-description\"\r\n  class={cn(\"text-muted-foreground text-sm\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "card/card-description.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"card\"\r\n  data-part=\"footer\"\r\n  data-slot=\"card-footer\"\r\n  class={cn(\"bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "card/card-footer.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"card\"\r\n  data-part=\"header\"\r\n  data-slot=\"card-header\"\r\n  class={cn(\r\n    \"gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "card/card-header.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"card\"\r\n  data-part=\"title\"\r\n  data-slot=\"card-title\"\r\n  class={cn(\"text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "card/card-title.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {\r\n  size?: \"default\" | \"sm\"\r\n}\r\n\r\nlet { class: className, size = \"default\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"card\"\r\n  data-part=\"root\"\r\n  data-slot=\"card\"\r\n  data-size={size}\r\n  class={cn(\"ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "card/card.svelte"
+							},
+							{
+								content: "export { default as Card } from \"./card.svelte\";\nexport { default as CardHeader } from \"./card-header.svelte\";\nexport { default as CardTitle } from \"./card-title.svelte\";\nexport { default as CardDescription } from \"./card-description.svelte\";\nexport { default as CardAction } from \"./card-action.svelte\";\nexport { default as CardContent } from \"./card-content.svelte\";\nexport { default as CardFooter } from \"./card-footer.svelte\";\n",
+								type: "registry:ui",
+								path: "card/index.ts"
+							}
+						]
+					},
+					{
+						name: "checkbox",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"lucide-svelte",
+							"svelte"
+						],
+						files: [{
+							content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Checkbox as CheckboxPrimitive } from \"@sprawlify/svelte/checkbox\"\r\nimport { Check } from \"lucide-svelte\"\r\nimport type { ComponentProps } from \"svelte\";\r\n\r\ninterface Props extends ComponentProps<typeof CheckboxPrimitive.Root> {}\r\n  \r\nlet { class: className, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<CheckboxPrimitive.Root\r\n  data-slot=\"checkbox\"\r\n  class={cn(\r\n    \"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  <CheckboxPrimitive.Indicator\r\n    data-slot=\"checkbox-indicator\"\r\n    class=\"[&>svg]:size-3.5 grid place-content-center text-current transition-none\"\r\n  >\r\n    <Check />\r\n  </CheckboxPrimitive.Indicator>\r\n  <CheckboxPrimitive.HiddenInput />\r\n</CheckboxPrimitive.Root>",
+							type: "registry:ui",
+							path: "checkbox/checkbox.svelte"
+						}, {
+							content: "export { default as Checkbox } from \"./checkbox.svelte\";\n",
+							type: "registry:ui",
+							path: "checkbox/index.ts"
+						}]
+					},
+					{
+						name: "collapsible",
+						dependencies: ["@sprawlify/svelte", "svelte"],
+						files: [
+							{
+								content: "<script lang=\"ts\">\r\nimport { Collapsible as CollapsiblePrimitive } from \"@sprawlify/svelte/collapsible\"\r\nimport type { ComponentProps } from \"svelte\";\r\n\r\ninterface Props extends ComponentProps<typeof CollapsiblePrimitive.Content> {}\r\n  \r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<CollapsiblePrimitive.Content data-slot=\"collapsible-content\" {...rest}>\r\n  {@render children?.()}\r\n</CollapsiblePrimitive.Content>",
+								type: "registry:ui",
+								path: "collapsible/collapsible-content.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { Collapsible as CollapsiblePrimitive } from \"@sprawlify/svelte/collapsible\"\r\nimport type { ComponentProps } from \"svelte\";\r\n\r\ninterface Props extends ComponentProps<typeof CollapsiblePrimitive.Trigger> {}\r\n  \r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<CollapsiblePrimitive.Trigger data-slot=\"collapsible-trigger\" {...rest}>\r\n  {@render children?.()}\r\n</CollapsiblePrimitive.Trigger>",
+								type: "registry:ui",
+								path: "collapsible/collapsible-trigger.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { Collapsible as CollapsiblePrimitive } from \"@sprawlify/svelte/collapsible\"\r\nimport type { ComponentProps } from \"svelte\";\r\n\r\ninterface Props extends ComponentProps<typeof CollapsiblePrimitive.Root> {}\r\n  \r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<CollapsiblePrimitive.Root data-slot=\"collapsible\" {...rest}>\r\n  {@render children?.()}\r\n</CollapsiblePrimitive.Root>",
+								type: "registry:ui",
+								path: "collapsible/collapsible.svelte"
+							},
+							{
+								content: "export { default as Collapsible } from \"./collapsible.svelte\";\nexport { default as CollapsibleTrigger } from \"./collapsible-trigger.svelte\";\nexport { default as CollapsibleContent } from \"./collapsible-content.svelte\";\n",
+								type: "registry:ui",
+								path: "collapsible/index.ts"
+							}
+						]
+					},
+					{
+						name: "dropdown-menu",
+						dependencies: [
+							"@sprawlify/svelte",
+							"lucide-svelte",
+							"@/lib/utils",
+							"svelte",
+							"svelte/elements"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport { CheckIcon } from \"lucide-svelte\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> {\r\n  inset?: boolean\r\n}\r\n  \r\nlet { class: className, inset, checked, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<DropdownMenuPrimitive.CheckboxItem\r\n  data-slot=\"dropdown-menu-checkbox-item\"\r\n  data-inset={inset}\r\n  class={cn(\r\n    \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n    className\r\n  )}\r\n  {checked}\r\n  {...rest}\r\n>\r\n  <span\r\n    class=\"absolute right-2 flex items-center justify-center pointer-events-none\"\r\n    data-slot=\"dropdown-menu-checkbox-item-indicator\"\r\n  >\r\n    <DropdownMenuPrimitive.ItemIndicator>\r\n      <CheckIcon />\r\n    </DropdownMenuPrimitive.ItemIndicator>\r\n  </span>\r\n  {@render children?.()}\r\n</DropdownMenuPrimitive.CheckboxItem>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-checkbox-item.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport { Portal } from \"@sprawlify/svelte/portal\";\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.Content> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Portal>\r\n  <DropdownMenuPrimitive.Positioner>\r\n    <DropdownMenuPrimitive.Content\r\n      data-slot=\"dropdown-menu-content\"\r\n      class={cn(\"focus-visible:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-(--z-index) max-h-(--available-height) w-(--reference-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden\", className)}\r\n      {...rest}\r\n    >\r\n      {@render children?.()}\r\n    </DropdownMenuPrimitive.Content>\r\n  </DropdownMenuPrimitive.Positioner>\r\n</Portal>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-content.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.ItemGroup> { }\r\n\r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<DropdownMenuPrimitive.ItemGroup data-slot=\"dropdown-menu-group\" {...rest}>\r\n  {@render children?.()}\r\n</DropdownMenuPrimitive.ItemGroup>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-group.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.Item> {\r\n  inset?: boolean\r\n  variant?: \"default\" | \"destructive\"\r\n}\r\n\r\nlet { class: className, inset, variant = \"default\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<DropdownMenuPrimitive.Item\r\n  data-slot=\"dropdown-menu-item\"\r\n  data-inset={inset}\r\n  data-variant={variant}\r\n  class={cn(\r\n    \"gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n    \"data-[variant=destructive]:text-destructive data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[variant=destructive]:data-highlighted:bg-destructive/10 dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 data-[variant=destructive]:data-highlighted:text-destructive data-[variant=destructive]:data-highlighted:*:[svg]:text-destructive not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</DropdownMenuPrimitive.Item>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-item.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.ItemGroupLabel> {\r\n  inset?: boolean\r\n}\r\n\r\nlet { class: className, inset, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<DropdownMenuPrimitive.ItemGroupLabel\r\n  data-slot=\"dropdown-menu-label\"\r\n  data-inset={inset}\r\n  class={cn(\"text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</DropdownMenuPrimitive.ItemGroupLabel>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-label.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { Portal } from \"@sprawlify/svelte/portal\";\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof Portal> { \r\n  \"data-slot\"?: string\r\n}\r\n\r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Portal data-slot=\"dropdown-menu-portal\" {...rest}>\r\n  {@render children?.()}\r\n</Portal>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-portal.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.RadioItemGroup> { }\r\n  \r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<DropdownMenuPrimitive.RadioItemGroup data-slot=\"dropdown-menu-radio-group\" {...rest}>\r\n  {@render children?.()}\r\n</DropdownMenuPrimitive.RadioItemGroup>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-radio-group.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport { CheckIcon } from \"lucide-svelte\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.RadioItem> { inset?: boolean }\r\n\r\nlet { class: className, inset, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<DropdownMenuPrimitive.RadioItem\r\n  data-slot=\"dropdown-menu-radio-item\"\r\n  data-inset={inset}\r\n  class={cn(\r\n    \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  <span\r\n    class=\"absolute right-2 flex items-center justify-center pointer-events-none\"\r\n    data-slot=\"dropdown-menu-radio-item-indicator\"\r\n  >\r\n    <DropdownMenuPrimitive.ItemIndicator>\r\n      <CheckIcon />\r\n    </DropdownMenuPrimitive.ItemIndicator>\r\n  </span>\r\n  {@render children?.()}\r\n</DropdownMenuPrimitive.RadioItem>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-radio-item.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.Separator> { }\r\n\r\nlet { class: className, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<DropdownMenuPrimitive.Separator\r\n  data-slot=\"dropdown-menu-separator\"\r\n  class={cn(\"bg-border -mx-1 my-1 h-px\", className)}\r\n  {...rest}\r\n/>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-separator.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\";\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLSpanElement>, PolymorphicProps<\"span\"> { }\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"span\"\r\n  data-slot=\"dropdown-menu-shortcut\"\r\n  class={cn(\"text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-shortcut.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\nimport { Portal } from \"@sprawlify/svelte/portal\";\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.Content> { }\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Portal>\r\n  <DropdownMenuPrimitive.Positioner>\r\n    <DropdownMenuPrimitive.Content\r\n      data-slot=\"dropdown-menu-sub-content\"\r\n      class={cn(\"focus-visible:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100 origin-(--transform-origin) overflow-hidden\", className)}\r\n      {...rest}\r\n    >\r\n      {@render children?.()}\r\n    </DropdownMenuPrimitive.Content>\r\n  </DropdownMenuPrimitive.Positioner>\r\n</Portal>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-sub-content.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport { ChevronRightIcon } from \"lucide-svelte\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.TriggerItem> { inset?: boolean }\r\n\r\nlet { class: className, inset, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<DropdownMenuPrimitive.TriggerItem\r\n  data-slot=\"dropdown-menu-sub-trigger\"\r\n  data-inset={inset}\r\n  class={cn(\r\n    \"w-full data-[state=open]:bg-accent data-[state=open]:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n  <ChevronRightIcon class=\"cn-rtl-flip ml-auto\" />\r\n</DropdownMenuPrimitive.TriggerItem>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-sub-trigger.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.Root> {\r\n  \"data-slot\"?: string\r\n}\r\n\r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<DropdownMenuPrimitive.Root data-slot=\"dropdown-menu-sub\" {...rest}>\r\n  {@render children?.()}\r\n</DropdownMenuPrimitive.Root>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-sub.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.Trigger> { }\r\n\r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...rest}>\r\n  {@render children?.()}\r\n</DropdownMenuPrimitive.Trigger>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-trigger.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/svelte/dropdown-menu\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof DropdownMenuPrimitive.Root> { \r\n  \"data-slot\"?: string\r\n}\r\n\r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" positioning={{ offset: { mainAxis: 4 } }} {...rest}>\r\n  {@render children?.()}\r\n</DropdownMenuPrimitive.Root>",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu.svelte"
+							},
+							{
+								content: "export { default as DropdownMenu } from \"./dropdown-menu.svelte\";\nexport { default as DropdownMenuPortal } from \"./dropdown-menu-portal.svelte\";\nexport { default as DropdownMenuTrigger } from \"./dropdown-menu-trigger.svelte\";\nexport { default as DropdownMenuContent } from \"./dropdown-menu-content.svelte\";\nexport { default as DropdownMenuGroup } from \"./dropdown-menu-group.svelte\";\nexport { default as DropdownMenuItem } from \"./dropdown-menu-item.svelte\";\nexport { default as DropdownMenuCheckboxItem } from \"./dropdown-menu-checkbox-item.svelte\";\nexport { default as DropdownMenuRadioGroup } from \"./dropdown-menu-radio-group.svelte\";\nexport { default as DropdownMenuRadioItem } from \"./dropdown-menu-radio-item.svelte\";\nexport { default as DropdownMenuLabel } from \"./dropdown-menu-label.svelte\";\nexport { default as DropdownMenuSeparator } from \"./dropdown-menu-separator.svelte\";\nexport { default as DropdownMenuShortcut } from \"./dropdown-menu-shortcut.svelte\";\nexport { default as DropdownMenuSub } from \"./dropdown-menu-sub.svelte\";\nexport { default as DropdownMenuSubTrigger } from \"./dropdown-menu-sub-trigger.svelte\";\nexport { default as DropdownMenuSubContent } from \"./dropdown-menu-sub-content.svelte\";\n",
+								type: "registry:ui",
+								path: "dropdown-menu/index.ts"
+							}
+						]
+					},
+					{
+						name: "empty",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"svelte/elements",
+							"class-variance-authority"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-slot=\"empty-content\"\r\n  class={cn(\r\n    \"gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "empty/empty-content.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLParagraphElement>, PolymorphicProps<\"p\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"p\"\r\n  data-slot=\"empty-description\"\r\n  class={cn(\r\n    \"text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "empty/empty-description.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-slot=\"empty-header\"\r\n  class={cn(\r\n    \"gap-2 flex max-w-sm flex-col items-center\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "empty/empty-header.svelte"
+							},
+							{
+								content: "<script module lang=\"ts\">\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nexport const emptyMediaVariants = cva(\r\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-transparent\",\r\n        icon: \"bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n)\r\n<\/script>\r\n\r\n<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyMediaVariants>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, variant = \"default\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-slot=\"empty-icon\"\r\n  data-variant={variant}\r\n  class={cn(emptyMediaVariants({ variant, className }))}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "empty/empty-media.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-slot=\"empty-title\"\r\n  class={cn(\"text-sm font-medium tracking-tight\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "empty/empty-title.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"empty\"\r\n  data-part=\"root\"\r\n  data-slot=\"empty\"\r\n  class={cn(\r\n    \"gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "empty/empty.svelte"
+							},
+							{
+								content: "export { default as Empty } from \"./empty.svelte\";\nexport { default as EmptyHeader } from \"./empty-header.svelte\";\nexport { default as EmptyMedia } from \"./empty-media.svelte\";\nexport { default as EmptyTitle } from \"./empty-title.svelte\";\nexport { default as EmptyDescription } from \"./empty-description.svelte\";\nexport { default as EmptyContent } from \"./empty-content.svelte\";\n",
+								type: "registry:ui",
+								path: "empty/index.ts"
+							}
+						]
+					},
+					{
+						name: "field",
+						dependencies: [
+							"@/lib/utils",
+							"svelte/elements",
+							"@sprawlify/svelte",
+							"@/components/ui/label",
+							"svelte",
+							"@/components/ui/separator",
+							"class-variance-authority"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"field\"\r\n  data-part=\"content\"  \r\n  data-slot=\"field-content\"\r\n  class={cn(\r\n    \"gap-0.5 group/field-content flex flex-1 flex-col leading-snug\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "field/field-content.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\";\r\n    import type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLParagraphElement>, PolymorphicProps<\"p\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"p\"\r\n  data-scope=\"field\"\r\n  data-part=\"description\"\r\n  data-slot=\"field-description\"\r\n  class={cn(\r\n    \"text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance\",\r\n    \"last:mt-0 nth-last-2:-mt-1\",\r\n    \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "field/field-description.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {\r\n  errors?: Array<{ message?: string } | undefined>\r\n}\r\n\r\nlet { class: className, children, errors, ...rest }: Props = $props()\r\n\r\nlet content = $derived.by(() => {\r\n  if (children) {\r\n    return children\r\n  }\r\n\r\n  if (!errors?.length) {\r\n    return null\r\n  }\r\n\r\n  const uniqueErrors = [\r\n    ...new Map(errors.map((error) => [error?.message, error])).values(),\r\n  ]\r\n\r\n  if (uniqueErrors?.length == 1) {\r\n    return uniqueErrors[0]?.message\r\n  }\r\n\r\n  return uniqueErrors.filter(error => error?.message)\r\n})\r\n<\/script>\r\n\r\n{#if content !== null}\r\n  <Sprawlify\r\n    as=\"div\"\r\n    role=\"alert\"\r\n    data-scope=\"field\"\r\n    data-part=\"error\"\r\n    data-slot=\"field-error\"\r\n    class={cn(\"text-destructive text-sm font-normal\", className)}\r\n    {...rest}\r\n  >\r\n    {#if typeof content === 'string'}\r\n      {content}\r\n    {:else if Array.isArray(content)}\r\n      <ul class=\"ml-4 flex list-disc flex-col gap-1\">\r\n        {#each content as error, index (index)}\r\n          {#if error?.message}\r\n            <li>{error.message}</li>\r\n          {/if}\r\n        {/each}\r\n      </ul>\r\n    {:else}\r\n      {@render children?.()}\r\n    {/if}\r\n  </Sprawlify>\r\n{/if}",
+								type: "registry:ui",
+								path: "field/field-error.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"field\"\r\n  data-part=\"group\"\r\n  data-slot=\"field-group\"\r\n  class={cn(\r\n    \"gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "field/field-group.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Label } from \"@/components/ui/label\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof Label> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Label\r\n  data-scope=\"field\"\r\n  data-part=\"label\"\r\n  data-slot=\"field-label\"\r\n  class={cn(\r\n    \"has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug\",\r\n    \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Label>",
+								type: "registry:ui",
+								path: "field/field-label.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { PolymorphicProps } from \"@sprawlify/svelte\";\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLLegendElement>, PolymorphicProps<\"legend\"> {\r\n  variant?: \"legend\" | \"label\"\r\n}\r\n\r\nlet { class: className, variant = \"legend\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<legend\r\n  data-scope=\"field\"\r\n  data-part=\"legend\"  \r\n  data-slot=\"field-legend\"\r\n  data-variant={variant}\r\n  class={cn(\"mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</legend>",
+								type: "registry:ui",
+								path: "field/field-legend.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Separator } from \"@/components/ui/separator\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"field\"\r\n  data-part=\"separator\"\r\n  data-slot=\"field-separator\"\r\n  data-content={!!children}\r\n  class={cn(\"-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative\", className)}\r\n  {...rest}\r\n>\r\n  <Separator class=\"absolute inset-0 top-1/2\" />\r\n  {#if children}\r\n    <span\r\n      class=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\r\n      data-scope=\"field\"\r\n      data-part=\"separator-content\"\r\n      data-slot=\"field-separator-content\"\r\n    >\r\n      {@render children()}\r\n    </span>\r\n  {/if}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "field/field-separator.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { type PolymorphicProps, Sprawlify } from \"@sprawlify/svelte\";\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLFieldSetElement>, PolymorphicProps<\"fieldset\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"fieldset\"\r\n  data-scope=\"field\"\r\n  data-part=\"set\"\r\n  data-slot=\"field-set\"\r\n  class={cn(\"gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "field/field-set.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"field\"\r\n  data-part=\"title\"\r\n  data-slot=\"field-title\"  \r\n  class={cn(\r\n    \"gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "field/field-title.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\";\r\n\r\nexport const fieldVariants = cva(\"data-[invalid=true]:text-destructive gap-2 group/field flex w-full\", {\r\n  variants: {\r\n    orientation: {\r\n      vertical:\r\n        \"flex-col *:w-full [&>.sr-only]:w-auto\",\r\n      horizontal:\r\n        \"flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\r\n      responsive:\r\n        \"flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    orientation: \"vertical\",\r\n  },\r\n})\r\n\r\ninterface FieldProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof fieldVariants>, PolymorphicProps<\"div\"> {}\r\n\r\nlet { class: className, orientation = \"vertical\", children, ...rest }: FieldProps = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  role=\"group\"\r\n  data-scope=\"field\"\r\n  data-part=\"root\"\r\n  data-slot=\"field\"\r\n  data-orientation={orientation}\r\n  class={cn(fieldVariants({ orientation }), className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "field/field.svelte"
+							},
+							{
+								content: "export { default as Field } from \"./field.svelte\";\nexport { default as FieldSet } from \"./field-set.svelte\";\nexport { default as FieldLegend } from \"./field-legend.svelte\";\nexport { default as FieldGroup } from \"./field-group.svelte\";\nexport { default as FieldContent } from \"./field-content.svelte\";\nexport { default as FieldLabel } from \"./field-label.svelte\";\nexport { default as FieldTitle } from \"./field-title.svelte\";\nexport { default as FieldDescription } from \"./field-description.svelte\";\nexport { default as FieldSeparator } from \"./field-separator.svelte\";\nexport { default as FieldError } from \"./field-error.svelte\";\n",
+								type: "registry:ui",
+								path: "field/index.ts"
+							}
+						]
+					},
+					{
+						name: "input",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"svelte/elements"
+						],
+						files: [{
+							content: "export { default as Input } from \"./input.svelte\";\n",
+							type: "registry:ui",
+							path: "input/index.ts"
+						}, {
+							content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLInputAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLInputAttributes, PolymorphicProps<\"input\"> {}\r\n  \r\nlet { class: className, type, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"input\"\r\n  type={type}\r\n  data-scope=\"input\"\r\n  data-part=\"root\"\r\n  data-slot=\"input\"\r\n  class={cn(\r\n    \"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\r\n    className\r\n  )}\r\n  {...rest}\r\n/>",
+							type: "registry:ui",
+							path: "input/input.svelte"
+						}]
+					},
+					{
+						name: "input-group",
+						dependencies: [
+							"class-variance-authority",
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"svelte/elements",
+							"@/components/ui/button",
+							"svelte",
+							"@/components/ui/input",
+							"@/components/ui/textarea"
+						],
+						files: [
+							{
+								content: "export { default as InputGroup } from \"./input-group.svelte\";\nexport { default as InputGroupAddon } from \"./input-group-addon.svelte\";\nexport { default as InputGroupButton } from \"./input-group-button.svelte\";\nexport { default as InputGroupText } from \"./input-group-text.svelte\";\nexport { default as InputGroupInput } from \"./input-group-input.svelte\";\nexport { default as InputGroupTextarea } from \"./input-group-textarea.svelte\";\n",
+								type: "registry:ui",
+								path: "input-group/index.ts"
+							},
+							{
+								content: "<script module lang=\"ts\">\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nexport const inputGroupAddonVariants = cva(\r\n  \"text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none\",\r\n  {\r\n    variants: {\r\n      align: {\r\n        \"inline-start\": \"pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first\",\r\n        \"inline-end\": \"pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last\",\r\n        \"block-start\":\r\n          \"px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start\",\r\n        \"block-end\":\r\n          \"px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      align: \"inline-start\",\r\n    },\r\n  }\r\n)\r\n<\/script>\r\n\r\n<script lang=\"ts\">\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\n    import type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof inputGroupAddonVariants>, PolymorphicProps<\"div\"> {}\r\n  \r\nlet { class: className, align = \"inline-start\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  role=\"group\"\r\n  data-scope=\"input-group\"\r\n  data-part=\"addon\"\r\n  data-slot=\"input-group-addon\"\r\n  data-align={align}\r\n  class={cn(inputGroupAddonVariants({ align }), className)}\r\n  onclick={(e) => {\r\n    if ((e.target as HTMLElement).closest(\"button\")) {\r\n      return\r\n    }\r\n    e.currentTarget?.parentElement?.querySelector(\"input\")?.focus()\r\n  }}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "input-group/input-group-addon.svelte"
+							},
+							{
+								content: "<script module lang=\"ts\">\r\nimport { cva } from \"class-variance-authority\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nexport const inputGroupButtonVariants = cva(\r\n  \"gap-2 text-sm shadow-none flex items-center\",\r\n  {\r\n    variants: {\r\n      size: {\r\n        xs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\r\n        sm: \"\",\r\n        \"icon-xs\": \"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0\",\r\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"xs\",\r\n    },\r\n  }\r\n)\r\n<\/script>\r\n\r\n<script lang=\"ts\">\r\nimport { Button } from \"@/components/ui/button\"\r\nimport type { VariantProps } from \"class-variance-authority\"\r\nimport type { ComponentProps } from \"svelte\";\r\n\r\ninterface Props extends Omit<ComponentProps<typeof Button>, \"size\">, VariantProps<typeof inputGroupButtonVariants> {}\r\n  \r\nlet { class: className, type = \"button\", variant = \"ghost\", size = \"xs\", ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Button\r\n  data-scope=\"input-group\"\r\n  data-part=\"button\"\r\n  type={type}\r\n  data-size={size}\r\n  variant={variant}\r\n  class={cn(inputGroupButtonVariants({ size }), className)}\r\n  {...rest}\r\n/>",
+								type: "registry:ui",
+								path: "input-group/input-group-button.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Input } from \"@/components/ui/input\"\r\nimport type { HTMLInputAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLInputAttributes {}\r\n  \r\nlet { class: className, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Input\r\n  data-scope=\"input-group\"\r\n  data-part=\"control\"\r\n  data-slot=\"input-group-control\"\r\n  class={cn(\"rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1\", className)}\r\n  {...rest}\r\n/>",
+								type: "registry:ui",
+								path: "input-group/input-group-input.svelte"
+							},
+							{
+								content: "<script module lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\n<\/script>\r\n\r\n<script lang=\"ts\">\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLAttributes<HTMLSpanElement>, PolymorphicProps<\"span\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"span\"\r\n  data-scope=\"input-group\"\r\n  data-part=\"text\"\r\n  data-slot=\"input-group-text\"\r\n  class={cn(\r\n    \"text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "input-group/input-group-text.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Textarea } from \"@/components/ui/textarea\"\r\nimport type { HTMLTextareaAttributes } from \"svelte/elements\"\r\nimport type { PolymorphicProps } from \"@sprawlify/svelte\";\r\n\r\ninterface Props extends HTMLTextareaAttributes, PolymorphicProps<\"textarea\"> {}\r\n  \r\nlet { class: className, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Textarea\r\n  data-scope=\"input-group\"\r\n  data-part=\"control\"\r\n  data-slot=\"input-group-control\"\r\n  class={cn(\"rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none\", className)}\r\n  {...rest}\r\n/>",
+								type: "registry:ui",
+								path: "input-group/input-group-textarea.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"input-group\"\r\n  data-part=\"root\"\r\n  data-slot=\"input-group\"\r\n  role=\"group\"\r\n  class={cn(\r\n    \"border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "input-group/input-group.svelte"
+							}
+						]
+					},
+					{
+						name: "item",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"svelte/elements",
+							"class-variance-authority",
+							"svelte"
+						],
+						files: [
+							{
+								content: "export { default as Item } from \"./item.svelte\";\nexport { default as ItemMedia } from \"./item-media.svelte\";\nexport { default as ItemContent } from \"./item-content.svelte\";\nexport { default as ItemActions } from \"./item-actions.svelte\";\nexport { default as ItemGroup } from \"./item-group.svelte\";\nexport { default as ItemSeparator } from \"./item-separator.svelte\";\nexport { default as ItemTitle } from \"./item-title.svelte\";\nexport { default as ItemDescription } from \"./item-description.svelte\";\nexport { default as ItemHeader } from \"./item-header.svelte\";\nexport { default as ItemFooter } from \"./item-footer.svelte\";\n",
+								type: "registry:ui",
+								path: "item/index.ts"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"item\"\r\n  data-part=\"actions\"\r\n  data-slot=\"item-actions\"\r\n  class={cn(\"gap-2 flex items-center\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "item/item-actions.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"item\"\r\n  data-part=\"content\"\r\n  data-slot=\"item-content\"\r\n  class={cn(\r\n    \"gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "item/item-content.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLParagraphElement>, PolymorphicProps<\"p\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"p\"\r\n  data-scope=\"item\"\r\n  data-part=\"description\"\r\n  data-slot=\"item-description\"\r\n  class={cn(\r\n    \"text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "item/item-description.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"item\"\r\n  data-part=\"footer\"\r\n  data-slot=\"item-footer\"\r\n  class={cn(\r\n    \"gap-2 flex basis-full items-center justify-between\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "item/item-footer.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  role=\"list\"\r\n  data-scope=\"item\"\r\n  data-part=\"group\"\r\n  data-slot=\"item-group\"\r\n  class={cn(\r\n    \"gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 group/item-group flex w-full flex-col\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "item/item-group.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"item\"\r\n  data-part=\"header\"\r\n  data-slot=\"item-header\"\r\n  class={cn(\r\n    \"gap-2 flex basis-full items-center justify-between\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "item/item-header.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\nconst itemMediaVariants = cva(\r\n  \"gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-transparent\",\r\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\r\n        image: \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n)\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\">, VariantProps<typeof itemMediaVariants> {}\r\n  \r\nlet { class: className, variant = \"default\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"item\"\r\n  data-part=\"media\"\r\n  data-slot=\"item-media\"\r\n  data-variant={variant}\r\n  class={cn(itemMediaVariants({ variant, className }))}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "item/item-media.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Separator } from \"../separator\"\r\nimport type { ComponentProps } from \"svelte\";\r\n\r\ninterface Props extends ComponentProps<typeof Separator> {}\r\n\r\nlet { class: className, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Separator\r\n  data-scope=\"item\"\r\n  data-part=\"separator\"\r\n  data-slot=\"item-separator\"\r\n  orientation=\"horizontal\"\r\n  class={cn(\"my-2\", className)}\r\n  {...rest}\r\n/>",
+								type: "registry:ui",
+								path: "item/item-separator.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"item\"\r\n  data-part=\"title\"\r\n  data-slot=\"item-title\"\r\n  class={cn(\r\n    \"gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "item/item-title.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\nconst itemVariants = cva(\r\n  \"[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"border-transparent\",\r\n        outline: \"border-border\",\r\n        muted: \"bg-muted/50 border-transparent\",\r\n      },\r\n      size: {\r\n        default: \"gap-2.5 px-3 py-2.5\",\r\n        sm: \"gap-2.5 px-3 py-2.5\",\r\n        xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  }\r\n)\r\n\r\ninterface Props extends HTMLAttributes<HTMLDivElement>, PolymorphicProps<\"div\">, VariantProps<typeof itemVariants> {}\r\n  \r\nlet { class: className, variant = \"default\", size = \"default\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"item\"\r\n  data-part=\"root\"\r\n  data-slot=\"item\"\r\n  data-variant={variant}\r\n  data-size={size}\r\n  class={cn(itemVariants({ variant, size, className }))}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "item/item.svelte"
+							}
+						]
+					},
+					{
+						name: "kbd",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"svelte/elements"
+						],
+						files: [
+							{
+								content: "export { default as Kbd } from \"./kbd.svelte\";\nexport { default as KbdGroup } from \"./kbd-group.svelte\";\n",
+								type: "registry:ui",
+								path: "kbd/index.ts"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLElement>, PolymorphicProps<\"div\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"div\"\r\n  data-scope=\"kbd\"\r\n  data-part=\"group\"\r\n  data-slot=\"kbd-group\"\r\n  class={cn(\"gap-1 inline-flex items-center\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "kbd/kbd-group.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLElement>, PolymorphicProps<\"kbd\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"kbd\"\r\n  data-scope=\"kbd\"\r\n  data-part=\"root\"\r\n  data-slot=\"kbd\"\r\n  class={cn(\r\n    \"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+								type: "registry:ui",
+								path: "kbd/kbd.svelte"
+							}
+						]
+					},
+					{
+						name: "label",
+						dependencies: [
+							"@/lib/utils",
+							"svelte/elements",
+							"@sprawlify/svelte"
+						],
+						files: [{
+							content: "export { default as Label } from \"./label.svelte\";\n",
+							type: "registry:ui",
+							path: "label/index.ts"
+						}, {
+							content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { HTMLLabelAttributes } from \"svelte/elements\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\";\r\n\r\ninterface Props extends HTMLLabelAttributes, PolymorphicProps<\"label\"> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"label\"\r\n  data-scope=\"label\"\r\n  data-part=\"root\"\r\n  data-slot=\"label\"\r\n  class={cn(\r\n    \"gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+							type: "registry:ui",
+							path: "label/label.svelte"
+						}]
+					},
+					{
+						name: "native-select",
+						dependencies: [
+							"@/lib/utils",
+							"svelte/elements",
+							"lucide-svelte"
+						],
+						files: [
+							{
+								content: "export { default as NativeSelect } from \"./native-select.svelte\";\nexport { default as NativeSelectOption } from \"./native-select-option.svelte\";\nexport { default as NativeSelectOptGroup } from \"./native-select-opt-group.svelte\";\n",
+								type: "registry:ui",
+								path: "native-select/index.ts"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { HTMLOptgroupAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLOptgroupAttributes {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<optgroup\r\n  data-scope=\"native-select\"\r\n  data-part=\"optgroup\"\r\n  data-slot=\"native-select-optgroup\"\r\n  class={cn(className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</optgroup>",
+								type: "registry:ui",
+								path: "native-select/native-select-opt-group.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport type { HTMLOptionAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLOptionAttributes {}\r\n\r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<option data-scope=\"native-select\" data-part=\"option\" data-slot=\"native-select-option\" {...rest}>\r\n  {@render children?.()}\r\n</option>",
+								type: "registry:ui",
+								path: "native-select/native-select-option.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { ChevronDownIcon } from \"lucide-svelte\"\r\nimport type { HTMLSelectAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends Omit<HTMLSelectAttributes, \"size\"> {\r\n  size?: \"sm\" | \"default\"\r\n}\r\n\r\nlet { class: className, size = \"default\", children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<div\r\n  class={cn(\r\n    \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\r\n    className\r\n  )}\r\n  data-scope=\"native-select\"\r\n  data-part=\"root\"\r\n  data-slot=\"native-select-root\"\r\n  data-size={size}\r\n>\r\n  <select\r\n    data-slot=\"native-select\"\r\n    data-size={size}\r\n    class=\"border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 outline-none disabled:pointer-events-none disabled:cursor-not-allowed\"\r\n    {...rest}\r\n  >\r\n    {@render children?.()}\r\n  </select>\r\n  <ChevronDownIcon class=\"text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2 pointer-events-none absolute select-none\" aria-hidden=\"true\" data-slot=\"native-select-icon\" />\r\n</div>",
+								type: "registry:ui",
+								path: "native-select/native-select.svelte"
+							}
+						]
+					},
+					{
+						name: "scroll-area",
+						dependencies: [
+							"@sprawlify/svelte",
+							"@/lib/utils",
+							"svelte"
+						],
+						files: [
+							{
+								content: "export { default as ScrollArea } from \"./scroll-area.svelte\";\nexport { default as ScrollBar } from \"./scroll-bar.svelte\";\n",
+								type: "registry:ui",
+								path: "scroll-area/index.ts"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { ScrollArea as ScrollAreaPrimitive } from \"@sprawlify/svelte/scroll-area\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport ScrollBar from \"./scroll-bar.svelte\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof ScrollAreaPrimitive.Root> {}\r\n\r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<ScrollAreaPrimitive.Root\r\n  data-slot=\"scroll-area\"\r\n  class={cn(\"relative\", className)}\r\n  {...rest}\r\n>\r\n  <ScrollAreaPrimitive.Viewport\r\n    data-slot=\"scroll-area-viewport\"\r\n    class=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 scrollbar-none\"\r\n  >\r\n    {@render children?.()}\r\n  </ScrollAreaPrimitive.Viewport>\r\n  <ScrollBar />\r\n  <ScrollAreaPrimitive.Corner />\r\n</ScrollAreaPrimitive.Root>",
+								type: "registry:ui",
+								path: "scroll-area/scroll-area.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { ScrollArea as ScrollAreaPrimitive } from \"@sprawlify/svelte/scroll-area\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof ScrollAreaPrimitive.Scrollbar> {}\r\n\r\nlet { class: className, orientation = \"vertical\", ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<ScrollAreaPrimitive.Scrollbar\r\n  data-slot=\"scroll-area-scrollbar\"\r\n  data-orientation={orientation}\r\n  {orientation}\r\n  class={cn(\r\n    \"data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent flex touch-none p-px transition-colors select-none\",\r\n    className\r\n  )}\r\n  {...rest}\r\n>\r\n  <ScrollAreaPrimitive.Thumb\r\n    data-slot=\"scroll-area-thumb\"\r\n    class=\"rounded-full bg-border relative flex-1\"\r\n  />\r\n</ScrollAreaPrimitive.Scrollbar>",
+								type: "registry:ui",
+								path: "scroll-area/scroll-bar.svelte"
+							}
+						]
+					},
+					{
+						name: "separator",
+						dependencies: [
+							"@sprawlify/svelte",
+							"@/lib/utils",
+							"svelte"
+						],
+						files: [{
+							content: "export { default as Separator } from \"./separator.svelte\";\n",
+							type: "registry:ui",
+							path: "separator/index.ts"
+						}, {
+							content: "<script lang=\"ts\">\r\nimport { Separator as SeparatorPrimitive } from \"@sprawlify/svelte/separator\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\";\r\n\r\ninterface Props extends ComponentProps<typeof SeparatorPrimitive.Root> {}\r\n\r\nlet { class: className, orientation = \"horizontal\", decorative = true, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<SeparatorPrimitive.Root\r\n  data-slot=\"separator\"\r\n  {decorative}\r\n  {orientation}\r\n  class={cn(\"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch\", className)}\r\n  {...rest}\r\n/>",
+							type: "registry:ui",
+							path: "separator/separator.svelte"
+						}]
+					},
+					{
+						name: "tabs",
+						dependencies: [
+							"@sprawlify/svelte",
+							"@/lib/utils",
+							"svelte",
+							"class-variance-authority"
+						],
+						files: [
+							{
+								content: "export { default as Tabs } from \"./tabs.svelte\";\nexport { default as TabsList, tabsListVariants } from \"./tabs-list.svelte\";\nexport { default as TabsTrigger } from \"./tabs-trigger.svelte\";\nexport { default as TabsContent } from \"./tabs-content.svelte\";\n",
+								type: "registry:ui",
+								path: "tabs/index.ts"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { Tabs as TabsPrimitive } from \"@sprawlify/svelte/tabs\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof TabsPrimitive.Content> { }\r\n\r\nlet { children, class: className, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<TabsPrimitive.Content\r\n	data-slot=\"tabs-content\"\r\n	class={cn(\"text-sm flex-1 outline-none\", className)}\r\n	{...rest}\r\n>\r\n	{@render children?.()}\r\n</TabsPrimitive.Content>",
+								type: "registry:ui",
+								path: "tabs/tabs-content.svelte"
+							},
+							{
+								content: "<script module lang=\"ts\">\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nexport const tabsListVariants = cva(\r\n  \"rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-muted\",\r\n        line: \"gap-1 bg-transparent\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n)\r\n<\/script>\r\n\r\n<script lang=\"ts\">\r\nimport { Tabs as TabsPrimitive } from \"@sprawlify/svelte/tabs\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {}\r\n\r\nlet { children, class: className, variant = \"default\", ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<TabsPrimitive.List\r\n	data-slot=\"tabs-list\"\r\n	data-variant={variant}\r\n	class={cn(tabsListVariants({ variant }), className)}\r\n	{...rest}\r\n>\r\n	{@render children?.()}\r\n</TabsPrimitive.List>",
+								type: "registry:ui",
+								path: "tabs/tabs-list.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { Tabs as TabsPrimitive } from \"@sprawlify/svelte/tabs\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof TabsPrimitive.Trigger> { }\r\n\r\nlet { children, class: className, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<TabsPrimitive.Trigger\r\n	data-slot=\"tabs-trigger\"\r\n	class={cn(\r\n		\"gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium group-data-[variant=default]/tabs-list:data-selected:shadow-sm group-data-[variant=line]/tabs-list:data-selected:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n		\"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-selected:bg-transparent dark:group-data-[variant=line]/tabs-list:data-selected:border-transparent dark:group-data-[variant=line]/tabs-list:data-selected:bg-transparent\",\r\n		\"data-selected:bg-background dark:data-selected:text-foreground dark:data-selected:border-input dark:data-selected:bg-input/30 data-selected:text-foreground\",\r\n		\"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-selected:after:opacity-100\",\r\n		className\r\n	)}\r\n	{...rest}\r\n>\r\n	{@render children?.()}\r\n</TabsPrimitive.Trigger>",
+								type: "registry:ui",
+								path: "tabs/tabs-trigger.svelte"
+							},
+							{
+								content: "<script lang=\"ts\">\r\nimport { Tabs as TabsPrimitive } from \"@sprawlify/svelte/tabs\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { ComponentProps } from \"svelte\"\r\n\r\ninterface Props extends ComponentProps<typeof TabsPrimitive.Root> {}\r\n\r\nlet { children, class: className, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<TabsPrimitive.Root\r\n	data-slot=\"tabs\"\r\n	class={cn(\r\n		\"gap-2 group/tabs flex data-[orientation=horizontal]:flex-col\",\r\n		className\r\n	)}\r\n	{...rest}\r\n>\r\n	{@render children?.()}\r\n</TabsPrimitive.Root>",
+								type: "registry:ui",
+								path: "tabs/tabs.svelte"
+							}
+						]
+					},
+					{
+						name: "textarea",
+						dependencies: [
+							"@/lib/utils",
+							"@sprawlify/svelte",
+							"svelte/elements"
+						],
+						files: [{
+							content: "export { default as Textarea } from \"./textarea.svelte\";\n",
+							type: "registry:ui",
+							path: "textarea/index.ts"
+						}, {
+							content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLTextareaAttributes } from \"svelte/elements\"\r\n\r\ninterface Props extends HTMLTextareaAttributes, PolymorphicProps<\"textarea\"> {}\r\n  \r\nlet { class: className, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"textarea\"\r\n  data-scope=\"textarea\"\r\n  data-part=\"root\"\r\n  data-slot=\"textarea\"\r\n  class={cn(\r\n    \"border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50\",\r\n    className\r\n  )}\r\n  {...rest}\r\n/>",
+							type: "registry:ui",
+							path: "textarea/textarea.svelte"
+						}]
+					},
+					{
+						name: "utils",
+						dependencies: ["clsx", "tailwind-merge"],
+						files: [{
+							content: "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n",
+							type: "registry:utils",
+							path: "utils.ts"
+						}]
+					}
+				]
+			},
+			vue: {
+				dependencies: {
+					"@sprawlify/vue": "^0.0.100",
+					vue: "^3.4.0",
+					"class-variance-authority": "^0.7.1",
+					"lucide-vue-next": "^0.400.0",
+					clsx: "^2.1.1",
+					"tailwind-merge": "^3.3.1"
+				},
+				devDependencies: {},
+				items: [
+					{
+						name: "alert",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils",
+							"class-variance-authority"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport { type HTMLAttributes } from \"vue\";\n\nexport interface AlertActionProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<AlertActionProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(\"absolute top-2 right-2\", attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"alert\"\n    data-part=\"action\"\n    data-slot=\"alert-action\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "alert/alert-action.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface AlertDescriptionProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<AlertDescriptionProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"alert\"\n    data-part=\"description\"\n    data-slot=\"alert-description\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "alert/alert-description.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface AlertTitleProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<AlertTitleProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"alert\"\n    data-part=\"title\"\n    data-slot=\"alert-title\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "alert/alert-title.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport const alertVariants = cva(\n  \"grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface AlertProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {\n  variant?: VariantProps<typeof alertVariants>[\"variant\"];\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, role = \"alert\", variant = \"default\", ...rest } = defineProps<AlertProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(alertVariants({ variant }), attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    :role=\"role\"\n    data-scope=\"alert\"\n    data-part=\"root\"\n    :data-variant=\"variant\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "alert/alert.vue"
+							},
+							{
+								content: "export { default as Alert } from \"./alert.vue\";\nexport { default as AlertTitle } from \"./alert-title.vue\";\nexport { default as AlertDescription } from \"./alert-description.vue\";\nexport { default as AlertAction } from \"./alert-action.vue\";\n",
+								type: "registry:ui",
+								path: "alert/index.ts"
+							}
+						]
+					},
+					{
+						name: "aspect-ratio",
+						dependencies: ["@sprawlify/vue"],
+						files: [{
+							content: "<script lang=\"ts\">\nimport type { AspectRatioRootProps } from \"@sprawlify/vue/aspect-ratio\";\n\nexport interface AspectRatioProps  extends /* @vue-ignore */ AspectRatioRootProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { AspectRatio as AspectRatioPrimitive } from \"@sprawlify/vue/aspect-ratio\";\n\nconst { asChild, ...rest } = defineProps<AspectRatioProps>();\n<\/script>\n\n<template>\n  <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" v-bind=\"rest\" :as-child=\"asChild\">\n    <AspectRatioPrimitive.Content data-slot=\"aspect-ratio-content\">\n      <slot />\n    </AspectRatioPrimitive.Content>\n  </AspectRatioPrimitive.Root>\n</template>\n",
+							type: "registry:ui",
+							path: "aspect-ratio/aspect-ratio.vue"
+						}, {
+							content: "export { default as AspectRatio } from \"./aspect-ratio.vue\";\n",
+							type: "registry:ui",
+							path: "aspect-ratio/index.ts"
+						}]
+					},
+					{
+						name: "avatar",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface AvatarBadgeProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<AvatarBadgeProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 select-none\",\n    \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n    \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n    \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.span\n    data-scope=\"avatar\"\n    data-part=\"badge\"\n    data-slot=\"avatar-badge\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.span>\n</template>\n",
+								type: "registry:ui",
+								path: "avatar/avatar-badge.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { AvatarFallbackProps as AvatarPrimitiveFallbackProps } from \"@sprawlify/vue/avatar\";\n\nexport interface AvatarFallbackProps  extends /* @vue-ignore */ AvatarPrimitiveFallbackProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Avatar as AvatarPrimitive } from \"@sprawlify/vue/avatar\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<AvatarFallbackProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"rounded-[inherit] overflow-hidden bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <AvatarPrimitive.Fallback\n    data-slot=\"avatar-fallback\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </AvatarPrimitive.Fallback>\n</template>\n",
+								type: "registry:ui",
+								path: "avatar/avatar-fallback.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface AvatarGroupCountProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<AvatarGroupCountProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"avatar\"\n    data-part=\"group-count\"\n    data-slot=\"avatar-group-count\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "avatar/avatar-group-count.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface AvatarGroupProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<AvatarGroupProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"avatar\"\n    data-part=\"group\"\n    data-slot=\"avatar-group\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "avatar/avatar-group.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { AvatarImageProps as AvatarPrimitiveImageProps } from \"@sprawlify/vue/avatar\";\n\nexport interface AvatarImageProps  extends /* @vue-ignore */ AvatarPrimitiveImageProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Avatar as AvatarPrimitive } from \"@sprawlify/vue/avatar\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<AvatarImageProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\"aspect-square rounded-[inherit] size-full overflow-hidden\", attrs.class as string),\n);\n<\/script>\n\n<template>\n  <AvatarPrimitive.Image\n    data-slot=\"avatar-image\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  />\n</template>\n",
+								type: "registry:ui",
+								path: "avatar/avatar-image.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { AvatarRootProps } from \"@sprawlify/vue/avatar\";\n\nexport interface AvatarProps  extends /* @vue-ignore */ AvatarRootProps {\n  size?: \"default\" | \"sm\" | \"lg\";\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Avatar as AvatarPrimitive } from \"@sprawlify/vue/avatar\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, size = \"default\", ...rest } = defineProps<AvatarProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"group/avatar relative flex size-8 shrink-0 rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <AvatarPrimitive.Root\n    data-slot=\"avatar\"\n    :data-size=\"size\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </AvatarPrimitive.Root>\n</template>\n",
+								type: "registry:ui",
+								path: "avatar/avatar.vue"
+							},
+							{
+								content: "export { default as Avatar } from \"./avatar.vue\";\nexport { default as AvatarImage } from \"./avatar-image.vue\";\nexport { default as AvatarFallback } from \"./avatar-fallback.vue\";\nexport { default as AvatarBadge } from \"./avatar-badge.vue\";\nexport { default as AvatarGroup } from \"./avatar-group.vue\";\nexport { default as AvatarGroupCount } from \"./avatar-group-count.vue\";\n",
+								type: "registry:ui",
+								path: "avatar/index.ts"
+							}
+						]
+					},
+					{
+						name: "badge",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"class-variance-authority",
+							"@/lib/utils"
+						],
+						files: [{
+							content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary: \"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        ghost: \"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 [a&]:hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface BadgeProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {\n  variant?: VariantProps<typeof badgeVariants>[\"variant\"];\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { variant = \"default\", ...rest } = defineProps<BadgeProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(badgeVariants({ variant }), attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.span\n    data-scope=\"badge\"\n    data-part=\"root\"\n    data-slot=\"badge\"\n    :data-variant=\"variant\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.span>\n</template>\n",
+							type: "registry:ui",
+							path: "badge/badge.vue"
+						}, {
+							content: "export { default as Badge } from \"./badge.vue\";\n",
+							type: "registry:ui",
+							path: "badge/index.ts"
+						}]
+					},
+					{
+						name: "button",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"class-variance-authority",
+							"@/lib/utils"
+						],
+						files: [{
+							content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { ButtonHTMLAttributes } from \"vue\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const buttonVariants = cva(\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\n        destructive:\n          \"bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n        icon: \"size-8\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n        \"icon-lg\": \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps extends PolymorphicProps, /* @vue-ignore */ ButtonHTMLAttributes {\n  variant?: VariantProps<typeof buttonVariants>[\"variant\"];\n  size?: VariantProps<typeof buttonVariants>[\"size\"];\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { variant = \"default\", size = \"default\", ...rest } = defineProps<ButtonProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(buttonVariants({ variant, size }), attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.button\n    data-scope=\"button\"\n    data-part=\"root\"\n    data-slot=\"button\"\n    :data-variant=\"variant\"\n    :data-size=\"size\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.button>\n</template>\n",
+							type: "registry:ui",
+							path: "button/button.vue"
+						}, {
+							content: "export { default as Button, buttonVariants, type ButtonProps } from \"./button.vue\";\n",
+							type: "registry:ui",
+							path: "button/index.ts"
+						}]
+					},
+					{
+						name: "button-group",
+						dependencies: [
+							"@/components/ui/separator",
+							"vue",
+							"@/lib/utils",
+							"@sprawlify/vue",
+							"class-variance-authority"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\nimport type { SeparatorProps } from \"@/components/ui/separator\";\n\nexport interface ButtonGroupSeparatorProps  extends /* @vue-ignore */ SeparatorProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nconst { orientation = \"vertical\", ...rest } = defineProps<ButtonGroupSeparatorProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <Separator\n    data-scope=\"button-group\"\n    data-part=\"separator\"\n    data-slot=\"button-group-separator\"\n    :orientation=\"orientation\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </Separator>\n</template>\n",
+								type: "registry:ui",
+								path: "button-group/button-group-separator.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface ButtonGroupTextProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<ButtonGroupTextProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div :class=\"className\" v-bind=\"rest\" :as-child=\"asChild\">\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "button-group/button-group-text.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport const buttonGroupVariants = cva(\n  \"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  },\n);\n\nexport interface ButtonGroupProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {\n  orientation?: VariantProps<typeof buttonGroupVariants>[\"orientation\"];\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { orientation = \"horizontal\", role = \"group\", ...rest } = defineProps<ButtonGroupProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(buttonGroupVariants({ orientation }), attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"button-group\"\n    data-part=\"root\"\n    :role=\"role\"\n    data-slot=\"button-group\"\n    :data-orientation=\"orientation\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "button-group/button-group.vue"
+							},
+							{
+								content: "export { default as ButtonGroup } from \"./button-group.vue\";\nexport { default as ButtonGroupText } from \"./button-group-text.vue\";\nexport { default as ButtonGroupSeparator } from \"./button-group-separator.vue\";\n",
+								type: "registry:ui",
+								path: "button-group/index.ts"
+							}
+						]
+					},
+					{
+						name: "card",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils",
+							"class-variance-authority"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface CardActionProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<CardActionProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\", attrs.class as string),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"card\"\n    data-part=\"action\"\n    data-slot=\"card-action\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "card/card-action.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface CardContentProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<CardContentProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(\"px-4 group-data-[size=sm]/card:px-3\", attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"card\"\n    data-part=\"content\"\n    data-slot=\"card-content\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "card/card-content.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface CardDescriptionProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<CardDescriptionProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(\"text-muted-foreground text-sm\", attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"card\"\n    data-part=\"description\"\n    data-slot=\"card-description\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "card/card-description.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface CardFooterProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<CardFooterProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"card\"\n    data-part=\"footer\"\n    data-slot=\"card-footer\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "card/card-footer.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface CardHeaderProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<CardHeaderProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"card\"\n    data-part=\"header\"\n    data-slot=\"card-header\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "card/card-header.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface CardTitleProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<CardTitleProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\"text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\", attrs.class as string),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"card\"\n    data-part=\"title\"\n    data-slot=\"card-title\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "card/card-title.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\nimport { cva } from \"class-variance-authority\";\n\nexport const cardVariants = cva(\n  \"ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col\",\n);\n\nexport interface CardProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {\n  size?: \"default\" | \"sm\";\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { size = \"default\", asChild, ...rest } = defineProps<CardProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(cardVariants(), attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"card\"\n    data-part=\"root\"\n    data-slot=\"card\"\n    :class=\"className\"\n    :data-size=\"size\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "card/card.vue"
+							},
+							{
+								content: "export { default as Card } from \"./card.vue\";\nexport { default as CardHeader } from \"./card-header.vue\";\nexport { default as CardTitle } from \"./card-title.vue\";\nexport { default as CardDescription } from \"./card-description.vue\";\nexport { default as CardAction } from \"./card-action.vue\";\nexport { default as CardContent } from \"./card-content.vue\";\nexport { default as CardFooter } from \"./card-footer.vue\";\n",
+								type: "registry:ui",
+								path: "card/index.ts"
+							}
+						]
+					},
+					{
+						name: "checkbox",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils",
+							"lucide-vue-next"
+						],
+						files: [{
+							content: "<script lang=\"ts\">\nimport type { CheckboxRootProps } from \"@sprawlify/vue/checkbox\";\n\nexport interface CheckboxProps  extends /* @vue-ignore */ CheckboxRootProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Checkbox as CheckboxPrimitive } from \"@sprawlify/vue/checkbox\";\nimport { cn } from \"@/lib/utils\";\nimport { CheckIcon } from \"lucide-vue-next\";\n\nconst { ...rest } = defineProps<CheckboxProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <CheckboxPrimitive.Root data-slot=\"checkbox\" :class=\"className\" v-bind=\"rest\">\n    <CheckboxPrimitive.Indicator\n      data-slot=\"checkbox-indicator\"\n      class=\"[&>svg]:size-3.5 grid place-content-center text-current transition-none\"\n    >\n      <CheckIcon />\n    </CheckboxPrimitive.Indicator>\n    <CheckboxPrimitive.HiddenInput />\n  </CheckboxPrimitive.Root>\n</template>\n",
+							type: "registry:ui",
+							path: "checkbox/checkbox.vue"
+						}, {
+							content: "export { default as Checkbox } from \"./checkbox.vue\";\n",
+							type: "registry:ui",
+							path: "checkbox/index.ts"
+						}]
+					},
+					{
+						name: "collapsible",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\nimport type { CollapsibleContentProps as CollapsiblePrimitiveContentProps } from \"@sprawlify/vue/collapsible\";\n\nexport interface CollapsibleContentProps\n   extends /* @vue-ignore */ CollapsiblePrimitiveContentProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Collapsible as CollapsiblePrimitive } from \"@sprawlify/vue/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nconst { ...rest } = defineProps<CollapsibleContentProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(attrs.class as string));\n<\/script>\n\n<template>\n  <CollapsiblePrimitive.Content data-slot=\"collapsible-content\" :class=\"className\" v-bind=\"rest\">\n    <slot />\n  </CollapsiblePrimitive.Content>\n</template>\n",
+								type: "registry:ui",
+								path: "collapsible/collapsible-content.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { CollapsibleTriggerProps as CollapsiblePrimitiveTriggerProps } from \"@sprawlify/vue/collapsible\";\n\nexport interface CollapsibleTriggerProps\n   extends /* @vue-ignore */ CollapsiblePrimitiveTriggerProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Collapsible as CollapsiblePrimitive } from \"@sprawlify/vue/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nconst { ...rest } = defineProps<CollapsibleTriggerProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(attrs.class as string));\n<\/script>\n\n<template>\n  <CollapsiblePrimitive.Trigger data-slot=\"collapsible-trigger\" :class=\"className\" v-bind=\"rest\">\n    <slot />\n  </CollapsiblePrimitive.Trigger>\n</template>\n",
+								type: "registry:ui",
+								path: "collapsible/collapsible-trigger.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { CollapsibleRootProps } from \"@sprawlify/vue/collapsible\";\n\nexport interface CollapsibleProps  extends /* @vue-ignore */ CollapsibleRootProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Collapsible as CollapsiblePrimitive } from \"@sprawlify/vue/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nconst { ...rest } = defineProps<CollapsibleProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(attrs.class as string));\n<\/script>\n\n<template>\n  <CollapsiblePrimitive.Root data-slot=\"collapsible\" :class=\"className\" v-bind=\"rest\">\n    <slot />\n  </CollapsiblePrimitive.Root>\n</template>\n",
+								type: "registry:ui",
+								path: "collapsible/collapsible.vue"
+							},
+							{
+								content: "export { default as Collapsible } from \"./collapsible.vue\";\nexport { default as CollapsibleTrigger } from \"./collapsible-trigger.vue\";\nexport { default as CollapsibleContent } from \"./collapsible-content.vue\";\n",
+								type: "registry:ui",
+								path: "collapsible/index.ts"
+							}
+						]
+					},
+					{
+						name: "dropdown-menu",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils",
+							"lucide-vue-next"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuCheckboxItemProps as DropdownMenuCheckboxItemPrimitiveProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuCheckboxItemProps\n   extends /* @vue-ignore */ DropdownMenuCheckboxItemPrimitiveProps {\n  inset?: boolean;\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\nimport { CheckIcon } from \"lucide-vue-next\";\n\nconst { inset, value, checked, ...rest } = defineProps<DropdownMenuCheckboxItemProps>();\n\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-[inset=true]:pl-7 [&_svg:not([class*=size-])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <DropdownMenuPrimitive.CheckboxItem\n    data-slot=\"dropdown-menu-checkbox-item\"\n    :data-inset=\"inset\"\n    :value=\"value\"\n    :checked=\"checked\"\n    :class=\"className\"\n    v-bind=\"rest\"\n  >\n    <span\n      class=\"absolute right-2 flex items-center justify-center pointer-events-none\"\n      data-slot=\"dropdown-menu-checkbox-item-indicator\"\n    >\n      <DropdownMenuPrimitive.ItemIndicator>\n        <CheckIcon />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    <slot />\n  </DropdownMenuPrimitive.CheckboxItem>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-checkbox-item.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuContentProps as DropdownMenuPrimitiveContentProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuContentProps\n   extends /* @vue-ignore */ DropdownMenuPrimitiveContentProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<DropdownMenuContentProps>();\n\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"focus-visible:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-(--z-index) max-h-(--available-height) w-(--reference-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <Teleport to=\"body\">\n    <DropdownMenuPrimitive.Positioner>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        :class=\"className\"\n        v-bind=\"rest\"\n        :as-child=\"asChild\"\n      >\n        <slot />\n      </DropdownMenuPrimitive.Content>\n    </DropdownMenuPrimitive.Positioner>\n  </Teleport>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-content.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuItemGroupProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuGroupProps  extends /* @vue-ignore */ DropdownMenuItemGroupProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<DropdownMenuGroupProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(attrs.class as string));\n<\/script>\n\n<template>\n  <DropdownMenuPrimitive.ItemGroup\n    data-slot=\"dropdown-menu-group\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </DropdownMenuPrimitive.ItemGroup>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-group.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuItemProps as DropdownMenuPrimitiveItemProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuItemProps  extends /* @vue-ignore */ DropdownMenuPrimitiveItemProps {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nconst { inset, variant = \"default\", asChild, ...rest } = defineProps<DropdownMenuItemProps>();\n\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-1.5 rounded-md px-1.5 py-1 text-sm data-[inset=true]:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    \"data-[variant=destructive]:text-destructive data-highlighted:bg-accent data-highlighted:text-accent-foreground  data-[variant=destructive]:data-highlighted:bg-destructive/10 dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 data-[variant=destructive]:data-highlighted:text-destructive data-[variant=destructive]:data-highlighted:*:[svg]:text-destructive not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <DropdownMenuPrimitive.Item\n    data-slot=\"dropdown-menu-item\"\n    :data-inset=\"inset\"\n    :data-variant=\"variant\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </DropdownMenuPrimitive.Item>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-item.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuItemGroupLabelProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuLabelProps  extends /* @vue-ignore */ DropdownMenuItemGroupLabelProps {\n  inset?: boolean;\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nconst { inset, asChild, ...rest } = defineProps<DropdownMenuLabelProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset=true]:pl-7\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <DropdownMenuPrimitive.ItemGroupLabel\n    data-slot=\"dropdown-menu-label\"\n    :data-inset=\"inset\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </DropdownMenuPrimitive.ItemGroupLabel>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-label.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nexport interface DropdownMenuPortalProps {\n  to?: string | Element;\n  disabled?: boolean;\n}\n<\/script>\n\n<script setup lang=\"ts\">\nconst { to, disabled, ...rest } = defineProps<DropdownMenuPortalProps>();\n<\/script>\n\n<template>\n  <Teleport\n    data-slot=\"dropdown-menu-portal\"\n    :to=\"to || 'body'\"\n    :disabled=\"disabled || false\"\n    v-bind=\"rest\"\n  >\n    <slot />\n  </Teleport>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-portal.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuRadioItemGroupProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuRadioGroupProps\n   extends /* @vue-ignore */ DropdownMenuRadioItemGroupProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<DropdownMenuRadioGroupProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(attrs.class as string));\n<\/script>\n\n<template>\n  <DropdownMenuPrimitive.RadioItemGroup\n    data-slot=\"dropdown-menu-radio-group\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </DropdownMenuPrimitive.RadioItemGroup>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-radio-group.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuRadioItemProps as DropdownMenuPrimitiveRadioItemProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuRadioItemProps\n   extends /* @vue-ignore */ DropdownMenuPrimitiveRadioItemProps {\n  inset?: boolean;\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\nimport { CheckIcon } from \"lucide-vue-next\";\n\nconst { inset, value, ...rest } = defineProps<DropdownMenuRadioItemProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-[inset=true]:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <DropdownMenuPrimitive.RadioItem\n    data-slot=\"dropdown-menu-radio-item\"\n    :data-inset=\"inset\"\n    :value=\"value\"\n    :class=\"className\"\n    v-bind=\"rest\"\n  >\n    <span\n      class=\"absolute right-2 flex items-center justify-center pointer-events-none\"\n      data-slot=\"dropdown-menu-radio-item-indicator\"\n    >\n      <DropdownMenuPrimitive.ItemIndicator>\n        <CheckIcon />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    <slot />\n  </DropdownMenuPrimitive.RadioItem>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-radio-item.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuSeparatorProps as DropdownMenuPrimitiveSeparatorProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuSeparatorProps\n   extends /* @vue-ignore */ DropdownMenuPrimitiveSeparatorProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<DropdownMenuSeparatorProps>();\n\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(\"bg-border -mx-1 my-1 h-px\", attrs.class as string));\n<\/script>\n\n<template>\n  <DropdownMenuPrimitive.Separator\n    data-slot=\"dropdown-menu-separator\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  />\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-separator.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface DropdownMenuShortcutProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<DropdownMenuShortcutProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.span\n    data-slot=\"dropdown-menu-shortcut\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.span>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-shortcut.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuContentProps as DropdownMenuPrimitiveContentProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuSubContentProps\n   extends /* @vue-ignore */ DropdownMenuPrimitiveContentProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<DropdownMenuSubContentProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"focus-visible:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100 origin-(--transform-origin) overflow-hidden\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <Teleport to=\"body\">\n    <DropdownMenuPrimitive.Positioner>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-sub-content\"\n        :class=\"className\"\n        v-bind=\"rest\"\n        :as-child=\"asChild\"\n      >\n        <slot />\n      </DropdownMenuPrimitive.Content>\n    </DropdownMenuPrimitive.Positioner>\n  </Teleport>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-sub-content.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuTriggerItemProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuSubTriggerProps\n   extends /* @vue-ignore */ DropdownMenuTriggerItemProps {\n  inset?: boolean;\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\nimport { ChevronRightIcon } from \"lucide-vue-next\";\n\nconst { inset, ...rest } = defineProps<DropdownMenuSubTriggerProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"w-full data-[state=open]:bg-accent data-[state=open]:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-[inset=true]:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <DropdownMenuPrimitive.TriggerItem\n    data-slot=\"dropdown-menu-sub-trigger\"\n    :data-inset=\"inset\"\n    :class=\"className\"\n    v-bind=\"rest\"\n  >\n    <slot />\n    <ChevronRightIcon class=\"cn-rtl-flip ml-auto\" />\n  </DropdownMenuPrimitive.TriggerItem>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-sub-trigger.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuRootProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuSubProps  extends /* @vue-ignore */ DropdownMenuRootProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<DropdownMenuSubProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(attrs.class as string));\n<\/script>\n\n<template>\n  <DropdownMenuPrimitive.Root\n    data-slot=\"dropdown-menu-sub\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </DropdownMenuPrimitive.Root>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-sub.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuTriggerProps as DropdownMenuPrimitiveTriggerProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuTriggerProps\n   extends /* @vue-ignore */ DropdownMenuPrimitiveTriggerProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<DropdownMenuTriggerProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(attrs.class as string));\n<\/script>\n\n<template>\n  <DropdownMenuPrimitive.Trigger\n    data-slot=\"dropdown-menu-trigger\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </DropdownMenuPrimitive.Trigger>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu-trigger.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { DropdownMenuRootProps } from \"@sprawlify/vue/dropdown-menu\";\n\nexport interface DropdownMenuProps  extends /* @vue-ignore */ DropdownMenuRootProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"@sprawlify/vue/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, positioning, ...rest } = defineProps<DropdownMenuProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(attrs.class as string));\n<\/script>\n\n<template>\n  <DropdownMenuPrimitive.Root\n    data-slot=\"dropdown-menu\"\n    :positioning=\"{ offset: { mainAxis: 4 }, ...positioning }\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </DropdownMenuPrimitive.Root>\n</template>\n",
+								type: "registry:ui",
+								path: "dropdown-menu/dropdown-menu.vue"
+							},
+							{
+								content: "export { default as DropdownMenu } from \"./dropdown-menu.vue\";\nexport { default as DropdownMenuPortal } from \"./dropdown-menu-portal.vue\";\nexport { default as DropdownMenuTrigger } from \"./dropdown-menu-trigger.vue\";\nexport { default as DropdownMenuContent } from \"./dropdown-menu-content.vue\";\nexport { default as DropdownMenuGroup } from \"./dropdown-menu-group.vue\";\nexport { default as DropdownMenuItem } from \"./dropdown-menu-item.vue\";\nexport { default as DropdownMenuCheckboxItem } from \"./dropdown-menu-checkbox-item.vue\";\nexport { default as DropdownMenuRadioGroup } from \"./dropdown-menu-radio-group.vue\";\nexport { default as DropdownMenuRadioItem } from \"./dropdown-menu-radio-item.vue\";\nexport { default as DropdownMenuLabel } from \"./dropdown-menu-label.vue\";\nexport { default as DropdownMenuSeparator } from \"./dropdown-menu-separator.vue\";\nexport { default as DropdownMenuShortcut } from \"./dropdown-menu-shortcut.vue\";\nexport { default as DropdownMenuSub } from \"./dropdown-menu-sub.vue\";\nexport { default as DropdownMenuSubTrigger } from \"./dropdown-menu-sub-trigger.vue\";\nexport { default as DropdownMenuSubContent } from \"./dropdown-menu-sub-content.vue\";\n",
+								type: "registry:ui",
+								path: "dropdown-menu/index.ts"
+							}
+						]
+					},
+					{
+						name: "empty",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils",
+							"class-variance-authority"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface EmptyContentProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<EmptyContentProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div data-slot=\"empty-content\" :class=\"className\" v-bind=\"rest\" :as-child=\"asChild\">\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "empty/empty-content.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface EmptyDescriptionProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<EmptyDescriptionProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.p data-slot=\"empty-description\" :class=\"className\" v-bind=\"rest\" :as-child=\"asChild\">\n    <slot />\n  </sprawlify.p>\n</template>\n",
+								type: "registry:ui",
+								path: "empty/empty-description.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface EmptyHeaderProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<EmptyHeaderProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\"gap-2 flex max-w-sm flex-col items-center\", attrs.class as string),\n);\n<\/script>\n\n<template>\n  <sprawlify.div data-slot=\"empty-header\" :class=\"className\" v-bind=\"rest\" :as-child=\"asChild\">\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "empty/empty-header.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const emptyMediaVariants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface EmptyMediaProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {\n  variant?: VariantProps<typeof emptyMediaVariants>[\"variant\"];\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { variant = \"default\", ...rest } = defineProps<EmptyMediaProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(emptyMediaVariants({ variant }), attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-slot=\"empty-icon\"\n    :data-variant=\"variant\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "empty/empty-media.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface EmptyTitleProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<EmptyTitleProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(\"text-sm font-medium tracking-tight\", attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div data-slot=\"empty-title\" :class=\"className\" v-bind=\"rest\" :as-child=\"asChild\">\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "empty/empty-title.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface EmptyProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<EmptyProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"empty\"\n    data-part=\"root\"\n    data-slot=\"empty\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "empty/empty.vue"
+							},
+							{
+								content: "export { default as Empty } from \"./empty.vue\";\nexport { default as EmptyHeader } from \"./empty-header.vue\";\nexport { default as EmptyMedia } from \"./empty-media.vue\";\nexport { default as EmptyTitle } from \"./empty-title.vue\";\nexport { default as EmptyDescription } from \"./empty-description.vue\";\nexport { default as EmptyContent } from \"./empty-content.vue\";\n",
+								type: "registry:ui",
+								path: "empty/index.ts"
+							}
+						]
+					},
+					{
+						name: "field",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils",
+							"@/components/ui/label",
+							"@/components/ui/separator",
+							"class-variance-authority"
+						],
+						files: [
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface FieldContentProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<FieldContentProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\"gap-0.5 group/field-content flex flex-1 flex-col leading-snug\", attrs.class as string),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"field\"\n    data-part=\"content\"\n    data-slot=\"field-content\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "field/field-content.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface FieldDescriptionProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<FieldDescriptionProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance\",\n    \"last:mt-0 nth-last-2:-mt-1\",\n    \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.p\n    data-scope=\"field\"\n    data-part=\"description\"\n    data-slot=\"field-description\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.p>\n</template>\n",
+								type: "registry:ui",
+								path: "field/field-description.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface FieldErrorProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {\n  errors?: Array<{ message?: string } | undefined>;\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { role = \"alert\", errors, ...rest } = defineProps<FieldErrorProps>();\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst className = computed(() => cn(\"text-destructive text-sm font-normal\", attrs.class as string));\n\nconst content = computed(() => {\n  if (slots.default) {\n    return \"slot\";\n  }\n\n  if (!errors?.length) {\n    return null;\n  }\n\n  const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];\n\n  if (uniqueErrors?.length === 1) {\n    return uniqueErrors[0]?.message;\n  }\n\n  return uniqueErrors.filter((error) => error?.message);\n});\n\nconst hasContent = computed(() => {\n  return slots.default || content.value;\n});\n<\/script>\n\n<template>\n  <sprawlify.div\n    v-if=\"hasContent\"\n    :role=\"role\"\n    data-scope=\"field\"\n    data-part=\"error\"\n    data-slot=\"field-error\"\n    :class=\"className\"\n    v-bind=\"rest\"\n  >\n    <slot v-if=\"slots.default\" />\n    <template v-else-if=\"typeof content === 'string'\">\n      {{ content }}\n    </template>\n    <ul v-else-if=\"Array.isArray(content)\" class=\"ml-4 flex list-disc flex-col gap-1\">\n      <li v-for=\"(error, index) in content\" :key=\"index\">\n        {{ error?.message }}\n      </li>\n    </ul>\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "field/field-error.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface FieldGroupProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<FieldGroupProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"field\"\n    data-part=\"group\"\n    data-slot=\"field-group\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "field/field-group.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface FieldLabelProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Label } from \"@/components/ui/label\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<FieldLabelProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug\",\n    \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <Label\n    data-scope=\"field\"\n    data-part=\"label\"\n    data-slot=\"field-label\"\n    v-bind=\"rest\"\n    :class=\"className\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </Label>\n</template>\n",
+								type: "registry:ui",
+								path: "field/field-label.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface FieldLegendProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {\n  variant?: \"legend\" | \"label\";\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, variant = \"legend\", ...rest } = defineProps<FieldLegendProps>();\n\nconst className = computed(() =>\n  cn(\n    \"mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n    rest.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.legend\n    data-scope=\"field\"\n    data-part=\"legend\"\n    data-slot=\"field-legend\"\n    :data-variant=\"variant\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.legend>\n</template>\n",
+								type: "registry:ui",
+								path: "field/field-legend.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface FieldSeparatorProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nconst { ...rest } = defineProps<FieldSeparatorProps>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst className = computed(() =>\n  cn(\n    \"-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative\",\n    attrs.class as string,\n  ),\n);\n\nconst hasContent = computed(() => !!slots.default);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"field\"\n    data-part=\"separator\"\n    data-slot=\"field-separator\"\n    :data-content=\"hasContent\"\n    :class=\"className\"\n    v-bind=\"rest\"\n  >\n    <Separator class=\"absolute inset-0 top-1/2\" />\n    <span\n      v-if=\"hasContent\"\n      class=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n      data-scope=\"field\"\n      data-part=\"separator-content\"\n      data-slot=\"field-separator-content\"\n    >\n      <slot />\n    </span>\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "field/field-separator.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface FieldSetProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<FieldSetProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.fieldset\n    data-scope=\"field\"\n    data-part=\"set\"\n    data-slot=\"field-set\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.fieldset>\n</template>\n",
+								type: "registry:ui",
+								path: "field/field-set.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface FieldTitleProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<FieldTitleProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"field\"\n    data-part=\"title\"\n    data-slot=\"field-title\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "field/field-title.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const fieldVariants = cva(\n  \"data-[invalid=true]:text-destructive gap-2 group/field flex w-full\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col *:w-full [&>.sr-only]:w-auto\",\n        horizontal:\n          \"flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        responsive:\n          \"flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  },\n);\n\nexport interface FieldProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {\n  orientation?: VariantProps<typeof fieldVariants>[\"orientation\"];\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, orientation = \"vertical\", role = \"group\", ...rest } = defineProps<FieldProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(fieldVariants({ orientation }), attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    :role=\"role\"\n    data-scope=\"field\"\n    data-part=\"root\"\n    data-slot=\"field\"\n    :data-orientation=\"orientation\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "field/field.vue"
+							},
+							{
+								content: "export { default as Field } from \"./field.vue\";\nexport { default as FieldSet } from \"./field-set.vue\";\nexport { default as FieldLegend } from \"./field-legend.vue\";\nexport { default as FieldGroup } from \"./field-group.vue\";\nexport { default as FieldContent } from \"./field-content.vue\";\nexport { default as FieldLabel } from \"./field-label.vue\";\nexport { default as FieldTitle } from \"./field-title.vue\";\nexport { default as FieldDescription } from \"./field-description.vue\";\nexport { default as FieldSeparator } from \"./field-separator.vue\";\nexport { default as FieldError } from \"./field-error.vue\";\n",
+								type: "registry:ui",
+								path: "field/index.ts"
+							}
+						]
+					},
+					{
+						name: "input",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils"
+						],
+						files: [{
+							content: "export { default as Input } from \"./input.vue\";\n",
+							type: "registry:ui",
+							path: "input/index.ts"
+						}, {
+							content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { InputHTMLAttributes } from \"vue\";\n\nexport interface InputProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    InputHTMLAttributes {\n  type?: string;\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, type, ...rest } = defineProps<InputProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.input\n    :type=\"type\"\n    data-scope=\"input\"\n    data-part=\"root\"\n    data-slot=\"input\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  />\n</template>\n",
+							type: "registry:ui",
+							path: "input/input.vue"
+						}]
+					},
+					{
+						name: "input-group",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"class-variance-authority",
+							"@/lib/utils",
+							"@/components/ui/button",
+							"@/components/ui/input",
+							"@/components/ui/textarea"
+						],
+						files: [
+							{
+								content: "export { default as InputGroup } from \"./input-group.vue\";\nexport { default as InputGroupAddon } from \"./input-group-addon.vue\";\nexport { default as InputGroupButton } from \"./input-group-button.vue\";\nexport { default as InputGroupText } from \"./input-group-text.vue\";\nexport { default as InputGroupInput } from \"./input-group-input.vue\";\nexport { default as InputGroupTextarea } from \"./input-group-textarea.vue\";\n",
+								type: "registry:ui",
+								path: "input-group/index.ts"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const inputGroupAddonVariants = cva(\n  \"text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none\",\n  {\n    variants: {\n      align: {\n        \"inline-start\": \"pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first\",\n        \"inline-end\": \"pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last\",\n        \"block-start\":\n          \"px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start\",\n        \"block-end\":\n          \"px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  },\n);\n\nexport interface InputGroupAddonProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {\n  align?: VariantProps<typeof inputGroupAddonVariants>[\"align\"];\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { align = \"inline-start\", role = \"group\", ...rest } = defineProps<InputGroupAddonProps>();\n\nconst className = computed(() => cn(inputGroupAddonVariants({ align }), rest.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    :role=\"role\"\n    data-scope=\"input-group\"\n    data-part=\"addon\"\n    data-slot=\"input-group-addon\"\n    :data-align=\"align\"\n    v-bind=\"{ ...rest, class: className }\"\n    :as-child=\"asChild\"\n    @click=\"\n      (e) => {\n        if ((e.target as HTMLElement).closest('button')) {\n          return;\n        }\n        (e.currentTarget as HTMLElement).parentElement?.querySelector('input')?.focus();\n      }\n    \"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "input-group/input-group-addon.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type { ButtonProps } from \"@/components/ui/button\";\n\nexport const inputGroupButtonVariants = cva(\"gap-2 text-sm shadow-none flex items-center\", {\n  variants: {\n    size: {\n      xs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n      sm: \"\",\n      \"icon-xs\": \"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0\",\n      \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n    },\n  },\n  defaultVariants: {\n    size: \"xs\",\n  },\n});\n\nexport interface InputGroupButtonProps extends Omit<ButtonProps, \"size\"> {\n  size?: VariantProps<typeof inputGroupButtonVariants>[\"size\"];\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nconst {\n  size = \"xs\",\n  type = \"button\",\n  variant = \"ghost\",\n  ...rest\n} = defineProps<InputGroupButtonProps>();\n\nconst className = computed(() => cn(inputGroupButtonVariants({ size }), rest.class as string));\n<\/script>\n\n<template>\n  <Button\n    data-scope=\"input-group\"\n    data-part=\"button\"\n    :type=\"type\"\n    :data-size=\"size\"\n    :variant=\"variant\"\n    v-bind=\"{ ...rest, class: className }\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </Button>\n</template>\n",
+								type: "registry:ui",
+								path: "input-group/input-group-button.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { InputHTMLAttributes } from \"vue\";\n\nexport interface InputGroupInputProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    InputHTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, type, ...rest } = defineProps<InputGroupInputProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <Input\n    data-scope=\"input-group\"\n    data-part=\"control\"\n    data-slot=\"input-group-control\"\n    :type=\"type\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  />\n</template>\n",
+								type: "registry:ui",
+								path: "input-group/input-group-input.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface InputGroupTextProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<InputGroupTextProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.span\n    data-scope=\"input-group\"\n    data-part=\"text\"\n    data-slot=\"input-group-text\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.span>\n</template>\n",
+								type: "registry:ui",
+								path: "input-group/input-group-text.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { TextareaHTMLAttributes } from \"vue\";\n\nexport interface InputGroupTextareaProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    TextareaHTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport { cn } from \"@/lib/utils\";\n\nconst props = defineProps<InputGroupTextareaProps>();\n\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <Textarea\n    data-scope=\"input-group\"\n    data-part=\"control\"\n    data-slot=\"input-group-control\"\n    v-bind=\"{ ...attrs, class: className }\"\n    :as-child=\"asChild\"\n  />\n</template>\n",
+								type: "registry:ui",
+								path: "input-group/input-group-textarea.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface InputGroupProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, role = \"group\", ...rest } = defineProps<InputGroupProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"input-group\"\n    data-part=\"root\"\n    data-slot=\"input-group\"\n    :role=\"role\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "input-group/input-group.vue"
+							}
+						]
+					},
+					{
+						name: "item",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils",
+							"class-variance-authority",
+							"@/components/ui/separator"
+						],
+						files: [
+							{
+								content: "export { default as Item } from \"./item.vue\";\nexport { default as ItemGroup } from \"./item-group.vue\";\nexport { default as ItemSeparator } from \"./item-separator.vue\";\nexport { default as ItemMedia } from \"./item-media.vue\";\nexport { default as ItemContent } from \"./item-content.vue\";\nexport { default as ItemTitle } from \"./item-title.vue\";\nexport { default as ItemDescription } from \"./item-description.vue\";\nexport { default as ItemActions } from \"./item-actions.vue\";\nexport { default as ItemHeader } from \"./item-header.vue\";\nexport { default as ItemFooter } from \"./item-footer.vue\";\n",
+								type: "registry:ui",
+								path: "item/index.ts"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface ItemActionsProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<ItemActionsProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(\"gap-2 flex items-center\", attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"item\"\n    data-part=\"actions\"\n    data-slot=\"item-actions\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "item/item-actions.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface ItemContentProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<ItemContentProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"item\"\n    data-part=\"content\"\n    data-slot=\"item-content\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "item/item-content.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface ItemDescriptionProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<ItemDescriptionProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.p\n    data-scope=\"item\"\n    data-part=\"description\"\n    data-slot=\"item-description\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.p>\n</template>\n",
+								type: "registry:ui",
+								path: "item/item-description.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface ItemFooterProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<ItemFooterProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\"gap-2 flex basis-full items-center justify-between\", attrs.class as string),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"item\"\n    data-part=\"footer\"\n    data-slot=\"item-footer\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "item/item-footer.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface ItemGroupProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, role = \"list\", ...rest } = defineProps<ItemGroupProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 group/item-group flex w-full flex-col\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    :role=\"role\"\n    data-scope=\"item\"\n    data-part=\"group\"\n    data-slot=\"item-group\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "item/item-group.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface ItemHeaderProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<ItemHeaderProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\"gap-2 flex basis-full items-center justify-between\", attrs.class as string),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"item\"\n    data-part=\"header\"\n    data-slot=\"item-header\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "item/item-header.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const itemMediaVariants = cva(\n  \"gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface ItemMediaProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {\n  variant?: VariantProps<typeof itemMediaVariants>[\"variant\"];\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, variant = \"default\", ...rest } = defineProps<ItemMediaProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(itemMediaVariants({ variant }), attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"item\"\n    data-part=\"media\"\n    data-slot=\"item-media\"\n    :data-variant=\"variant\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "item/item-media.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { SeparatorProps } from \"@/components/ui/separator\";\n\nexport interface ItemSeparatorProps extends SeparatorProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, orientation = \"horizontal\", ...rest } = defineProps<ItemSeparatorProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(\"my-2\", attrs.class as string));\n<\/script>\n\n<template>\n  <Separator\n    data-scope=\"item\"\n    data-part=\"separator\"\n    data-slot=\"item-separator\"\n    :orientation=\"orientation\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </Separator>\n</template>\n",
+								type: "registry:ui",
+								path: "item/item-separator.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface ItemTitleProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<ItemTitleProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"item\"\n    data-part=\"title\"\n    data-slot=\"item-title\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "item/item-title.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const itemVariants = cva(\n  \"[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"bg-muted/50 border-transparent\",\n      },\n      size: {\n        default: \"gap-2.5 px-3 py-2.5\",\n        sm: \"gap-2.5 px-3 py-2.5\",\n        xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ItemProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {\n  variant?: VariantProps<typeof itemVariants>[\"variant\"];\n  size?: VariantProps<typeof itemVariants>[\"size\"];\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, variant = \"default\", size = \"default\", ...rest } = defineProps<ItemProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(itemVariants({ variant, size }), attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.div\n    data-scope=\"item\"\n    data-part=\"root\"\n    data-slot=\"item\"\n    :data-variant=\"variant\"\n    :data-size=\"size\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.div>\n</template>\n",
+								type: "registry:ui",
+								path: "item/item.vue"
+							}
+						]
+					},
+					{
+						name: "kbd",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils"
+						],
+						files: [
+							{
+								content: "export { default as Kbd } from \"./kbd.vue\";\nexport { default as KbdGroup } from \"./kbd-group.vue\";\n",
+								type: "registry:ui",
+								path: "kbd/index.ts"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface KbdGroupProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<KbdGroupProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(\"gap-1 inline-flex items-center\", attrs.class as string));\n<\/script>\n\n<template>\n  <sprawlify.kbd\n    data-scope=\"kbd\"\n    data-part=\"group\"\n    data-slot=\"kbd-group\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.kbd>\n</template>\n",
+								type: "registry:ui",
+								path: "kbd/kbd-group.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface KbdProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<KbdProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.kbd\n    data-scope=\"kbd\"\n    data-part=\"root\"\n    data-slot=\"kbd\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.kbd>\n</template>\n",
+								type: "registry:ui",
+								path: "kbd/kbd.vue"
+							}
+						]
+					},
+					{
+						name: "label",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils"
+						],
+						files: [{
+							content: "export { default as Label } from \"./label.vue\";\n",
+							type: "registry:ui",
+							path: "label/index.ts"
+						}, {
+							content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { HTMLAttributes } from \"vue\";\n\nexport interface LabelProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    HTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { asChild, ...rest } = defineProps<LabelProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.label\n    data-scope=\"label\"\n    data-part=\"root\"\n    data-slot=\"label\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </sprawlify.label>\n</template>\n",
+							type: "registry:ui",
+							path: "label/label.vue"
+						}]
+					},
+					{
+						name: "native-select",
+						dependencies: [
+							"vue",
+							"@/lib/utils",
+							"lucide-vue-next"
+						],
+						files: [
+							{
+								content: "export { default as NativeSelect } from \"./native-select.vue\";\nexport { default as NativeSelectOption } from \"./native-select-option.vue\";\nexport { default as NativeSelectOptGroup } from \"./native-select-optgroup.vue\";\n",
+								type: "registry:ui",
+								path: "native-select/index.ts"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { OptgroupHTMLAttributes } from \"vue\";\n\nexport interface NativeSelectOptGroupProps  extends /* @vue-ignore */ OptgroupHTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { ...rest } = defineProps<NativeSelectOptGroupProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(attrs.class as string));\n<\/script>\n\n<template>\n  <optgroup\n    data-scope=\"native-select\"\n    data-part=\"optgroup\"\n    data-slot=\"native-select-optgroup\"\n    :class=\"className\"\n    v-bind=\"rest\"\n  >\n    <slot />\n  </optgroup>\n</template>\n",
+								type: "registry:ui",
+								path: "native-select/native-select-optgroup.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { OptionHTMLAttributes } from \"vue\";\n\nexport interface NativeSelectOptionProps  extends /* @vue-ignore */ OptionHTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { ...rest } = defineProps<NativeSelectOptionProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(attrs.class as string));\n<\/script>\n\n<template>\n  <option\n    data-scope=\"native-select\"\n    data-part=\"option\"\n    data-slot=\"native-select-option\"\n    :class=\"className\"\n    v-bind=\"rest\"\n  >\n    <slot />\n  </option>\n</template>\n",
+								type: "registry:ui",
+								path: "native-select/native-select-option.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { SelectHTMLAttributes } from \"vue\";\nimport { ChevronDownIcon } from \"lucide-vue-next\";\n\nexport interface NativeSelectProps  extends /* @vue-ignore */ Omit<SelectHTMLAttributes, \"size\"> {\n  size?: \"sm\" | \"default\";\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst { size = \"default\", ...rest } = defineProps<NativeSelectProps>();\nconst attrs = useAttrs();\n\nconst wrapperClassName = computed(() =>\n  cn(\"group/native-select relative w-fit has-[select:disabled]:opacity-50\", attrs.class as string),\n);\n\nconst selectClassName = computed(() =>\n  cn(\n    \"border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 outline-none disabled:pointer-events-none disabled:cursor-not-allowed\",\n  ),\n);\n<\/script>\n\n<template>\n  <div\n    :class=\"wrapperClassName\"\n    data-scope=\"native-select\"\n    data-part=\"root\"\n    data-slot=\"native-select-root\"\n    :data-size=\"size\"\n  >\n    <select data-slot=\"native-select\" :data-size=\"size\" :class=\"selectClassName\" v-bind=\"rest\">\n      <slot />\n    </select>\n    <ChevronDownIcon\n      class=\"text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2 pointer-events-none absolute select-none\"\n      aria-hidden=\"true\"\n      data-slot=\"native-select-icon\"\n    />\n  </div>\n</template>\n",
+								type: "registry:ui",
+								path: "native-select/native-select.vue"
+							}
+						]
+					},
+					{
+						name: "scroll-area",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils"
+						],
+						files: [
+							{
+								content: "export { default as ScrollArea } from \"./scroll-area.vue\";\nexport { default as ScrollBar } from \"./scroll-bar.vue\";\n",
+								type: "registry:ui",
+								path: "scroll-area/index.ts"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { ScrollAreaRootProps } from \"@sprawlify/vue/scroll-area\";\n\nexport interface ScrollAreaProps  extends /* @vue-ignore */ ScrollAreaRootProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { ScrollArea as ScrollAreaPrimitive } from \"@sprawlify/vue/scroll-area\";\nimport { cn } from \"@/lib/utils\";\nimport ScrollBar from \"./scroll-bar.vue\";\n\nconst { ...rest } = defineProps<ScrollAreaProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(\"relative\", attrs.class as string));\n<\/script>\n\n<template>\n  <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" :class=\"className\" v-bind=\"rest\">\n    <ScrollAreaPrimitive.Viewport\n      data-slot=\"scroll-area-viewport\"\n      class=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 scrollbar-none\"\n    >\n      <slot />\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n</template>\n",
+								type: "registry:ui",
+								path: "scroll-area/scroll-area.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { ScrollAreaScrollbarProps } from \"@sprawlify/vue/scroll-area\";\n\nexport interface ScrollBarProps  extends /* @vue-ignore */ ScrollAreaScrollbarProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { ScrollArea as ScrollAreaPrimitive } from \"@sprawlify/vue/scroll-area\";\nimport { cn } from \"@/lib/utils\";\n\nconst { orientation = \"vertical\", ...rest } = defineProps<ScrollBarProps>();\n\nconst className = cn(\n  \"data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent flex touch-none p-px transition-colors select-none\",\n  rest.class as string,\n);\n<\/script>\n\n<template>\n  <ScrollAreaPrimitive.Scrollbar\n    data-slot=\"scroll-area-scrollbar\"\n    :data-orientation=\"orientation || 'vertical'\"\n    :orientation=\"orientation\"\n    :class=\"className\"\n    v-bind=\"rest\"\n  >\n    <ScrollAreaPrimitive.Thumb\n      data-slot=\"scroll-area-thumb\"\n      class=\"rounded-full bg-border relative flex-1\"\n    />\n  </ScrollAreaPrimitive.Scrollbar>\n</template>\n",
+								type: "registry:ui",
+								path: "scroll-area/scroll-bar.vue"
+							}
+						]
+					},
+					{
+						name: "separator",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils"
+						],
+						files: [{
+							content: "export { default as Separator, type SeparatorProps } from \"./separator.vue\";\n",
+							type: "registry:ui",
+							path: "separator/index.ts"
+						}, {
+							content: "<script lang=\"ts\">\nimport type { SeparatorRootProps } from \"@sprawlify/vue/separator\";\n\nexport interface SeparatorProps  extends /* @vue-ignore */ SeparatorRootProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Separator as SeparatorPrimitive } from \"@sprawlify/vue/separator\";\nimport { cn } from \"@/lib/utils\";\n\nconst {\n  orientation = \"horizontal\",\n  decorative = true,\n  asChild,\n  ...rest\n} = defineProps<SeparatorProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <SeparatorPrimitive.Root\n    data-slot=\"separator\"\n    :decorative=\"decorative\"\n    :orientation=\"orientation\"\n    :class=\"className\"\n    v-bind=\"rest\"\n    :as-child=\"asChild\"\n  >\n    <slot />\n  </SeparatorPrimitive.Root>\n</template>\n",
+							type: "registry:ui",
+							path: "separator/separator.vue"
+						}]
+					},
+					{
+						name: "tabs",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils",
+							"class-variance-authority"
+						],
+						files: [
+							{
+								content: "export { default as Tabs } from \"./tabs.vue\";\nexport { default as TabsList } from \"./tabs-list.vue\";\nexport { default as TabsTrigger } from \"./tabs-trigger.vue\";\nexport { default as TabsContent } from \"./tabs-content.vue\";\n",
+								type: "registry:ui",
+								path: "tabs/index.ts"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { TabContentProps } from \"@sprawlify/vue/tabs\";\n\nexport interface TabsContentProps  extends /* @vue-ignore */ TabContentProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Tabs as TabsPrimitive } from \"@sprawlify/vue/tabs\";\nimport { cn } from \"@/lib/utils\";\n\nconst { value, ...rest } = defineProps<TabsContentProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(\"text-sm flex-1 outline-none\", attrs.class as string));\n<\/script>\n\n<template>\n  <TabsPrimitive.Content data-slot=\"tabs-content\" :class=\"className\" :value=\"value\" v-bind=\"rest\">\n    <slot />\n  </TabsPrimitive.Content>\n</template>\n",
+								type: "registry:ui",
+								path: "tabs/tabs-content.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { TabListProps } from \"@sprawlify/vue/tabs\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const tabsListVariants = cva(\n  \"rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface TabsListProps  extends /* @vue-ignore */ TabListProps {\n  variant?: VariantProps<typeof tabsListVariants>[\"variant\"];\n}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Tabs as TabsPrimitive } from \"@sprawlify/vue/tabs\";\nimport { cn } from \"@/lib/utils\";\n\nconst { variant = \"default\", ...rest } = defineProps<TabsListProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() => cn(tabsListVariants({ variant }), attrs.class as string));\n<\/script>\n\n<template>\n  <TabsPrimitive.List\n    data-slot=\"tabs-list\"\n    :data-variant=\"variant\"\n    :class=\"className\"\n    v-bind=\"rest\"\n  >\n    <slot />\n  </TabsPrimitive.List>\n</template>\n",
+								type: "registry:ui",
+								path: "tabs/tabs-list.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { TabTriggerProps } from \"@sprawlify/vue/tabs\";\n\nexport interface TabsTriggerProps  extends /* @vue-ignore */ TabTriggerProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Tabs as TabsPrimitive } from \"@sprawlify/vue/tabs\";\nimport { cn } from \"@/lib/utils\";\n\nconst { value, ...rest } = defineProps<TabsTriggerProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium group-data-[variant=default]/tabs-list:data-selected:shadow-sm group-data-[variant=line]/tabs-list:data-selected:shadow-none [&_svg:not([class*=size-])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-selected:bg-transparent dark:group-data-[variant=line]/tabs-list:data-selected:border-transparent dark:group-data-[variant=line]/tabs-list:data-selected:bg-transparent\",\n    \"data-selected:bg-background dark:data-selected:text-foreground dark:data-selected:border-input dark:data-selected:bg-input/30 data-selected:text-foreground\",\n    \"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-selected:after:opacity-100\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <TabsPrimitive.Trigger data-slot=\"tabs-trigger\" :value=\"value\" :class=\"className\" v-bind=\"rest\">\n    <slot />\n  </TabsPrimitive.Trigger>\n</template>\n",
+								type: "registry:ui",
+								path: "tabs/tabs-trigger.vue"
+							},
+							{
+								content: "<script lang=\"ts\">\nimport type { TabsRootProps } from \"@sprawlify/vue/tabs\";\n\nexport interface TabsProps  extends /* @vue-ignore */ TabsRootProps {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { Tabs as TabsPrimitive } from \"@sprawlify/vue/tabs\";\nimport { cn } from \"@/lib/utils\";\n\nconst { orientation = \"horizontal\", ...rest } = defineProps<TabsProps>();\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\"gap-2 group/tabs flex data-[orientation=horizontal]:flex-col\", attrs.class as string),\n);\n<\/script>\n\n<template>\n  <TabsPrimitive.Root data-slot=\"tabs\" :class=\"className\" v-bind=\"rest\">\n    <slot />\n  </TabsPrimitive.Root>\n</template>\n",
+								type: "registry:ui",
+								path: "tabs/tabs.vue"
+							}
+						]
+					},
+					{
+						name: "textarea",
+						dependencies: [
+							"@sprawlify/vue",
+							"vue",
+							"@/lib/utils"
+						],
+						files: [{
+							content: "export { default as Textarea } from \"./textarea.vue\";\n",
+							type: "registry:ui",
+							path: "textarea/index.ts"
+						}, {
+							content: "<script lang=\"ts\">\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\nimport type { TextareaHTMLAttributes } from \"vue\";\n\nexport interface TextareaProps\n  extends\n    PolymorphicProps,\n    /* @vue-ignore */\n    TextareaHTMLAttributes {}\n<\/script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from \"vue\";\nimport { sprawlify } from \"@sprawlify/vue\";\nimport { cn } from \"@/lib/utils\";\n\nconst props = defineProps<TextareaProps>();\n\nconst attrs = useAttrs();\n\nconst className = computed(() =>\n  cn(\n    \"border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n    attrs.class as string,\n  ),\n);\n<\/script>\n\n<template>\n  <sprawlify.textarea\n    data-scope=\"textarea\"\n    data-part=\"root\"\n    data-slot=\"textarea\"\n    v-bind=\"{ ...attrs, class: className }\"\n    :as-child=\"asChild\"\n  />\n</template>\n",
+							type: "registry:ui",
+							path: "textarea/textarea.vue"
+						}]
+					},
+					{
+						name: "utils",
+						dependencies: ["clsx", "tailwind-merge"],
+						files: [{
+							content: "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n",
+							type: "registry:utils",
+							path: "utils.ts"
+						}]
+					}
+				]
 			}
 		}
 	}