fulldev-ui 0.7.0-beta.9 → 0.7.0

package/public/r/table.json

@@ -0,0 +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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "type": "registry:ui"
+    }
+  ]
+}

package/public/r/tabs.json

@@ -0,0 +1,32 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "tabs",
+  "type": "registry:ui",
+  "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "type": "registry:ui"
+    }
+  ]
+}

package/public/r/textarea.json

@@ -0,0 +1,17 @@
+{
+  "$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",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/textarea/index.ts",
+      "content": "export { default as Textarea } from \"./textarea.astro\"\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/public/r/theme-toggle.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "theme-toggle",
+  "type": "registry:ui",
+  "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",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/theme-toggle/index.ts",
+      "content": "export { default as ThemeToggle } from \"./theme-toggle.astro\"\nexport { default as ThemeProvider } from \"./theme-provider.astro\"\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/public/r/tile.json

@@ -0,0 +1,52 @@
+{
+  "$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",
+      "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",
+      "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",
+      "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",
+      "type": "registry:ui"
+    }
+  ]
+}

package/public/r/video.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "video",
+  "type": "registry:ui",
+  "files": [
+    {
+      "path": "src/components/ui/video/video.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends Omit<HTMLAttributes<\"div\">, \"src\"> {\n  src?: string\n}\n\nconst { class: className, src, ...props } = Astro.props\n---\n\n{\n  src?.includes(\"youtube.com/watch\") && (\n    <iframe\n      src={\n        src.replace(\"youtube.com/watch?v=\", \"youtube.com/embed/\").split(\"&\")[0]\n      }\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n      allowfullscreen\n      class={cn(\"aspect-video h-auto w-full\", className)}\n      {...props}\n    />\n  )\n}\n\n{\n  src?.includes(\"youtube.com/shorts\") && (\n    <iframe\n      src={\n        src.replace(\"youtube.com/shorts/\", \"youtube.com/embed/\").split(\"&\")[0]\n      }\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n      allowfullscreen\n      class={cn(\"aspect-9/16 h-auto w-full\", className)}\n      {...props}\n    />\n  )\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/video/index.ts",
+      "content": "export { default as Video } from \"./video.astro\"\n",
+      "type": "registry:ui"
+    }
+  ]
+}