fulldev-ui 0.10.0 → 0.11.0

package/public/r/sheet.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "sheet",
+  "title": "Sheet",
+  "description": "A sliding panel component that appears from the edge of the screen.",
   "dependencies": [
     "@data-slot/dialog",
     "@lucide/astro"
@@ -12,17 +14,17 @@
   "files": [
     {
       "path": "src/components/ui/sheet/sheet.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  closeOnClickOutside?: boolean\n  closeOnEscape?: boolean\n  lockScroll?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  closeOnClickOutside,\n  closeOnEscape,\n  lockScroll,\n  ...props\n} = Astro.props\n\nconst manageScrollLock = lockScroll !== false\n---\n\n<div\n  data-slot=\"dialog\"\n  data-sheet-lock-scroll={manageScrollLock ? \"\" : undefined}\n  class={className}\n  data-default-open={defaultOpen}\n  data-close-on-click-outside={closeOnClickOutside}\n  data-close-on-escape={closeOnEscape}\n  data-lock-scroll=\"false\"\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/dialog\"\n\n  create()\n\n  declare global {\n    interface Window {\n      __fulldevSheetScrollLock?: {\n        roots: Set<HTMLElement>\n        savedHtmlOverflow: string\n        savedHtmlScrollbarGutter: string\n        savedBodyPaddingRight: string\n      }\n      __fulldevSheetScrollLockBound?: boolean\n    }\n  }\n\n  const state =\n    window.__fulldevSheetScrollLock ??\n    (window.__fulldevSheetScrollLock = {\n      roots: new Set<HTMLElement>(),\n      savedHtmlOverflow: \"\",\n      savedHtmlScrollbarGutter: \"\",\n      savedBodyPaddingRight: \"\",\n    })\n\n  const applyScrollLock = () => {\n    const html = document.documentElement\n    const body = document.body\n\n    if (state.roots.size === 0) {\n      html.style.overflow = state.savedHtmlOverflow\n      html.style.scrollbarGutter = state.savedHtmlScrollbarGutter\n      body.style.paddingRight = state.savedBodyPaddingRight\n      return\n    }\n\n    if (state.roots.size === 1) {\n      state.savedHtmlOverflow = html.style.overflow\n      state.savedHtmlScrollbarGutter = html.style.scrollbarGutter\n      state.savedBodyPaddingRight = body.style.paddingRight\n    }\n\n    const scrollbarWidth = window.innerWidth - html.clientWidth\n    const bodyPaddingRight = Number.parseFloat(\n      window.getComputedStyle(body).paddingRight || \"0\"\n    )\n\n    html.style.overflow = \"hidden\"\n    html.style.scrollbarGutter = \"auto\"\n    body.style.paddingRight = `${bodyPaddingRight + Math.max(scrollbarWidth, 0)}px`\n  }\n\n  const syncRoot = (root: HTMLElement, open: boolean) => {\n    const hasRoot = state.roots.has(root)\n    if (open === hasRoot) return\n\n    if (open) state.roots.add(root)\n    else state.roots.delete(root)\n\n    applyScrollLock()\n  }\n\n  if (!window.__fulldevSheetScrollLockBound) {\n    window.__fulldevSheetScrollLockBound = true\n\n    document.addEventListener(\"dialog:change\", (event) => {\n      const target = event.target\n\n      if (\n        !(target instanceof HTMLElement) ||\n        target.dataset.slot !== \"dialog\" ||\n        target.dataset.sheetLockScroll === undefined\n      ) {\n        return\n      }\n\n      const detail = (event as CustomEvent<{ open?: boolean }>).detail\n      syncRoot(target, Boolean(detail?.open))\n    })\n  }\n\n  document\n    .querySelectorAll<HTMLElement>(\n      '[data-slot=\"dialog\"][data-sheet-lock-scroll]'\n    )\n    .forEach((root) => {\n      syncRoot(root, root.hasAttribute(\"data-open\"))\n    })\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  closeOnClickOutside?: boolean\n  closeOnEscape?: boolean\n  lockScroll?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  closeOnClickOutside,\n  closeOnEscape,\n  lockScroll,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"dialog\"\n  class={className}\n  data-default-open={defaultOpen}\n  data-close-on-click-outside={closeOnClickOutside}\n  data-close-on-escape={closeOnEscape}\n  data-lock-scroll={lockScroll}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/dialog\"\n\n  create()\n  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sheet/sheet-close.astro",
-      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { Button } from \"@/components/ui/button\"\n\ntype Props = ComponentProps<typeof Button>\n\nconst { ...props } = Astro.props\n---\n\n<Button data-slot=\"dialog-close\" {...props}>\n  <slot />\n</Button>\n",
+      "content": "---\nimport type { HTMLTag, Polymorphic } from \"astro/types\"\n\nimport { Button } from \"@/components/ui/button\"\nimport type { ButtonVariantProps } from \"@/components/ui/button/button-variants\"\n\ntype Props<Tag extends HTMLTag = \"button\"> = Polymorphic<{ as: Tag }> &\n  ButtonVariantProps\n\nconst { ...props } = Astro.props\n---\n\n<Button data-slot=\"dialog-close\" {...props}>\n  <slot />\n</Button>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sheet/sheet-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport XIcon from \"@lucide/astro/icons/x\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport DialogPortal from \"@/components/ui/dialog/dialog-portal.astro\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n}\n\nconst {\n  class: className,\n  side = \"right\",\n  showCloseButton = true,\n  style,\n  ...props\n} = Astro.props\n---\n\n<DialogPortal>\n  <div\n    data-slot=\"dialog-overlay\"\n    hidden\n    class=\"fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs\"\n    style=\"z-index: calc(var(--dialog-overlay-stack-index, 0) + 100);\"\n  >\n  </div>\n  <div\n    data-slot=\"dialog-content\"\n    data-side={side}\n    hidden\n    class={cn(\n      \"bg-popover text-popover-foreground fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out outline-none data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n      className\n    )}\n    style={`z-index: calc(var(--dialog-content-stack-index, 0) + 101);${style ? ` ${style}` : \"\"}`}\n    {...props}\n  >\n    <slot />\n    {\n      showCloseButton && (\n        <Button\n          type=\"button\"\n          data-slot=\"dialog-close\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          class=\"absolute top-4 right-4\"\n        >\n          <XIcon />\n          <span class=\"sr-only\">Close</span>\n        </Button>\n      )\n    }\n  </div>\n</DialogPortal>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport XIcon from \"@lucide/astro/icons/x\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport DialogPortal from \"@/components/ui/dialog/dialog-portal.astro\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n}\n\nconst {\n  class: className,\n  side = \"right\",\n  showCloseButton = true,\n  style,\n  ...props\n} = Astro.props\n---\n\n<DialogPortal>\n  <div\n    data-slot=\"dialog-overlay\"\n    hidden\n    class=\"fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs\"\n    style=\"z-index: calc(var(--dialog-overlay-stack-index, 0) * 2 + 100);\"\n  >\n  </div>\n  <div\n    data-slot=\"dialog-content\"\n    data-side={side}\n    hidden\n    class={cn(\n      \"bg-popover text-popover-foreground fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out outline-none data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n      className\n    )}\n    style={`z-index: calc(var(--dialog-content-stack-index, 0) * 2 + 101);${style ? ` ${style}` : \"\"}`}\n    {...props}\n  >\n    <slot />\n    {\n      showCloseButton && (\n        <Button\n          type=\"button\"\n          data-slot=\"dialog-close\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          class=\"absolute top-4 right-4\"\n        >\n          <XIcon />\n          <span class=\"sr-only\">Close</span>\n        </Button>\n      )\n    }\n  </div>\n</DialogPortal>\n",
       "type": "registry:ui"
     },
     {
@@ -56,5 +58,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/sheet/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/sidebar-1.json

@@ -1,6 +1,7 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "sidebar-1",
+  "title": "Sidebar 1",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -26,5 +27,9 @@
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/",
+  "categories": [
+    "sidebar"
+  ],
   "type": "registry:block"
 }

package/public/r/sidebar.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "sidebar",
+  "title": "Sidebar",
+  "description": "A composable, themeable, and customizable Astro sidebar component.",
   "dependencies": [
     "@data-slot/tooltip",
     "@lucide/astro"
@@ -17,12 +19,12 @@
   "files": [
     {
       "path": "src/components/ui/sidebar/sidebar-provider.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst SIDEBAR_WIDTH = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\"\nconst SIDEBAR_WIDTH_ICON = \"3rem\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  open?: boolean\n}\n\nconst {\n  class: className,\n  style,\n  defaultOpen = true,\n  open,\n  ...props\n} = Astro.props\n\nconst resolvedStyle = [\n  `--sidebar-width: ${SIDEBAR_WIDTH}`,\n  `--sidebar-width-mobile: ${SIDEBAR_WIDTH_MOBILE}`,\n  `--sidebar-width-icon: ${SIDEBAR_WIDTH_ICON}`,\n  typeof style === \"string\" ? style : undefined,\n]\n  .filter(Boolean)\n  .join(\"; \")\n---\n\n<div\n  data-slot=\"sidebar-wrapper\"\n  data-default-open={defaultOpen ? \"true\" : \"false\"}\n  data-open={open === undefined ? undefined : open ? \"true\" : \"false\"}\n  style={resolvedStyle}\n  class={cn(\n    \"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n  <script is:inline>\n    ;(() => {\n      window.__fulldevSyncSidebarProvider ??= (provider, open) => {\n        const state = open ? \"expanded\" : \"collapsed\"\n        const sidebar = provider.querySelector(\n          \"[data-slot='sidebar']:not([data-mobile='true'])\"\n        )\n        const collapsible = sidebar?.dataset.sidebarCollapsible ?? \"offcanvas\"\n\n        provider.dataset.open = open ? \"true\" : \"false\"\n        provider.dataset.state = state\n\n        if (sidebar) {\n          sidebar.dataset.state = collapsible === \"none\" ? \"expanded\" : state\n          sidebar.dataset.collapsible =\n            collapsible === \"none\" ? \"none\" : open ? \"\" : collapsible\n        }\n\n        provider\n          .querySelectorAll(\"[data-sidebar='trigger'], [data-sidebar='rail']\")\n          .forEach((control) => {\n            control.setAttribute(\"aria-expanded\", String(open))\n          })\n\n        provider\n          .querySelectorAll(\"[data-sidebar='menu-tooltip']\")\n          .forEach((tooltip) => {\n            tooltip.hidden = state !== \"collapsed\"\n          })\n      }\n\n      const provider = document.currentScript?.closest(\n        \"[data-slot='sidebar-wrapper']\"\n      )\n      if (!(provider instanceof HTMLElement)) return\n\n      const controlledOpen = provider.dataset.open\n      const cookieValue = document.cookie\n        .split(\"; \")\n        .find((entry) => entry.startsWith(\"sidebar_state=\"))\n        ?.slice(\"sidebar_state=\".length)\n\n      const isOpen =\n        controlledOpen === \"true\" || controlledOpen === \"false\"\n          ? controlledOpen === \"true\"\n          : cookieValue === \"true\" || cookieValue === \"false\"\n            ? cookieValue === \"true\"\n            : provider.dataset.defaultOpen !== \"false\"\n\n      provider.dataset.openMobile = \"false\"\n      window.__fulldevSyncSidebarProvider(provider, isOpen)\n    })()\n  </script>\n</div>\n\n<script is:inline>\n  ;(() => {\n    const scrollTop = Number(sessionStorage.getItem(\"sidebar_scroll\") || 0)\n\n    document.querySelectorAll(\"[data-sidebar='content']\").forEach((content) => {\n      content.scrollTop = scrollTop\n    })\n  })()\n</script>\n\n<script is:inline>\n  ;(() => {\n    if (window.__fulldevSidebarInitialized) return\n    window.__fulldevSidebarInitialized = true\n\n    const SIDEBAR_COOKIE_NAME = \"sidebar_state\"\n    const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\n\n    const toggleSidebar = (provider) => {\n      if (!window.matchMedia(\"(min-width: 768px)\").matches) {\n        const openMobile = provider.dataset.openMobile !== \"true\"\n        provider.dataset.openMobile = openMobile ? \"true\" : \"false\"\n        provider\n          .querySelector(\"[data-sidebar='sheet']\")\n          ?.dispatchEvent(\n            new CustomEvent(\"dialog:set\", { detail: { open: openMobile } })\n          )\n        return\n      }\n\n      const open = provider.dataset.open === \"false\"\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${open}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      window.__fulldevSyncSidebarProvider?.(provider, open)\n    }\n\n    document.addEventListener(\"click\", (event) => {\n      const control = event.target?.closest?.(\n        \"[data-sidebar='trigger'], [data-sidebar='rail']\"\n      )\n      if (!control || control.matches(\":disabled, [aria-disabled='true']\")) {\n        return\n      }\n\n      const provider = control.closest(\"[data-slot='sidebar-wrapper']\")\n      if (!provider) return\n\n      toggleSidebar(provider)\n    })\n\n    document.addEventListener(\"keydown\", (event) => {\n      if (event.key.toLowerCase() !== \"b\") return\n      if (!(event.metaKey || event.ctrlKey) || event.shiftKey || event.altKey) {\n        return\n      }\n      if (event.defaultPrevented) return\n\n      const target = event.target\n      const isTyping =\n        target instanceof HTMLElement &&\n        (target.isContentEditable ||\n          target.matches(\"input, textarea, select, [role='textbox']\"))\n      if (isTyping) return\n\n      const provider = document.querySelector(\"[data-slot='sidebar-wrapper']\")\n      if (!(provider instanceof HTMLElement)) return\n\n      event.preventDefault()\n      toggleSidebar(provider)\n    })\n\n    document.addEventListener(\n      \"scroll\",\n      (event) => {\n        if (event.target?.dataset?.sidebar === \"content\") {\n          sessionStorage.setItem(\"sidebar_scroll\", event.target.scrollTop)\n        }\n      },\n      true\n    )\n  })()\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst SIDEBAR_WIDTH = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\"\nconst SIDEBAR_WIDTH_ICON = \"3rem\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  open?: boolean\n}\n\nconst {\n  class: className,\n  style,\n  defaultOpen = true,\n  open,\n  ...props\n} = Astro.props\n\nconst resolvedStyle = [\n  `--sidebar-width: ${SIDEBAR_WIDTH}`,\n  `--sidebar-width-mobile: ${SIDEBAR_WIDTH_MOBILE}`,\n  `--sidebar-width-icon: ${SIDEBAR_WIDTH_ICON}`,\n  typeof style === \"string\" ? style : undefined,\n]\n  .filter(Boolean)\n  .join(\"; \")\n---\n\n<div\n  data-slot=\"sidebar-wrapper\"\n  data-default-open={defaultOpen ? \"true\" : \"false\"}\n  data-open={open === undefined ? undefined : open ? \"true\" : \"false\"}\n  style={resolvedStyle}\n  class={cn(\n    \"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n  <script is:inline>\n    ;(() => {\n      window.__fulldevSyncSidebarProvider ??= (provider, open) => {\n        const state = open ? \"expanded\" : \"collapsed\"\n        const sidebar = provider.querySelector(\n          \"[data-slot='sidebar']:not([data-mobile='true'])\"\n        )\n        const collapsible = sidebar?.dataset.sidebarCollapsible ?? \"offcanvas\"\n\n        provider.dataset.open = open ? \"true\" : \"false\"\n        provider.dataset.state = state\n\n        if (sidebar) {\n          sidebar.dataset.state = collapsible === \"none\" ? \"expanded\" : state\n          sidebar.dataset.collapsible =\n            collapsible === \"none\" ? \"none\" : open ? \"\" : collapsible\n        }\n\n        provider\n          .querySelectorAll(\"[data-sidebar='trigger'], [data-sidebar='rail']\")\n          .forEach((control) => {\n            control.setAttribute(\"aria-expanded\", String(open))\n          })\n\n        provider\n          .querySelectorAll(\"[data-slot='tooltip']\")\n          .forEach((tooltip) => {\n            if (\n              state !== \"collapsed\" &&\n              tooltip.querySelector(\"[data-sidebar='menu-button']\")\n            ) {\n              tooltip.dispatchEvent(\n                new CustomEvent(\"tooltip:set\", { detail: { open: false } })\n              )\n            }\n          })\n      }\n\n      const provider = document.currentScript?.closest(\n        \"[data-slot='sidebar-wrapper']\"\n      )\n      if (!(provider instanceof HTMLElement)) return\n\n      const controlledOpen = provider.dataset.open\n      const cookieValue = document.cookie\n        .split(\"; \")\n        .find((entry) => entry.startsWith(\"sidebar_state=\"))\n        ?.slice(\"sidebar_state=\".length)\n\n      const isOpen =\n        controlledOpen === \"true\" || controlledOpen === \"false\"\n          ? controlledOpen === \"true\"\n          : cookieValue === \"true\" || cookieValue === \"false\"\n            ? cookieValue === \"true\"\n            : provider.dataset.defaultOpen !== \"false\"\n\n      provider.dataset.openMobile = \"false\"\n      window.__fulldevSyncSidebarProvider(provider, isOpen)\n    })()\n  </script>\n</div>\n\n<script is:inline>\n  ;(() => {\n    const scrollTop = Number(sessionStorage.getItem(\"sidebar_scroll\") || 0)\n\n    document.querySelectorAll(\"[data-sidebar='content']\").forEach((content) => {\n      content.scrollTop = scrollTop\n    })\n  })()\n</script>\n\n<script is:inline>\n  ;(() => {\n    if (window.__fulldevSidebarInitialized) return\n    window.__fulldevSidebarInitialized = true\n\n    const SIDEBAR_COOKIE_NAME = \"sidebar_state\"\n    const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\n\n    const toggleSidebar = (provider) => {\n      if (!window.matchMedia(\"(min-width: 768px)\").matches) {\n        const openMobile = provider.dataset.openMobile !== \"true\"\n        provider.dataset.openMobile = openMobile ? \"true\" : \"false\"\n        provider\n          .querySelector(\"[data-sidebar='sheet']\")\n          ?.dispatchEvent(\n            new CustomEvent(\"dialog:set\", { detail: { open: openMobile } })\n          )\n        return\n      }\n\n      const open = provider.dataset.open === \"false\"\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${open}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      window.__fulldevSyncSidebarProvider?.(provider, open)\n    }\n\n    document.addEventListener(\"dialog:change\", (event) => {\n      const root = event.target\n      if (!(root instanceof HTMLElement) || root.dataset.sidebar !== \"sheet\")\n        return\n      const provider = root.closest(\"[data-slot='sidebar-wrapper']\")\n      if (provider)\n        provider.dataset.openMobile = String(Boolean(event.detail?.open))\n    })\n\n    document.addEventListener(\"tooltip:change\", (event) => {\n      if (!event.detail?.open) return\n      const root = event.target\n      if (!(root instanceof HTMLElement)) return\n      if (!root.querySelector(\"[data-sidebar='menu-button']\")) return\n      const provider = root.closest(\"[data-slot='sidebar-wrapper']\")\n      const sidebar = root.closest(\"[data-slot='sidebar']\")\n      if (\n        provider?.dataset.state !== \"collapsed\" ||\n        sidebar?.dataset.collapsible !== \"icon\" ||\n        !window.matchMedia(\"(min-width: 768px)\").matches\n      ) {\n        root.dispatchEvent(\n          new CustomEvent(\"tooltip:set\", { detail: { open: false } })\n        )\n      }\n    })\n\n    document.addEventListener(\"click\", (event) => {\n      const control = event.target?.closest?.(\n        \"[data-sidebar='trigger'], [data-sidebar='rail']\"\n      )\n      if (!control || control.matches(\":disabled, [aria-disabled='true']\")) {\n        return\n      }\n\n      const provider = control.closest(\"[data-slot='sidebar-wrapper']\")\n      if (!provider) return\n\n      toggleSidebar(provider)\n    })\n\n    document.addEventListener(\"keydown\", (event) => {\n      if (event.key.toLowerCase() !== \"b\") return\n      if (!(event.metaKey || event.ctrlKey) || event.shiftKey || event.altKey) {\n        return\n      }\n      if (event.defaultPrevented) return\n\n      const target = event.target\n      const isTyping =\n        target instanceof HTMLElement &&\n        (target.isContentEditable ||\n          target.matches(\"input, textarea, select, [role='textbox']\"))\n      if (isTyping) return\n\n      const provider = document.querySelector(\"[data-slot='sidebar-wrapper']\")\n      if (!(provider instanceof HTMLElement)) return\n\n      event.preventDefault()\n      toggleSidebar(provider)\n    })\n\n    document.addEventListener(\n      \"scroll\",\n      (event) => {\n        if (event.target?.dataset?.sidebar === \"content\") {\n          sessionStorage.setItem(\"sidebar_scroll\", event.target.scrollTop)\n        }\n      },\n      true\n    )\n  })()\n</script>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sidebar/sidebar.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/ui/sheet\"\n\ntype Props = Omit<HTMLAttributes<\"div\">, \"dir\"> & {\n  side?: \"left\" | \"right\"\n  variant?: \"sidebar\" | \"floating\" | \"inset\"\n  collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n  state?: \"expanded\" | \"collapsed\"\n}\n\nconst {\n  class: className,\n  side = \"left\",\n  variant = \"sidebar\",\n  collapsible = \"offcanvas\",\n  state = \"expanded\",\n  ...props\n} = Astro.props\n\nconst desktopState = collapsible === \"none\" ? \"expanded\" : state\nconst desktopCollapsible = desktopState === \"collapsed\" ? collapsible : \"\"\n---\n\n{\n  collapsible === \"none\" ? (\n    <div\n      data-slot=\"sidebar\"\n      data-state=\"expanded\"\n      data-collapsible=\"none\"\n      data-variant={variant}\n      data-side={side}\n      data-sidebar-collapsible=\"none\"\n      class={cn(\n        \"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\",\n        className\n      )}\n      {...props}\n    >\n      <slot />\n    </div>\n  ) : (\n    <>\n      <Sheet data-sidebar=\"sheet\" defaultOpen={false}>\n        <SheetContent\n          side={side}\n          showCloseButton={false}\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          style=\"--sidebar-width: var(--sidebar-width-mobile);\"\n          class={cn(\n            \"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 md:hidden\",\n            className\n          )}\n        >\n          <SheetHeader class=\"sr-only\">\n            <SheetTitle>Sidebar</SheetTitle>\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n          </SheetHeader>\n          <div class=\"flex h-full w-full flex-col\">\n            <slot />\n          </div>\n        </SheetContent>\n      </Sheet>\n\n      <div\n        data-slot=\"sidebar\"\n        data-state={desktopState}\n        data-collapsible={desktopCollapsible}\n        data-variant={variant}\n        data-side={side}\n        data-sidebar-collapsible={collapsible}\n        class=\"group peer text-sidebar-foreground hidden md:block\"\n      >\n        <div\n          data-slot=\"sidebar-gap\"\n          class={cn(\n            \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n            \"group-data-[collapsible=offcanvas]:w-0\",\n            \"group-data-[side=right]:rotate-180\",\n            variant === \"floating\" || variant === \"inset\"\n              ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n          )}\n        />\n        <div\n          data-slot=\"sidebar-container\"\n          data-side={side}\n          class={cn(\n            \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex\",\n            variant === \"floating\" || variant === \"inset\"\n              ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n            className\n          )}\n          {...props}\n        >\n          <div\n            data-sidebar=\"sidebar\"\n            data-slot=\"sidebar-inner\"\n            class=\"bg-sidebar group-data-[variant=floating]:ring-sidebar-border flex size-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1\"\n          >\n            <slot />\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/ui/sheet\"\n\ntype Props = Omit<HTMLAttributes<\"div\">, \"dir\"> & {\n  side?: \"left\" | \"right\"\n  variant?: \"sidebar\" | \"floating\" | \"inset\"\n  collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n  state?: \"expanded\" | \"collapsed\"\n}\n\nconst {\n  class: className,\n  side = \"left\",\n  variant = \"sidebar\",\n  collapsible = \"offcanvas\",\n  state = \"expanded\",\n  ...props\n} = Astro.props\n\nconst desktopState = collapsible === \"none\" ? \"expanded\" : state\nconst desktopCollapsible = desktopState === \"collapsed\" ? collapsible : \"\"\n---\n\n{\n  collapsible === \"none\" ? (\n    <div\n      data-slot=\"sidebar\"\n      data-state=\"expanded\"\n      data-collapsible=\"none\"\n      data-variant={variant}\n      data-side={side}\n      data-sidebar-collapsible=\"none\"\n      class={cn(\n        \"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\",\n        className\n      )}\n      {...props}\n    >\n      <slot />\n    </div>\n  ) : (\n    <>\n      <Sheet data-sidebar=\"sheet\" defaultOpen={false}>\n        <SheetContent\n          side={side}\n          showCloseButton={false}\n          data-sidebar=\"sidebar\"\n          data-mobile=\"true\"\n          style=\"--sidebar-width: var(--sidebar-width-mobile);\"\n          class={cn(\n            \"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 md:hidden\",\n            className\n          )}\n        >\n          <SheetHeader class=\"sr-only\">\n            <SheetTitle>Sidebar</SheetTitle>\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n          </SheetHeader>\n          <div class=\"flex h-full w-full flex-col\">\n            <slot />\n          </div>\n        </SheetContent>\n      </Sheet>\n\n      <div\n        data-slot=\"sidebar\"\n        data-state={desktopState}\n        data-collapsible={desktopCollapsible}\n        data-variant={variant}\n        data-side={side}\n        data-sidebar-collapsible={collapsible}\n        class=\"group peer text-sidebar-foreground hidden md:block\"\n      >\n        <div\n          data-slot=\"sidebar-gap\"\n          class={cn(\n            \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n            \"group-data-[collapsible=offcanvas]:w-0\",\n            \"group-data-[side=right]:rotate-180\",\n            variant === \"floating\" || variant === \"inset\"\n              ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n          )}\n        />\n        <div\n          data-slot=\"sidebar-container\"\n          data-side={side}\n          class={cn(\n            \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex\",\n            variant === \"floating\" || variant === \"inset\"\n              ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n            className\n          )}\n          {...props}\n        >\n          <div\n            data-sidebar=\"sidebar\"\n            data-slot=\"sidebar-inner\"\n            class=\"bg-sidebar group-data-[variant=floating]:ring-sidebar-border flex size-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1\"\n          >\n            <slot />\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n",
       "type": "registry:ui"
     },
     {
@@ -92,7 +94,7 @@
     },
     {
       "path": "src/components/ui/sidebar/sidebar-menu-button.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { TooltipAlign, TooltipSide } from \"@data-slot/tooltip\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\"\n\nconst variants = cva(\n  \"peer/menu-button group/menu-button ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:font-medium [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n  {\n    variants: {\n      variant: {\n        default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_var(--sidebar-border)] hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\ntype TooltipValue =\n  | string\n  | (HTMLAttributes<\"div\"> & {\n      content?: string\n      children?: string\n      side?: TooltipSide\n      align?: TooltipAlign\n      sideOffset?: number\n      alignOffset?: number\n      avoidCollisions?: boolean\n      collisionPadding?: number\n    })\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"a\"> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"span\"> & {\n    as?: \"a\" | \"button\" | \"div\" | \"span\"\n    href?: string\n    isActive?: boolean\n    active?: boolean\n    tooltip?: TooltipValue\n  }\n\nconst {\n  as: explicitTag,\n  class: className,\n  variant = \"default\",\n  size = \"default\",\n  isActive,\n  active = false,\n  tooltip,\n  type,\n  ...props\n} = Astro.props\n\nconst Tag = explicitTag || (\"href\" in Astro.props ? \"a\" : \"button\")\nconst resolvedActive = isActive ?? active\nconst baseClassName = cn(variants({ variant, size }), className)\nconst resolvedTooltip =\n  typeof tooltip === \"string\" ? { children: tooltip } : tooltip\nconst tooltipText =\n  resolvedTooltip?.content ??\n  (typeof resolvedTooltip?.children === \"string\"\n    ? resolvedTooltip.children\n    : undefined)\nconst {\n  content: _tooltipContent,\n  children: _tooltipChildren,\n  ...tooltipProps\n} = resolvedTooltip ?? {}\n---\n\n{\n  tooltipText ? (\n    <Tooltip>\n      <TooltipTrigger\n        as={Tag}\n        data-slot=\"sidebar-menu-button\"\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={resolvedActive ? \"true\" : undefined}\n        aria-current={resolvedActive ? \"page\" : undefined}\n        type={Tag === \"button\" ? type || \"button\" : undefined}\n        class={baseClassName}\n        {...props}\n      >\n        <slot />\n      </TooltipTrigger>\n      <TooltipContent\n        data-sidebar=\"menu-tooltip\"\n        side=\"right\"\n        align=\"center\"\n        hidden\n        {...tooltipProps}\n      >\n        {tooltipText}\n      </TooltipContent>\n    </Tooltip>\n  ) : (\n    <Tag\n      data-slot=\"sidebar-menu-button\"\n      data-sidebar=\"menu-button\"\n      data-size={size}\n      data-active={resolvedActive ? \"true\" : undefined}\n      aria-current={resolvedActive ? \"page\" : undefined}\n      type={Tag === \"button\" ? type || \"button\" : undefined}\n      class={baseClassName}\n      {...props}\n    >\n      <slot />\n    </Tag>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { TooltipAlign, TooltipSide } from \"@data-slot/tooltip\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\"\n\nconst variants = cva(\n  \"peer/menu-button group/menu-button ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:font-medium [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n  {\n    variants: {\n      variant: {\n        default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_var(--sidebar-border)] hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\ntype TooltipValue =\n  | string\n  | (HTMLAttributes<\"div\"> & {\n      content?: string\n      children?: string\n      side?: TooltipSide\n      align?: TooltipAlign\n      sideOffset?: number\n      alignOffset?: number\n      avoidCollisions?: boolean\n      collisionPadding?: number\n    })\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"a\"> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"span\"> & {\n    as?: \"a\" | \"button\" | \"div\" | \"span\"\n    href?: string\n    isActive?: boolean\n    active?: boolean\n    tooltip?: TooltipValue\n  }\n\nconst {\n  as: explicitTag,\n  class: className,\n  variant = \"default\",\n  size = \"default\",\n  isActive,\n  active = false,\n  tooltip,\n  type,\n  ...props\n} = Astro.props\n\nconst Tag = explicitTag || (\"href\" in Astro.props ? \"a\" : \"button\")\nconst resolvedActive = isActive ?? active\nconst baseClassName = cn(variants({ variant, size }), className)\nconst resolvedTooltip =\n  typeof tooltip === \"string\" ? { children: tooltip } : tooltip\nconst tooltipText =\n  resolvedTooltip?.content ??\n  (typeof resolvedTooltip?.children === \"string\"\n    ? resolvedTooltip.children\n    : undefined)\nconst {\n  content: _tooltipContent,\n  children: _tooltipChildren,\n  ...tooltipProps\n} = resolvedTooltip ?? {}\n---\n\n{\n  tooltipText ? (\n    <Tooltip>\n      <TooltipTrigger\n        as={Tag}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={resolvedActive ? \"true\" : undefined}\n        aria-current={resolvedActive ? \"page\" : undefined}\n        type={Tag === \"button\" ? type || \"button\" : undefined}\n        class={baseClassName}\n        {...props}\n      >\n        <slot />\n      </TooltipTrigger>\n      <TooltipContent\n        data-sidebar=\"menu-tooltip\"\n        side=\"right\"\n        align=\"center\"\n        hidden\n        {...tooltipProps}\n      >\n        {tooltipText}\n      </TooltipContent>\n    </Tooltip>\n  ) : (\n    <Tag\n      data-slot=\"sidebar-menu-button\"\n      data-sidebar=\"menu-button\"\n      data-size={size}\n      data-active={resolvedActive ? \"true\" : undefined}\n      aria-current={resolvedActive ? \"page\" : undefined}\n      type={Tag === \"button\" ? type || \"button\" : undefined}\n      class={baseClassName}\n      {...props}\n    >\n      <slot />\n    </Tag>\n  )\n}\n",
       "type": "registry:ui"
     },
     {
@@ -136,5 +138,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/sidebar/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/skeleton.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "skeleton",
+  "title": "Skeleton",
+  "description": "Use a skeleton as a placeholder while content is loading.",
   "files": [
     {
       "path": "src/components/ui/skeleton/skeleton.astro",
@@ -13,5 +15,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/skeleton/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/slider.json

@@ -1,13 +1,15 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "slider",
+  "title": "Slider",
+  "description": "An input where the user selects a value from within a given range.",
   "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    \"data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full\",\n    className\n  )}\n  {...props}\n>\n  <div\n    data-slot=\"slider-control\"\n    data-orientation={orientation}\n    data-disabled={disabled}\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 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 ring-ring/50 block size-4 shrink-0 rounded-full border bg-white 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",
+      "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 = String(serializedDefaultValue ?? \"\").includes(\",\") ? 2 : 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 ? \"true\" : undefined}\n  class={cn(\n    \"data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full\",\n    className\n  )}\n  {...props}\n>\n  <div\n    data-slot=\"slider-control\"\n    data-orientation={orientation}\n    data-disabled={disabled ? \"true\" : undefined}\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 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 ring-ring/50 block size-4 shrink-0 rounded-full border bg-white 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  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -16,5 +18,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/slider/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/spinner.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "spinner",
+  "title": "Spinner",
+  "description": "An animated loading indicator.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -16,5 +18,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/spinner/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/switch.json

@@ -1,13 +1,15 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "switch",
+  "title": "Switch",
+  "description": "A control that allows the user to toggle between checked and not checked.",
   "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 group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 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",
+      "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 group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 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 ? \"true\" : undefined}\n  data-read-only={readOnly}\n  data-readonly={readOnly ? \"\" : undefined}\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    data-checked={initialChecked ? \"\" : undefined}\n    data-unchecked={initialChecked ? undefined : \"\"}\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  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -16,5 +18,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/switch/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/table.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "table",
+  "title": "Table",
+  "description": "A data table component that displays information in rows and columns.",
   "files": [
     {
       "path": "src/components/ui/table/table.astro",
@@ -48,5 +50,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/table/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/tabs.json

@@ -1,18 +1,20 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "tabs",
+  "title": "Tabs",
+  "description": "A set of layered sections of content, known as tabs, that display one panel of content at a time.",
   "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\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",
+      "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  document.addEventListener(\"astro:page-load\", () => 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\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",
+      "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, hidden = true, value, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"tabs-content\"\n  hidden={hidden}\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"
     },
     {
@@ -36,5 +38,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/tabs/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/textarea.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "textarea",
+  "title": "Textarea",
+  "description": "Displays a form textarea or a component that looks like a textarea.",
   "files": [
     {
       "path": "src/components/ui/textarea/textarea.astro",
@@ -13,5 +15,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/textarea/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/theme-toggle.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "theme-toggle",
+  "title": "Theme Toggle",
+  "description": "A two-state theme toggle that switches immediately between light and dark mode.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -24,5 +26,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/theme-toggle/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/toc.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "toc",
+  "title": "Toc",
+  "description": "Displays a simple table of contents for page sections and subsections.",
   "files": [
     {
       "path": "src/components/ui/toc/toc.astro",
@@ -33,5 +35,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/toc/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/toggle.json

@@ -1,13 +1,15 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "toggle",
+  "title": "Toggle",
+  "description": "A two-state button that can be either on or off.",
   "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",
+      "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  disabled={disabled}\n  aria-pressed={defaultPressed === true ? \"true\" : \"false\"}\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  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -21,5 +23,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/toggle/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/tooltip.json

@@ -1,13 +1,15 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "tooltip",
+  "title": "Tooltip",
+  "description": "Displays contextual information when a user hovers or focuses a trigger.",
   "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",
+      "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  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -26,5 +28,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/tooltip/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/typography.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "typography",
+  "title": "Typography",
+  "description": "Automatic prose styling and semantic text primitives for documentation and content-heavy interfaces.",
   "files": [
     {
       "path": "src/components/ui/typography/typography.astro",
@@ -88,5 +90,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/typography/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/video.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "video",
+  "title": "Video",
+  "description": "A responsive video component that supports YouTube videos and shorts.",
   "files": [
     {
       "path": "src/components/ui/video/video.astro",
@@ -13,5 +15,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/video/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }