fulldev-ui 0.7.0 → 0.9.0

package/public/r/skeleton.json

@@ -1,11 +1,10 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "skeleton",
-  "type": "registry:ui",
   "files": [
     {
       "path": "src/components/ui/skeleton/skeleton.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className } = Astro.props\n---\n\n<div class={cn(\"bg-accent animate-pulse rounded-md\", className)}></div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"skeleton\"\n  class={cn(\"bg-muted animate-pulse rounded-md\", className)}\n  {...props}\n>\n</div>\n",
       "type": "registry:ui"
     },
     {
@@ -13,5 +12,6 @@
       "content": "export { default as Skeleton } from \"./skeleton.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }

package/public/r/slider.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "slider",
+  "dependencies": [
+    "@data-slot/slider"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/slider/slider.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype SliderValue = number | [number, number] | string\ntype ThumbAlignment = \"center\" | \"edge\" | \"edge-client-only\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultValue?: SliderValue\n  min?: number\n  max?: number\n  step?: number\n  largeStep?: number\n  orientation?: \"horizontal\" | \"vertical\"\n  thumbAlignment?: ThumbAlignment\n  disabled?: boolean\n}\n\nconst {\n  class: className,\n  defaultValue,\n  min,\n  max,\n  step,\n  largeStep,\n  orientation = \"horizontal\",\n  thumbAlignment = \"edge\",\n  disabled,\n  ...props\n} = Astro.props\n\nconst serializedDefaultValue = Array.isArray(defaultValue)\n  ? defaultValue.join(\",\")\n  : defaultValue\nconst thumbCount = Array.isArray(defaultValue) ? defaultValue.length : 1\n---\n\n<div\n  data-slot=\"slider\"\n  data-default-value={serializedDefaultValue}\n  data-min={min}\n  data-max={max}\n  data-step={step}\n  data-large-step={largeStep}\n  data-orientation={orientation}\n  data-thumb-alignment={thumbAlignment}\n  data-disabled={disabled}\n  class={cn(\n    \"relative flex touch-none items-center select-none data-disabled:opacity-50 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\",\n    className\n  )}\n  {...props}\n>\n  <div\n    data-slot=\"slider-control\"\n    class=\"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\"\n  >\n    <div\n      data-slot=\"slider-track\"\n      class=\"bg-muted relative grow overflow-hidden rounded-full select-none data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5\"\n    >\n      <div\n        data-slot=\"slider-range\"\n        class=\"bg-primary rounded-full select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n      >\n      </div>\n    </div>\n    {\n      Array.from({ length: thumbCount }).map(() => (\n        <div\n          data-slot=\"slider-thumb\"\n          class=\"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] select-none hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50\"\n        />\n      ))\n    }\n  </div>\n</div>\n\n<script>\n  import { create } from \"@data-slot/slider\"\n\n  create()\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/slider/index.ts",
+      "content": "export { default as Slider } from \"./slider.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/spinner.json

@@ -1,11 +1,13 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "spinner",
-  "type": "registry:ui",
+  "registryDependencies": [
+    "@fulldev/icon"
+  ],
   "files": [
     {
       "path": "src/components/ui/spinner/spinner.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport Loader2Icon from \"lucide-static/icons/loader-2.svg\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"svg\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<Loader2Icon\n  class={cn(\"size-4 animate-spin\", className)}\n  name=\"loader-2\"\n  role=\"status\"\n  aria-label=\"Loading\"\n  {...props}\n/>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"svg\"> & {\n  color?: string\n  size?: number | string\n  \"stroke-width\"?: number | string\n  absoluteStrokeWidth?: boolean\n  title?: string\n}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<Icon\n  {...props}\n  role=\"status\"\n  aria-label=\"Loading\"\n  name=\"loader-circle\"\n  class={cn(\"size-4 animate-spin\", className)}\n/>\n",
       "type": "registry:ui"
     },
     {
@@ -13,5 +15,6 @@
       "content": "export { default as Spinner } from \"./spinner.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }

package/public/r/switch.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "switch",
+  "dependencies": [
+    "@data-slot/switch"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/switch/switch.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\"> & {\n  defaultChecked?: boolean\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n  name?: string\n  size?: \"default\" | \"sm\"\n  value?: string\n  uncheckedValue?: string\n}\n\nconst {\n  class: className,\n  defaultChecked,\n  disabled,\n  readOnly,\n  required,\n  name,\n  size = \"default\",\n  value,\n  uncheckedValue,\n  ...props\n} = Astro.props\n\nconst initialChecked = defaultChecked === true\nconst switchStyle =\n  \"peer group/switch focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 relative inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-readonly:cursor-default\"\nconst switchSizeStyle = {\n  sm: \"h-[14px] w-[24px]\",\n  default: \"h-[18.4px] w-[32px]\",\n}\n---\n\n<span\n  role=\"switch\"\n  aria-checked={initialChecked ? \"true\" : \"false\"}\n  aria-disabled={disabled ? \"true\" : undefined}\n  aria-readonly={readOnly ? \"true\" : undefined}\n  aria-required={required ? \"true\" : undefined}\n  data-slot=\"switch\"\n  data-size={size}\n  data-checked={initialChecked ? \"\" : undefined}\n  data-unchecked={initialChecked ? undefined : \"\"}\n  data-default-checked={defaultChecked}\n  data-disabled={disabled}\n  data-read-only={readOnly}\n  data-readonly={readOnly}\n  data-required={required}\n  data-name={name}\n  data-value={value}\n  data-unchecked-value={uncheckedValue}\n  class={cn(switchStyle, switchSizeStyle[size], className)}\n  {...props}\n>\n  <span\n    aria-hidden=\"true\"\n    data-slot=\"switch-thumb\"\n    class=\"bg-background dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0\"\n  ></span>\n</span>\n\n<script>\n  import { create } from \"@data-slot/switch\"\n\n  create()\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/switch/index.ts",
+      "content": "export { default as Switch } from \"./switch.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/table.json

@@ -1,52 +1,52 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "table",
-  "type": "registry:ui",
   "files": [
     {
       "path": "src/components/ui/table/table.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"table\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div data-slot=\"table-container\" class=\"relative w-full overflow-x-auto\">\n  <table\n    data-slot=\"table\"\n    class={cn(\"w-full caption-bottom text-sm\", className)}\n    {...props}\n  >\n    <slot />\n  </table>\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"table\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div data-slot=\"table-container\" class=\"relative w-full overflow-x-auto\">\n  <table\n    data-slot=\"table\"\n    class={cn(\"w-full caption-bottom text-sm\", className)}\n    {...props}\n  >\n    <slot />\n  </table>\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/table/table-body.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"tbody\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<tbody\n  data-slot=\"table-body\"\n  class={cn(\"[&_tr:last-child]:border-0\", className)}\n  {...props}\n>\n  <slot />\n</tbody>\n\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"tbody\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<tbody\n  data-slot=\"table-body\"\n  class={cn(\"[&_tr:last-child]:border-0\", className)}\n  {...props}\n>\n  <slot />\n</tbody>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/table/table-caption.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"caption\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<caption\n  data-slot=\"table-caption\"\n  class={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n  {...props}\n>\n  <slot />\n</caption>\n\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"caption\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<caption\n  data-slot=\"table-caption\"\n  class={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n  {...props}\n>\n  <slot />\n</caption>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/table/table-cell.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"td\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<td\n  data-slot=\"table-cell\"\n  class={cn(\n    \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</td>\n\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"td\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<td\n  data-slot=\"table-cell\"\n  class={cn(\n    \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</td>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/table/table-footer.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"tfoot\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<tfoot\n  data-slot=\"table-footer\"\n  class={cn(\n    \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</tfoot>\n\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"tfoot\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<tfoot\n  data-slot=\"table-footer\"\n  class={cn(\n    \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</tfoot>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/table/table-head.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"th\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<th\n  data-slot=\"table-head\"\n  class={cn(\n    \"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</th>\n\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"th\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<th\n  data-slot=\"table-head\"\n  class={cn(\n    \"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</th>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/table/table-header.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"thead\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<thead\n  data-slot=\"table-header\"\n  class={cn(\"[&_tr]:border-b\", className)}\n  {...props}\n>\n  <slot />\n</thead>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"thead\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<thead\n  data-slot=\"table-header\"\n  class={cn(\"[&_tr]:border-b\", className)}\n  {...props}\n>\n  <slot />\n</thead>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/table/table-row.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"tr\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<tr\n  data-slot=\"table-row\"\n  class={cn(\n    \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</tr>\n\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"tr\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<tr\n  data-slot=\"table-row\"\n  class={cn(\n    \"hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</tr>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/table/index.ts",
-      "content": "export { default as Table } from \"./table.astro\"\nexport { default as TableHeader } from \"./table-header.astro\"\nexport { default as TableBody } from \"./table-body.astro\"\nexport { default as TableFooter } from \"./table-footer.astro\"\nexport { default as TableRow } from \"./table-row.astro\"\nexport { default as TableHead } from \"./table-head.astro\"\nexport { default as TableCell } from \"./table-cell.astro\"\nexport { default as TableCaption } from \"./table-caption.astro\"\n\n",
+      "content": "export { default as Table } from \"./table.astro\"\nexport { default as TableHeader } from \"./table-header.astro\"\nexport { default as TableBody } from \"./table-body.astro\"\nexport { default as TableFooter } from \"./table-footer.astro\"\nexport { default as TableRow } from \"./table-row.astro\"\nexport { default as TableHead } from \"./table-head.astro\"\nexport { default as TableCell } from \"./table-cell.astro\"\nexport { default as TableCaption } from \"./table-caption.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }

package/public/r/tabs.json

@@ -1,32 +1,40 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "tabs",
-  "type": "registry:ui",
+  "dependencies": [
+    "@data-slot/tabs"
+  ],
   "files": [
     {
       "path": "src/components/ui/tabs/tabs.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {\n  defaultValue?: string\n}\n\nconst { class: className, defaultValue, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"tabs\"\n      data-default-value={defaultValue}\n      class={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n\n<script>\n  function initTabs() {\n    const tabsElements = document.querySelectorAll('[data-slot=\"tabs\"]')\n\n    tabsElements.forEach((tabs) => {\n      const defaultValue = tabs.getAttribute(\"data-default-value\")\n      const triggers = tabs.querySelectorAll('[data-slot=\"tabs-trigger\"]')\n      const contents = tabs.querySelectorAll('[data-slot=\"tabs-content\"]')\n\n      // Set initial state\n      if (defaultValue) {\n        contents.forEach((content) => {\n          const value = content.getAttribute(\"data-value\")\n          if (value === defaultValue) {\n            content.removeAttribute(\"hidden\")\n            content.setAttribute(\"data-state\", \"active\")\n          } else {\n            content.setAttribute(\"hidden\", \"\")\n            content.setAttribute(\"data-state\", \"inactive\")\n          }\n        })\n\n        triggers.forEach((trigger) => {\n          const value = trigger.getAttribute(\"data-value\")\n          if (value === defaultValue) {\n            trigger.setAttribute(\"data-state\", \"active\")\n            trigger.setAttribute(\"aria-selected\", \"true\")\n          } else {\n            trigger.setAttribute(\"data-state\", \"inactive\")\n            trigger.setAttribute(\"aria-selected\", \"false\")\n          }\n        })\n      }\n\n      // Handle click events\n      triggers.forEach((trigger) => {\n        trigger.addEventListener(\"click\", () => {\n          const value = trigger.getAttribute(\"data-value\")\n\n          // Update all triggers\n          triggers.forEach((t) => {\n            const tValue = t.getAttribute(\"data-value\")\n            if (tValue === value) {\n              t.setAttribute(\"data-state\", \"active\")\n              t.setAttribute(\"aria-selected\", \"true\")\n            } else {\n              t.setAttribute(\"data-state\", \"inactive\")\n              t.setAttribute(\"aria-selected\", \"false\")\n            }\n          })\n\n          // Update all contents\n          contents.forEach((content) => {\n            const cValue = content.getAttribute(\"data-value\")\n            if (cValue === value) {\n              content.removeAttribute(\"hidden\")\n              content.setAttribute(\"data-state\", \"active\")\n            } else {\n              content.setAttribute(\"hidden\", \"\")\n              content.setAttribute(\"data-state\", \"inactive\")\n            }\n          })\n        })\n      })\n    })\n  }\n\n  // Initialize on page load\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initTabs)\n  } else {\n    initTabs()\n  }\n\n  // Re-initialize after page navigation (for view transitions)\n  document.addEventListener(\"astro:page-load\", initTabs)\n</script>\n\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultValue?: string\n  orientation?: \"horizontal\" | \"vertical\"\n  activationMode?: \"auto\" | \"manual\"\n}\n\nconst {\n  class: className,\n  defaultValue,\n  orientation = \"horizontal\",\n  activationMode,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"tabs\"\n  data-default-value={defaultValue}\n  data-orientation={orientation}\n  data-activation-mode={activationMode}\n  data-horizontal={orientation === \"horizontal\" ? \"\" : undefined}\n  data-vertical={orientation === \"vertical\" ? \"\" : undefined}\n  class={cn(\"group/tabs flex gap-2 data-horizontal:flex-col\", className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/tabs\"\n\n  create()\n</script>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/tabs/tabs-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {\n  value: string\n}\n\nconst { class: className, value, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      role=\"tabpanel\"\n      data-slot=\"tabs-content\"\n      data-value={value}\n      data-state=\"inactive\"\n      hidden\n      class={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  value?: string\n}\n\nconst { class: className, value, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"tabs-content\"\n  data-value={value}\n  class={cn(\"flex-1 text-sm outline-none\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/tabs/tabs-list.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"tabs-list\"\n      role=\"tablist\"\n      class={cn(\n        \"bg-muted text-muted-foreground flex h-auto w-auto flex-row items-center justify-center rounded-lg p-[3px]\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport { tabsListVariants } from \"./tabs-list-variants\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  variant?: \"default\" | \"line\"\n}\n\nconst { class: className, variant = \"default\", ...props } = Astro.props\n---\n\n<div\n  data-slot=\"tabs-list\"\n  data-variant={variant}\n  class={cn(tabsListVariants({ variant }), className)}\n  {...props}\n>\n  {\n    variant === \"line\" && (\n      <div\n        data-slot=\"tabs-indicator\"\n        class=\"bg-border/60 pointer-events-none absolute rounded-full transition-[left,top,width,height] duration-200 group-data-horizontal/tabs-list:bottom-0 group-data-horizontal/tabs-list:left-(--active-tab-left,0px) group-data-horizontal/tabs-list:h-0.5 group-data-horizontal/tabs-list:w-(--active-tab-width,0px) group-data-vertical/tabs-list:top-(--active-tab-top,0px) group-data-vertical/tabs-list:left-0 group-data-vertical/tabs-list:h-(--active-tab-height,0px) group-data-vertical/tabs-list:w-0.5\"\n      />\n    )\n  }\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/tabs/tabs-list-variants.ts",
+      "content": "import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const tabsListVariants = cva(\n  \"group/tabs-list text-muted-foreground relative inline-flex w-fit items-center justify-center rounded-lg p-[3px] group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\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 type TabsListVariantProps = VariantProps<typeof tabsListVariants>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/tabs/tabs-trigger.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends Omit<HTMLAttributes<\"button\">, \"class\"> {\n  class?: string\n  value: string\n  disabled?: boolean\n}\n\nconst { class: className, value, disabled = false, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      data-slot=\"tabs-trigger\"\n      data-value={value}\n      data-state=\"inactive\"\n      aria-selected=\"false\"\n      disabled={disabled}\n      class={cn(\n        \"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </button>\n  )\n}\n\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"button\"> & {\n  value?: string\n}\n\nconst { class: className, value, ...props } = Astro.props\n---\n\n<button\n  data-slot=\"tabs-trigger\"\n  data-value={value}\n  class={cn(\n    \"text-foreground/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent\",\n    \"data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground\",\n    \"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</button>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/tabs/index.ts",
-      "content": "export { default as Tabs } from \"./tabs.astro\"\nexport { default as TabsList } from \"./tabs-list.astro\"\nexport { default as TabsTrigger } from \"./tabs-trigger.astro\"\nexport { default as TabsContent } from \"./tabs-content.astro\"\n\n",
+      "content": "export { default as Tabs } from \"./tabs.astro\"\nexport { default as TabsList } from \"./tabs-list.astro\"\nexport { default as TabsTrigger } from \"./tabs-trigger.astro\"\nexport { default as TabsContent } from \"./tabs-content.astro\"\nexport {\n  tabsListVariants,\n  type TabsListVariantProps,\n} from \"./tabs-list-variants\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }

package/public/r/textarea.json

@@ -1,11 +1,10 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "textarea",
-  "type": "registry:ui",
   "files": [
     {
       "path": "src/components/ui/textarea/textarea.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"textarea\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<textarea\n  data-slot=\"textarea\"\n  class={cn(\n    \"border-input placeholder:text-muted-foreground 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:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n    className\n  )}\n  {...props}></textarea>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"textarea\">\n\nconst {\n  class: className,\n  \"data-slot\": dataSlot = \"textarea\",\n  ...props\n} = Astro.props\n---\n\n<textarea\n  data-slot={dataSlot}\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 placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm\",\n    className\n  )}\n  {...props}\n>\n</textarea>\n",
       "type": "registry:ui"
     },
     {
@@ -13,5 +12,6 @@
       "content": "export { default as Textarea } from \"./textarea.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }

package/public/r/theme-toggle.json

@@ -1,12 +1,19 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "theme-toggle",
-  "type": "registry:ui",
-  "registryDependencies": ["@fulldev/button", "@fulldev/icon"],
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/icon"
+  ],
   "files": [
     {
       "path": "src/components/ui/theme-toggle/theme-toggle.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\n\ninterface Props {\n  class?: string\n}\n\nconst { class: className } = Astro.props\n---\n\n<Button\n  data-slot=\"theme-toggle\"\n  variant=\"ghost\"\n  size=\"icon-sm\"\n  aria-label=\"Toggle theme\"\n  class={cn(\"relative\", className)}\n>\n  <Icon name=\"sun\" class=\"dark:hidden [&:is([data-theme=dark]_&)]:hidden\" />\n  <Icon\n    name=\"moon\"\n    class=\"hidden dark:block [&:is([data-theme=dark]_&)]:block\"\n  />\n</Button>\n\n<style>\n  :global(html.no-transitions *) {\n    @apply !transition-none !duration-0;\n  }\n</style>\n\n<script is:inline>\n  if (!window.__themeHandlersInitialized) {\n    window.__themeHandlersInitialized = true\n    document\n      .querySelectorAll(\"[data-slot='theme-toggle']\")\n      .forEach((toggle) => {\n        toggle.addEventListener(\"click\", () => {\n          const element = document.documentElement\n          element.classList.add(\"no-transitions\")\n          element.classList.toggle(\"dark\")\n\n          const isDark = element.classList.contains(\"dark\")\n          const newTheme = isDark ? \"dark\" : \"light\"\n          localStorage.setItem(\"theme\", newTheme)\n          element.setAttribute(\"data-theme\", newTheme)\n\n          requestAnimationFrame(() => {\n            element.classList.remove(\"no-transitions\")\n          })\n        })\n      })\n  }\n</script>\n",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = ComponentProps<typeof Button>\n\nconst {\n  class: className,\n  variant = \"ghost\",\n  size = \"icon-sm\",\n  ...props\n} = Astro.props\n---\n\n<Button\n  data-theme-toggle\n  aria-label=\"Toggle theme\"\n  variant={variant}\n  size={size}\n  class={cn(\"relative\", className)}\n  {...props}\n>\n  <Icon name=\"sun\" class=\"dark:hidden\" />\n  <Icon name=\"moon\" class=\"hidden dark:block\" />\n  <span class=\"sr-only\">Toggle theme</span>\n</Button>\n\n<script is:inline>\n  if (!window.__themeToggleHandlersInitialized) {\n    window.__themeToggleHandlersInitialized = true\n\n    const syncThemeToggles = () => {\n      const isDark = document.documentElement.classList.contains(\"dark\")\n\n      document.querySelectorAll(\"[data-theme-toggle]\").forEach((toggle) => {\n        if (!(toggle instanceof HTMLButtonElement)) return\n\n        toggle.setAttribute(\"aria-pressed\", isDark ? \"true\" : \"false\")\n        toggle.setAttribute(\"data-state\", isDark ? \"on\" : \"off\")\n\n        if (isDark) {\n          toggle.setAttribute(\"data-pressed\", \"\")\n        } else {\n          toggle.removeAttribute(\"data-pressed\")\n        }\n      })\n    }\n\n    syncThemeToggles()\n\n    const observer = new MutationObserver(syncThemeToggles)\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    })\n\n    document.addEventListener(\"click\", (event) => {\n      const target = event.target\n\n      if (!(target instanceof Element)) return\n\n      const toggle = target.closest(\"[data-theme-toggle]\")\n\n      if (!(toggle instanceof HTMLButtonElement)) return\n      if (toggle.disabled) return\n\n      const isDark = document.documentElement.classList.contains(\"dark\")\n      const nextTheme = isDark ? \"light\" : \"dark\"\n\n      if (typeof window.__setTheme === \"function\") {\n        window.__setTheme(nextTheme)\n        return\n      }\n\n      document.documentElement.classList[\n        nextTheme === \"dark\" ? \"add\" : \"remove\"\n      ](\"dark\")\n    })\n  }\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/theme-toggle/theme-provider.astro",
+      "content": "<script is:inline>\n  const getThemePreference = () => {\n    if (typeof localStorage !== \"undefined\" && localStorage.getItem(\"theme\")) {\n      return localStorage.getItem(\"theme\")\n    }\n\n    return window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      ? \"dark\"\n      : \"light\"\n  }\n\n  const disableTransitionsTemporarily = () => {\n    const style = document.createElement(\"style\")\n\n    style.appendChild(\n      document.createTextNode(\n        \"*, *::before, *::after { transition: none !important; }\"\n      )\n    )\n\n    document.head.appendChild(style)\n\n    return () => {\n      void document.documentElement.offsetHeight\n\n      requestAnimationFrame(() => {\n        style.remove()\n      })\n    }\n  }\n\n  const applyTheme = (theme, disableTransitions = false) => {\n    const restoreTransitions = disableTransitions\n      ? disableTransitionsTemporarily()\n      : null\n\n    document.documentElement.classList[theme === \"dark\" ? \"add\" : \"remove\"](\n      \"dark\"\n    )\n\n    restoreTransitions?.()\n  }\n\n  window.__setTheme = (theme) => {\n    applyTheme(theme, true)\n  }\n\n  applyTheme(getThemePreference())\n\n  if (typeof localStorage !== \"undefined\") {\n    const observer = new MutationObserver(() => {\n      const isDark = document.documentElement.classList.contains(\"dark\")\n      localStorage.setItem(\"theme\", isDark ? \"dark\" : \"light\")\n    })\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    })\n  }\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -14,5 +21,6 @@
       "content": "export { default as ThemeToggle } from \"./theme-toggle.astro\"\nexport { default as ThemeProvider } from \"./theme-provider.astro\"\n",
       "type": "registry:ui"
     }
-  ]
-}
+  ],
+  "type": "registry:ui"
+}

package/public/r/tile.json

@@ -1,52 +1,27 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "tile",
-  "type": "registry:ui",
   "files": [
     {
       "path": "src/components/ui/tile/tile.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"a\">\n\nconst variants = cva(\n  \"group/tile focus-visible:border-ring focus-visible:ring-ring/50 [a]:hover:ring-accent/50 relative flex flex-col items-start gap-6 outline-none focus-visible:ring-[3px] [a]:transition-all\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"[a]:hover:ring-accent/50 [a]:hover:bg-accent/50 rounded-sm bg-transparent [a]:hover:ring-12\",\n        floating:\n          \"bg-card text-card-foreground [a]:hover:bg-accent/50 overflow-hidden rounded-sm border p-6 shadow-sm duration-100\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst { class: className, variant, href, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n\nconst Comp = href ? \"a\" : \"div\"\n---\n\n{\n  slot?.trim().length > 0 && (\n    <Comp\n      data-slot=\"tile\"\n      data-variant={variant}\n      class={cn(variants({ variant }), className)}\n      href={href}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </Comp>\n  )\n}\n\n<style is:global>\n  [data-slot=\"tile\"] {\n    --tile-padding: 0px;\n  }\n\n  [data-slot=\"tile\"][data-variant=\"floating\"] {\n    --tile-padding: 24px;\n  }\n</style>\n",
-      "type": "registry:ui"
-    },
-    {
-      "path": "src/components/ui/tile/tile-actions.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div class={cn(\"flex flex-wrap gap-2\", className)} {...props}>\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"a\">\n\nconst variants = cva(\n  \"group/tile focus-visible:border-ring focus-visible:ring-ring/50 flex min-w-0 flex-col overflow-hidden rounded-xl transition-colors outline-none group-data-[variant=masonry]/tile-group:mb-4 group-data-[variant=masonry]/tile-group:break-inside-avoid focus-visible:ring-3\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"text-foreground data-[link]:hover:bg-muted/40 border border-transparent\",\n        inset:\n          \"text-foreground data-[link]:hover:bg-muted/40 -mx-5 border border-transparent\",\n        outline:\n          \"border-border bg-background text-foreground data-[link]:hover:bg-muted/40 border\",\n        muted:\n          \"bg-muted/50 text-foreground data-[link]:hover:bg-muted/70 border-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst { class: className, variant = \"default\", href, ...props } = Astro.props\n\nconst Comp = href ? \"a\" : \"div\"\n---\n\n<Comp\n  data-slot=\"tile\"\n  data-variant={variant}\n  data-link={href ? \"\" : undefined}\n  class={cn(variants({ variant }), className)}\n  href={href}\n  {...props}\n>\n  <slot />\n</Comp>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/tile/tile-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div class={cn(\"relative z-10 flex flex-col gap-3\", className)} {...props}>\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
-      "type": "registry:ui"
-    },
-    {
-      "path": "src/components/ui/tile/tile-description.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"p\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <p class={cn(\"text-muted-foreground text-sm\", className)} {...props}>\n      <Fragment set:html={slot} />\n    </p>\n  )\n}\n",
-      "type": "registry:ui"
-    },
-    {
-      "path": "src/components/ui/tile/tile-media.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst variants = cva(\n  [\n    \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=tile-description]]/tile:translate-y-0.5 group-has-[[data-slot=tile-description]]/tile:self-start [&_svg]:pointer-events-none\",\n    \"transition-opacity duration-100 [&:is(a:hover>&)]:opacity-75\",\n    \"relative overflow-hidden rounded-md\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"rounded-md *:size-full *:object-cover\",\n        icon: \"bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\ninterface Props extends HTMLAttributes<\"div\">, VariantProps<typeof variants> {}\n\nconst { class: className, variant, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"tile-media\"\n      data-variant={variant}\n      class={cn(variants({ variant }), className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
-      "type": "registry:ui"
-    },
-    {
-      "path": "src/components/ui/tile/tile-split.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      class={cn(\"grid size-full grid-cols-[2fr_3fr] gap-6 *:w-full\", className)}\n      data-slot=\"tile-split\"\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
-      "type": "registry:ui"
-    },
-    {
-      "path": "src/components/ui/tile/tile-spread.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      class={cn(\n        \"flex w-full flex-row items-start justify-between gap-4 @max-xs:flex-col\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"tile-content\"\n  class={cn(\"flex min-w-0 flex-1 flex-col gap-3 p-5\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
-      "path": "src/components/ui/tile/tile-title.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"h3\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <h3 class={cn(\"leading-none font-semibold\", className)} {...props}>\n      <Fragment set:html={slot} />\n    </h3>\n  )\n}\n",
+      "path": "src/components/ui/tile/tile-group.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & VariantProps<typeof variants>\n\nconst variants = cva(\"group/tile-group w-full gap-4\", {\n  variants: {\n    variant: {\n      default: \"grid\",\n      masonry: \"columns-1\",\n    },\n    size: {\n      sm: \"\",\n      default: \"\",\n      lg: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"default\",\n      size: \"sm\",\n      class: \"grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(240px,1fr))]\",\n    },\n    {\n      variant: \"default\",\n      size: \"default\",\n      class: \"grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(300px,1fr))]\",\n    },\n    {\n      variant: \"default\",\n      size: \"lg\",\n      class: \"grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(400px,1fr))]\",\n    },\n    {\n      variant: \"masonry\",\n      size: \"sm\",\n      class: \"sm:[column-count:5] sm:[column-width:240px]\",\n    },\n    {\n      variant: \"masonry\",\n      size: \"default\",\n      class: \"sm:[column-count:4] sm:[column-width:300px]\",\n    },\n    {\n      variant: \"masonry\",\n      size: \"lg\",\n      class: \"sm:[column-count:3] sm:[column-width:400px]\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n})\n\nconst {\n  class: className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n} = Astro.props\n---\n\n<div\n  role=\"list\"\n  data-slot=\"tile-group\"\n  data-variant={variant}\n  data-size={size}\n  class={cn(variants({ variant, size }), className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/tile/index.ts",
-      "content": "export { default as Tile } from \"./tile.astro\"\nexport { default as TileActions } from \"./tile-actions.astro\"\nexport { default as TileContent } from \"./tile-content.astro\"\nexport { default as TileDescription } from \"./tile-description.astro\"\nexport { default as TileMedia } from \"./tile-media.astro\"\nexport { default as TileSplit } from \"./tile-split.astro\"\nexport { default as TileSpread } from \"./tile-spread.astro\"\nexport { default as TileTitle } from \"./tile-title.astro\"\n",
+      "content": "export { default as Tile } from \"./tile.astro\"\nexport { default as TileContent } from \"./tile-content.astro\"\nexport { default as TileGroup } from \"./tile-group.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }

package/public/r/toc.json

@@ -0,0 +1,37 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "toc",
+  "files": [
+    {
+      "path": "src/components/ui/toc/toc.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"nav\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<nav data-slot=\"toc\" class={cn(\"flex flex-col gap-3\", className)} {...props}>\n  <slot />\n</nav>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toc/toc-title.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"p\"> &\n  HTMLAttributes<\"h2\"> &\n  HTMLAttributes<\"div\"> & {\n    as?: \"p\" | \"h2\" | \"div\"\n  }\n\nconst { as: Tag = \"p\", class: className, ...props } = Astro.props\n---\n\n<Tag\n  data-slot=\"toc-title\"\n  class={cn(\"text-sm font-medium tracking-tight\", className)}\n  {...props}\n>\n  <slot />\n</Tag>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toc/toc-menu.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"ul\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<ul\n  data-slot=\"toc-menu\"\n  class={cn(\"flex flex-col gap-1\", className)}\n  {...props}\n>\n  <slot />\n</ul>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toc/toc-menu-item.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"li\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<li data-slot=\"toc-menu-item\" class={cn(\"relative\", className)} {...props}>\n  <slot />\n</li>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toc/toc-menu-link.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"a\"> & {\n  depth?: number\n  isActive?: boolean\n  active?: boolean\n}\n\nconst {\n  class: className,\n  depth = 2,\n  isActive,\n  active = false,\n  ...props\n} = Astro.props\n\nconst resolvedActive = isActive ?? active\n---\n\n<a\n  data-slot=\"toc-menu-link\"\n  data-depth={depth}\n  data-active={resolvedActive ? \"true\" : undefined}\n  aria-current={resolvedActive ? \"location\" : undefined}\n  class={cn(\n    \"text-muted-foreground hover:text-foreground data-[active=true]:text-foreground block text-sm leading-6 transition-colors\",\n    depth === 3 && \"pl-4\",\n    depth >= 4 && \"pl-8\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</a>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toc/index.ts",
+      "content": "export { default as Toc } from \"./toc.astro\"\nexport { default as TocMenu } from \"./toc-menu.astro\"\nexport { default as TocMenuItem } from \"./toc-menu-item.astro\"\nexport { default as TocMenuLink } from \"./toc-menu-link.astro\"\nexport { default as TocTitle } from \"./toc-title.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/toggle.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "toggle",
+  "dependencies": [
+    "@data-slot/toggle"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/toggle/toggle.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport { toggleVariants, type ToggleVariantProps } from \"./toggle-variants\"\n\ntype Props = HTMLAttributes<\"button\"> &\n  ToggleVariantProps & {\n    defaultPressed?: boolean\n    disabled?: boolean\n  }\n\nconst {\n  class: className,\n  variant = \"default\",\n  size = \"default\",\n  defaultPressed,\n  disabled,\n  type = \"button\",\n  ...props\n} = Astro.props\n---\n\n<button\n  data-slot=\"toggle\"\n  data-default-pressed={defaultPressed}\n  data-disabled={disabled}\n  type={type}\n  class={cn(toggleVariants({ variant, size }), className)}\n  {...props}\n>\n  <slot />\n</button>\n\n<script>\n  import { create } from \"@data-slot/toggle\"\n\n  create()\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toggle/toggle-variants.ts",
+      "content": "import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const toggleVariants = cva(\n  \"group/toggle hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted dark:aria-invalid:ring-destructive/40 inline-flex items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border-input hover:bg-muted border bg-transparent shadow-xs\",\n      },\n      size: {\n        default:\n          \"h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        sm: \"h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n        lg: \"h-10 min-w-10 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport type ToggleVariantProps = VariantProps<typeof toggleVariants>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toggle/index.ts",
+      "content": "export { default as Toggle } from \"./toggle.astro\"\nexport { toggleVariants } from \"./toggle-variants\"\nexport type { ToggleVariantProps } from \"./toggle-variants\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/tooltip.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "tooltip",
+  "dependencies": [
+    "@data-slot/tooltip"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/tooltip/tooltip.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { TooltipAlign, TooltipSide } from \"@data-slot/tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  delay?: number\n  skipDelayDuration?: number\n  side?: TooltipSide\n  align?: TooltipAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  portal?: boolean\n}\n\nconst {\n  class: className,\n  delay = 300,\n  skipDelayDuration = 300,\n  side = \"top\",\n  align = \"center\",\n  sideOffset = 4,\n  alignOffset = 0,\n  avoidCollisions = true,\n  collisionPadding = 8,\n  portal = true,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"tooltip\"\n  data-delay={delay}\n  data-skip-delay-duration={skipDelayDuration}\n  data-side={side}\n  data-align={align}\n  data-side-offset={sideOffset}\n  data-align-offset={alignOffset}\n  data-avoid-collisions={avoidCollisions}\n  data-collision-padding={collisionPadding}\n  data-portal={portal}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/tooltip\"\n\n  create()\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/tooltip/tooltip-trigger.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"a\"> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"span\"> & {\n    as?: \"a\" | \"button\" | \"div\" | \"span\"\n    href?: string\n  }\n\nconst { as: explicitTag, class: className, type, ...props } = Astro.props\n\nconst Tag = explicitTag || (\"href\" in Astro.props ? \"a\" : \"button\")\n---\n\n<Tag\n  data-slot=\"tooltip-trigger\"\n  type={Tag === \"button\" ? type || \"button\" : undefined}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</Tag>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/tooltip/tooltip-content.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { TooltipAlign, TooltipSide } from \"@data-slot/tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: TooltipSide\n  align?: TooltipAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n}\n\nconst {\n  class: className,\n  hidden = true,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"tooltip-portal\">\n  <div\n    data-slot=\"tooltip-positioner\"\n    data-side={side}\n    data-align={align}\n    data-side-offset={sideOffset}\n    data-align-offset={alignOffset}\n    data-avoid-collisions={avoidCollisions}\n    data-collision-padding={collisionPadding}\n    class=\"z-50\"\n  >\n    <div\n      data-slot=\"tooltip-content\"\n      data-side={side}\n      data-align={align}\n      data-side-offset={sideOffset}\n      data-align-offset={alignOffset}\n      data-avoid-collisions={avoidCollisions}\n      data-collision-padding={collisionPadding}\n      hidden={hidden}\n      class={cn(\n        \"bg-foreground text-background data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 data-[instant]:animate-none data-[instant]:transition-none **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm\",\n        className\n      )}\n      {...props}\n    >\n      <slot />\n      <div\n        data-slot=\"tooltip-arrow\"\n        aria-hidden=\"true\"\n        class=\"bg-foreground fill-foreground z-50 size-2.5 rotate-45 rounded-[2px] data-[side=bottom]:-top-1 data-[side=inline-end]:-left-1 data-[side=inline-end]:translate-x-[1.5px] data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-x-[1.5px] data-[side=left]:-right-1 data-[side=left]:-translate-x-[1.5px] data-[side=right]:-left-1 data-[side=right]:translate-x-[1.5px] data-[side=top]:-bottom-1\"\n      >\n      </div>\n    </div>\n  </div>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/tooltip/index.ts",
+      "content": "export { default as Tooltip } from \"./tooltip.astro\"\nexport { default as TooltipContent } from \"./tooltip-content.astro\"\nexport { default as TooltipTrigger } from \"./tooltip-trigger.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}