fulldev-ui 0.10.1 → 0.11.1

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,12 +14,12 @@
   "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---\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</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"
     },
     {
@@ -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"
   ],
@@ -22,9 +23,13 @@
   "files": [
     {
       "path": "src/components/blocks/sidebar-1.astro",
-      "content": "---\nimport ChevronDownIcon from \"@lucide/astro/icons/chevron-down\"\nimport SearchIcon from \"@lucide/astro/icons/search\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandShortcut,\n} from \"@/components/ui/command\"\nimport { Dialog, DialogTrigger } from \"@/components/ui/dialog\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Kbd } from \"@/components/ui/kbd\"\nimport { LogoImage, LogoText } from \"@/components/ui/logo\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@/components/ui/sidebar\"\nimport { ThemeToggle } from \"@/components/ui/theme-toggle\"\n\ntype Props = {\n  class?: string\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  search: {\n    label: string\n    empty: string\n    items: {\n      label: string\n      href: string\n      title: string\n      path: string\n      description: string\n      group: string\n    }[]\n  }\n  breadcrumb: {\n    items: {\n      label: string\n      href: string\n    }[]\n    menu: {\n      label: string\n      href: string\n    }[]\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  githubRepo: string\n}\n\nconst {\n  class: className,\n  logo,\n  search,\n  breadcrumb,\n  navigation,\n  githubRepo,\n}: Props = Astro.props\n\nconst normalizePath = (path: string) => {\n  if (path === \"/\") return path\n\n  return path.replace(/\\/$/, \"\")\n}\nconst currentPath = normalizePath(Astro.url.pathname)\nconst searchGroups = search.items.reduce<\n  { label: string; items: typeof search.items }[]\n>((groups, item) => {\n  const group = groups.find((entry) => entry.label === item.group)\n\n  if (group) {\n    group.items.push(item)\n  } else {\n    groups.push({ label: item.group, items: [item] })\n  }\n\n  return groups\n}, [])\n\nlet githubStars = \"Stars\"\n\ntry {\n  const response = await fetch(`https://api.github.com/repos/${githubRepo}`)\n  const data = await response.json()\n\n  if (response.ok && typeof data.stargazers_count === \"number\") {\n    githubStars = new Intl.NumberFormat().format(data.stargazers_count)\n  }\n} catch {\n  // Keep the fallback label when GitHub is unavailable.\n}\n---\n\n<SidebarProvider>\n  <Sidebar class={cn(\"\", className)} collapsible=\"offcanvas\" variant=\"inset\">\n    <SidebarHeader class=\"flex-col\">\n      <SidebarMenuButton size=\"lg\" variant=\"ghost\" href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        <LogoText class=\"font-semibold\">{logo.label}</LogoText>\n      </SidebarMenuButton>\n      <Dialog class=\"w-full\" data-search-dialog>\n        <DialogTrigger\n          variant=\"outline\"\n          size=\"sm\"\n          class=\"w-full justify-start shadow-none\"\n          aria-keyshortcuts=\"Meta+K Control+K\"\n        >\n          <SearchIcon data-icon=\"inline-start\" />\n          <span class=\"truncate\">{search.label}</span>\n          <Kbd\n            class=\"bg-background/80 ml-auto h-4 min-w-4 translate-y-0 px-1 text-[10px]\"\n            data-search-shortcut\n          >\n            ⌘ + K\n          </Kbd>\n        </DialogTrigger>\n\n        <CommandDialog title={search.label} description={search.label}>\n          <Command\n            class=\"[&_[data-slot=command-item][data-selected]]:bg-accent [&_[data-slot=command-item][data-selected]]:text-accent-foreground\"\n          >\n            <CommandInput placeholder={search.label} />\n            <CommandList>\n              <CommandEmpty>{search.empty}</CommandEmpty>\n\n              {\n                searchGroups.map((group) => (\n                  <CommandGroup heading={group.label}>\n                    {group.items.map((item) => (\n                      <CommandItem\n                        href={item.href}\n                        value={`${item.group} ${item.label}`}\n                        label={item.label}\n                        keywords={[\n                          item.group,\n                          item.title,\n                          item.path,\n                          item.description,\n                        ]}\n                      >\n                        {item.label}\n                        <CommandShortcut>{item.href}</CommandShortcut>\n                      </CommandItem>\n                    ))}\n                  </CommandGroup>\n                ))\n              }\n            </CommandList>\n          </Command>\n        </CommandDialog>\n      </Dialog>\n    </SidebarHeader>\n    <SidebarContent\n      class=\"[mask-image:linear-gradient(to_bottom,transparent,black_1rem,black_calc(100%_-_1rem),transparent)] [-webkit-mask-image:linear-gradient(to_bottom,transparent,black_1rem,black_calc(100%_-_1rem),transparent)] group-data-[collapsible=icon]:[mask-image:none] group-data-[collapsible=icon]:[-webkit-mask-image:none]\"\n    >\n      {\n        navigation.map((group) => (\n          <SidebarGroup>\n            <SidebarGroupLabel>{group.label}</SidebarGroupLabel>\n            <SidebarMenu>\n              {(group.links ?? [group]).map((item) => (\n                <SidebarMenuItem>\n                  <SidebarMenuButton\n                    href={item.href}\n                    isActive={normalizePath(item.href) === currentPath}\n                  >\n                    <span>{item.label}</span>\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n              ))}\n            </SidebarMenu>\n          </SidebarGroup>\n        ))\n      }\n    </SidebarContent>\n  </Sidebar>\n  <SidebarInset>\n    <Header class=\"h-16\">\n      <HeaderContainer class=\"max-w-none justify-between\">\n        <HeaderGroup>\n          <SidebarTrigger />\n          <Separator orientation=\"vertical\" class=\"my-auto mr-2 h-4\" />\n          <Breadcrumb>\n            <BreadcrumbList>\n              {\n                breadcrumb.items.map((item, index) => {\n                  const isLast = index === breadcrumb.items.length - 1\n                  const isHome = item.href === \"/\"\n                  const hasMenu =\n                    !isHome &&\n                    breadcrumb.menu.some(\n                      (menuItem) =>\n                        normalizePath(menuItem.href) ===\n                        normalizePath(item.href)\n                    )\n\n                  return (\n                    <>\n                      {index > 0 && (\n                        <BreadcrumbSeparator>/</BreadcrumbSeparator>\n                      )}\n                      <BreadcrumbItem>\n                        {hasMenu ? (\n                          <DropdownMenu>\n                            <DropdownMenuTrigger\n                              aria-current={isLast ? \"page\" : undefined}\n                              class={cn(\n                                \"hover:text-foreground inline-flex items-center gap-1 transition-colors\",\n                                isLast && \"text-foreground\"\n                              )}\n                            >\n                              {item.label}\n                              <ChevronDownIcon\n                                class=\"size-3.5 opacity-70\"\n                                aria-hidden=\"true\"\n                              />\n                            </DropdownMenuTrigger>\n                            <DropdownMenuContent align=\"start\">\n                              <DropdownMenuGroup>\n                                {breadcrumb.menu.map((menuItem) => (\n                                  <a\n                                    href={menuItem.href}\n                                    aria-current={\n                                      normalizePath(menuItem.href) ===\n                                      currentPath\n                                        ? \"page\"\n                                        : undefined\n                                    }\n                                    class=\"hover:bg-accent hover:text-accent-foreground aria-[current=page]:text-foreground flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none\"\n                                  >\n                                    {menuItem.label}\n                                  </a>\n                                ))}\n                              </DropdownMenuGroup>\n                            </DropdownMenuContent>\n                          </DropdownMenu>\n                        ) : isLast ? (\n                          <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                        ) : (\n                          <BreadcrumbLink href={item.href}>\n                            {item.label}\n                          </BreadcrumbLink>\n                        )}\n                      </BreadcrumbItem>\n                    </>\n                  )\n                })\n              }\n              {\n                breadcrumb.menu.length > 0 && currentPath === \"/\" && (\n                  <>\n                    <BreadcrumbSeparator>/</BreadcrumbSeparator>\n                    <BreadcrumbItem>\n                      <DropdownMenu>\n                        <DropdownMenuTrigger class=\"hover:text-foreground inline-flex items-center leading-none transition-colors\">\n                          <BreadcrumbEllipsis />\n                        </DropdownMenuTrigger>\n                        <DropdownMenuContent align=\"start\">\n                          <DropdownMenuGroup>\n                            {breadcrumb.menu.map((item) => (\n                              <a\n                                href={item.href}\n                                class=\"hover:bg-accent hover:text-accent-foreground flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none\"\n                              >\n                                {item.label}\n                              </a>\n                            ))}\n                          </DropdownMenuGroup>\n                        </DropdownMenuContent>\n                      </DropdownMenu>\n                    </BreadcrumbItem>\n                  </>\n                )\n              }\n            </BreadcrumbList>\n          </Breadcrumb>\n        </HeaderGroup>\n        <HeaderGroup>\n          <Button\n            as=\"a\"\n            href={`https://github.com/${githubRepo}`}\n            size=\"sm\"\n            variant=\"ghost\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            aria-label={`View ${githubRepo} on GitHub`}\n          >\n            <Icon name=\"github\" />\n            <span>{githubStars}</span>\n          </Button>\n          <ThemeToggle />\n        </HeaderGroup>\n      </HeaderContainer>\n    </Header>\n    <slot />\n  </SidebarInset>\n</SidebarProvider>\n\n<script>\n  const isMac = /Mac|iPhone|iPad|iPod/i.test(\n    navigator.platform || navigator.userAgent\n  )\n\n  document.querySelectorAll(\"[data-search-shortcut]\").forEach((shortcut) => {\n    shortcut.textContent = isMac ? \"⌘ + K\" : \"Ctrl + K\"\n  })\n\n  document.addEventListener(\"keydown\", (event) => {\n    if (event.key.toLowerCase() !== \"k\") return\n    if (event.shiftKey || event.altKey) return\n\n    const dialog = document.querySelector(\"[data-search-dialog]\")\n    const isSearchShortcut = isMac\n      ? event.metaKey && !event.ctrlKey\n      : event.ctrlKey && !event.metaKey\n\n    if (!dialog || dialog.hasAttribute(\"data-open\") || !isSearchShortcut) return\n\n    event.preventDefault()\n    dialog.dispatchEvent(\n      new CustomEvent(\"dialog:set\", { detail: { open: true } })\n    )\n  })\n</script>\n",
+      "content": "---\nimport ChevronDownIcon from \"@lucide/astro/icons/chevron-down\"\nimport SearchIcon from \"@lucide/astro/icons/search\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandShortcut,\n} from \"@/components/ui/command\"\nimport { Dialog, DialogTrigger } from \"@/components/ui/dialog\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Kbd } from \"@/components/ui/kbd\"\nimport { LogoImage, LogoText } from \"@/components/ui/logo\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@/components/ui/sidebar\"\nimport { ThemeToggle } from \"@/components/ui/theme-toggle\"\n\ntype Props = {\n  class?: string\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  search: {\n    label: string\n    empty: string\n    items: {\n      label: string\n      href: string\n      title: string\n      path: string\n      description: string\n      group: string\n    }[]\n  }\n  breadcrumb: {\n    items: {\n      label: string\n      href: string\n    }[]\n    menu: {\n      label: string\n      href: string\n    }[]\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  githubRepo: string\n}\n\nconst {\n  class: className,\n  logo,\n  search,\n  breadcrumb,\n  navigation,\n  githubRepo,\n}: Props = Astro.props\n\nconst normalizePath = (path: string) => {\n  if (path === \"/\") return path\n\n  return path.replace(/\\/$/, \"\")\n}\nconst currentPath = normalizePath(Astro.url.pathname)\nconst searchGroups = search.items.reduce<\n  { label: string; items: typeof search.items }[]\n>((groups, item) => {\n  const group = groups.find((entry) => entry.label === item.group)\n\n  if (group) {\n    group.items.push(item)\n  } else {\n    groups.push({ label: item.group, items: [item] })\n  }\n\n  return groups\n}, [])\n\nlet githubStars = \"Stars\"\n\ntry {\n  const response = await fetch(`https://api.github.com/repos/${githubRepo}`)\n  const data = await response.json()\n\n  if (response.ok && typeof data.stargazers_count === \"number\") {\n    githubStars = new Intl.NumberFormat().format(data.stargazers_count)\n  }\n} catch {\n  // Keep the fallback label when GitHub is unavailable.\n}\n---\n\n<SidebarProvider>\n  <Sidebar class={cn(\"\", className)} collapsible=\"offcanvas\" variant=\"inset\">\n    <SidebarHeader class=\"flex-col\">\n      <SidebarMenuButton size=\"lg\" variant=\"ghost\" href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        <LogoText class=\"font-semibold\">{logo.label}</LogoText>\n      </SidebarMenuButton>\n      <Dialog class=\"w-full\" data-search-dialog>\n        <DialogTrigger\n          variant=\"outline\"\n          size=\"sm\"\n          class=\"w-full justify-start shadow-none\"\n          aria-keyshortcuts=\"Meta+K Control+K\"\n        >\n          <SearchIcon data-icon=\"inline-start\" />\n          <span class=\"truncate\">{search.label}</span>\n          <Kbd\n            class=\"bg-background/80 ml-auto h-4 min-w-4 translate-y-0 px-1 text-[10px]\"\n            data-search-shortcut\n          >\n            ⌘ + K\n          </Kbd>\n        </DialogTrigger>\n\n        <CommandDialog title={search.label} description={search.label}>\n          <Command\n            class=\"[&_[data-slot=command-item][data-selected]]:bg-accent [&_[data-slot=command-item][data-selected]]:text-accent-foreground\"\n          >\n            <CommandInput placeholder={search.label} />\n            <CommandList>\n              <CommandEmpty>{search.empty}</CommandEmpty>\n\n              {\n                searchGroups.map((group) => (\n                  <CommandGroup heading={group.label}>\n                    {group.items.map((item) => (\n                      <CommandItem\n                        href={item.href}\n                        value={`${item.group} ${item.label}`}\n                        label={item.label}\n                        keywords={[\n                          item.group,\n                          item.title,\n                          item.path,\n                          item.description,\n                        ]}\n                      >\n                        {item.label}\n                        <CommandShortcut>{item.href}</CommandShortcut>\n                      </CommandItem>\n                    ))}\n                  </CommandGroup>\n                ))\n              }\n            </CommandList>\n          </Command>\n        </CommandDialog>\n      </Dialog>\n    </SidebarHeader>\n    <SidebarContent\n      class=\"[mask-image:linear-gradient(to_bottom,transparent,black_1rem,black_calc(100%_-_1rem),transparent)] [-webkit-mask-image:linear-gradient(to_bottom,transparent,black_1rem,black_calc(100%_-_1rem),transparent)] group-data-[collapsible=icon]:[mask-image:none] group-data-[collapsible=icon]:[-webkit-mask-image:none]\"\n    >\n      {\n        navigation.map((group) => (\n          <SidebarGroup>\n            <SidebarGroupLabel>{group.label}</SidebarGroupLabel>\n            <SidebarMenu>\n              {(group.links ?? [group]).map((item) => (\n                <SidebarMenuItem>\n                  <SidebarMenuButton\n                    href={item.href}\n                    isActive={normalizePath(item.href) === currentPath}\n                  >\n                    <span>{item.label}</span>\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n              ))}\n            </SidebarMenu>\n          </SidebarGroup>\n        ))\n      }\n    </SidebarContent>\n  </Sidebar>\n  <SidebarInset>\n    <Header class=\"h-16\">\n      <HeaderContainer class=\"max-w-none justify-between\">\n        <HeaderGroup>\n          <SidebarTrigger />\n          <Separator orientation=\"vertical\" class=\"my-auto mr-2 h-4\" />\n          <Breadcrumb>\n            <BreadcrumbList>\n              {\n                breadcrumb.items.map((item, index) => {\n                  const isLast = index === breadcrumb.items.length - 1\n                  const isHome = item.href === \"/\"\n                  const hasMenu =\n                    !isHome &&\n                    breadcrumb.menu.some(\n                      (menuItem) =>\n                        normalizePath(menuItem.href) ===\n                        normalizePath(item.href)\n                    )\n\n                  return (\n                    <>\n                      {index > 0 && (\n                        <BreadcrumbSeparator>/</BreadcrumbSeparator>\n                      )}\n                      <BreadcrumbItem>\n                        {hasMenu ? (\n                          <DropdownMenu>\n                            <DropdownMenuTrigger\n                              aria-current={isLast ? \"page\" : undefined}\n                              class={cn(\n                                \"hover:text-foreground inline-flex items-center gap-1 transition-colors\",\n                                isLast && \"text-foreground\"\n                              )}\n                            >\n                              {item.label}\n                              <ChevronDownIcon\n                                class=\"size-3.5 opacity-70\"\n                                aria-hidden=\"true\"\n                              />\n                            </DropdownMenuTrigger>\n                            <DropdownMenuContent align=\"start\">\n                              <DropdownMenuGroup>\n                                {breadcrumb.menu.map((menuItem) => (\n                                  <a\n                                    href={menuItem.href}\n                                    aria-current={\n                                      normalizePath(menuItem.href) ===\n                                      currentPath\n                                        ? \"page\"\n                                        : undefined\n                                    }\n                                    class=\"hover:bg-accent hover:text-accent-foreground aria-[current=page]:text-foreground flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none\"\n                                  >\n                                    {menuItem.label}\n                                  </a>\n                                ))}\n                              </DropdownMenuGroup>\n                            </DropdownMenuContent>\n                          </DropdownMenu>\n                        ) : isLast ? (\n                          <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                        ) : (\n                          <BreadcrumbLink href={item.href}>\n                            {item.label}\n                          </BreadcrumbLink>\n                        )}\n                      </BreadcrumbItem>\n                    </>\n                  )\n                })\n              }\n              {\n                breadcrumb.menu.length > 0 && currentPath === \"/\" && (\n                  <>\n                    <BreadcrumbSeparator>/</BreadcrumbSeparator>\n                    <BreadcrumbItem>\n                      <DropdownMenu>\n                        <DropdownMenuTrigger class=\"hover:text-foreground inline-flex items-center leading-none transition-colors\">\n                          <BreadcrumbEllipsis />\n                        </DropdownMenuTrigger>\n                        <DropdownMenuContent align=\"start\">\n                          <DropdownMenuGroup>\n                            {breadcrumb.menu.map((item) => (\n                              <a\n                                href={item.href}\n                                class=\"hover:bg-accent hover:text-accent-foreground flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none\"\n                              >\n                                {item.label}\n                              </a>\n                            ))}\n                          </DropdownMenuGroup>\n                        </DropdownMenuContent>\n                      </DropdownMenu>\n                    </BreadcrumbItem>\n                  </>\n                )\n              }\n            </BreadcrumbList>\n          </Breadcrumb>\n        </HeaderGroup>\n        <HeaderGroup class=\"shrink-0\">\n          <Button\n            as=\"a\"\n            href={`https://github.com/${githubRepo}`}\n            size=\"sm\"\n            variant=\"ghost\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            aria-label={`View ${githubRepo} on GitHub`}\n          >\n            <Icon name=\"github\" />\n            <span class=\"hidden sm:inline\">{githubStars}</span>\n          </Button>\n          <ThemeToggle />\n        </HeaderGroup>\n      </HeaderContainer>\n    </Header>\n    <slot />\n  </SidebarInset>\n</SidebarProvider>\n\n<script>\n  const isMac = /Mac|iPhone|iPad|iPod/i.test(\n    navigator.platform || navigator.userAgent\n  )\n\n  document.querySelectorAll(\"[data-search-shortcut]\").forEach((shortcut) => {\n    shortcut.textContent = isMac ? \"⌘ + K\" : \"Ctrl + K\"\n  })\n\n  document.addEventListener(\"keydown\", (event) => {\n    if (event.key.toLowerCase() !== \"k\") return\n    if (event.shiftKey || event.altKey) return\n\n    const dialog = document.querySelector(\"[data-search-dialog]\")\n    const isSearchShortcut = isMac\n      ? event.metaKey && !event.ctrlKey\n      : event.ctrlKey && !event.metaKey\n\n    if (!dialog || dialog.hasAttribute(\"data-open\") || !isSearchShortcut) return\n\n    event.preventDefault()\n    dialog.dispatchEvent(\n      new CustomEvent(\"dialog:set\", { detail: { open: true } })\n    )\n  })\n</script>\n",
       "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"
@@ -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 = 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</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 ? \"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</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,13 +1,15 @@
 {
   "$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"
     },
     {
@@ -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  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</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,10 +1,12 @@
 {
   "$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",
-      "content": "---\nimport type { HTMLTag, Polymorphic } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag; size?: Size }>\n\nconst {\n  as: Tag = \"div\",\n  class: className,\n  size = \"default\",\n  ...props\n} = Astro.props\n---\n\n<Tag\n  data-slot=\"typography\"\n  data-size={size}\n  class={cn(\"text-foreground text-base\", className)}\n  {...props}\n>\n  <slot />\n</Tag>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography\"]\n    > :is(\n      [data-slot=\"typography-lead\"],\n      [data-slot=\"typography-table-container\"],\n      div,\n      section,\n      article,\n      aside,\n      nav,\n      figure,\n      details,\n      pre,\n      small,\n      dl,\n      img,\n      picture,\n      video,\n      iframe\n    ):not(:first-child) {\n    @apply mt-6;\n  }\n\n  [data-slot=\"typography\"] > h1 {\n    @apply scroll-m-20 text-4xl font-semibold tracking-tight text-balance;\n  }\n\n  [data-slot=\"typography\"] > h2 {\n    @apply scroll-m-20 text-3xl font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography\"] > h2:first-child {\n    @apply mt-0;\n  }\n\n  [data-slot=\"typography\"] > h2:not(:first-child) {\n    @apply mt-10;\n  }\n\n  [data-slot=\"typography\"] > h3 {\n    @apply scroll-m-20 text-2xl font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography\"] > h3:not(:first-child) {\n    @apply mt-8;\n  }\n\n  [data-slot=\"typography\"] > h4 {\n    @apply scroll-m-20 text-xl font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography\"] > h4:not(:first-child) {\n    @apply mt-8;\n  }\n\n  [data-slot=\"typography\"]\n    > :is(h1, h2, h3, h4)\n    + :is(\n      [data-slot=\"typography-lead\"],\n      [data-slot=\"typography-table-container\"],\n      div,\n      section,\n      article,\n      aside,\n      nav,\n      figure,\n      details,\n      p,\n      blockquote,\n      pre,\n      ul,\n      ol,\n      table,\n      small,\n      dl,\n      img,\n      picture,\n      video,\n      iframe\n    ) {\n    @apply mt-4;\n  }\n\n  [data-slot=\"typography\"] > p {\n    @apply text-base leading-7;\n  }\n\n  [data-slot=\"typography\"] > p:not(:first-child) {\n    @apply mt-6;\n  }\n\n  [data-slot=\"typography\"]\n    > :is(h1, h2, h3, h4)\n    + :is(p, [data-slot=\"typography-lead\"]):not(:first-child) {\n    @apply mt-4;\n  }\n\n  [data-slot=\"typography\"] > a:not([data-slot]),\n  [data-slot=\"typography\"]\n    > :is(p, blockquote, ul, ol, dl, table)\n    a:not([data-slot]) {\n    @apply text-primary font-medium underline underline-offset-4;\n  }\n\n  [data-slot=\"typography\"] > blockquote {\n    @apply mt-6 border-l-2 pl-6 text-base italic;\n  }\n\n  [data-slot=\"typography\"] > hr {\n    @apply border-border my-8;\n  }\n\n  [data-slot=\"typography\"] > pre {\n    @apply border-border bg-muted/60 overflow-x-auto rounded-xl border p-4 text-sm;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block {\n    @apply border-border bg-muted/60 relative overflow-hidden rounded-xl border;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > pre,\n  [data-slot=\"typography\"] > .docs-code-block > pre.astro-code {\n    @apply m-0 rounded-none border-0 !bg-transparent p-4 pr-14 text-sm leading-[var(--text-sm--line-height)];\n    font-family: var(--font-mono);\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > pre.astro-code code {\n    @apply text-sm leading-[var(--text-sm--line-height)] !text-[var(--shiki-light,var(--foreground))];\n  }\n\n  .dark [data-slot=\"typography\"] > .docs-code-block > pre.astro-code code {\n    @apply !text-[var(--shiki-dark,var(--foreground))];\n  }\n\n  .dark\n    [data-slot=\"typography\"]\n    > .docs-code-block\n    > pre.astro-code\n    span[style*=\"--shiki-dark\"] {\n    @apply ![font-weight:var(--shiki-dark-font-weight,inherit)] !text-[var(--shiki-dark)] ![font-style:var(--shiki-dark-font-style,inherit)] ![text-decoration:var(--shiki-dark-text-decoration,inherit)];\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > .docs-code-copy {\n    @apply border-border bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground absolute top-3 right-3 z-10 inline-flex size-8 items-center justify-center rounded-md border shadow-sm transition-colors;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block svg {\n    @apply size-4;\n  }\n\n  [data-slot=\"typography\"] > ul,\n  [data-slot=\"typography\"] > ol {\n    @apply my-6 ml-6 text-base;\n  }\n\n  [data-slot=\"typography\"] > ul {\n    @apply list-disc;\n  }\n\n  [data-slot=\"typography\"] > ol {\n    @apply list-decimal;\n  }\n\n  [data-slot=\"typography\"] > ul > li,\n  [data-slot=\"typography\"] > ol > li {\n    @apply mt-2;\n  }\n\n  [data-slot=\"typography\"] > [data-slot=\"typography-lead\"] {\n    @apply text-muted-foreground;\n  }\n\n  [data-slot=\"typography\"][data-size=\"sm\"] > [data-slot=\"typography-lead\"] {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography\"] > [data-slot=\"typography-lead\"],\n  [data-slot=\"typography\"][data-size=\"default\"]\n    > [data-slot=\"typography-lead\"] {\n    @apply text-lg;\n  }\n\n  [data-slot=\"typography\"][data-size=\"lg\"] > [data-slot=\"typography-lead\"] {\n    @apply text-xl;\n  }\n\n  [data-slot=\"typography\"] > small {\n    @apply block leading-none font-medium;\n  }\n\n  [data-slot=\"typography\"] > small {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography\"] > table {\n    @apply border-border my-6 block w-full overflow-x-auto rounded-lg border;\n    border-collapse: separate;\n    border-spacing: 0;\n  }\n\n  [data-slot=\"typography\"] > table th,\n  [data-slot=\"typography\"] > table td {\n    @apply border-border border-b px-4 py-2 text-left align-top whitespace-nowrap;\n  }\n\n  [data-slot=\"typography\"] > table th {\n    @apply text-foreground bg-muted/40 font-medium;\n  }\n\n  [data-slot=\"typography\"] > table tr:last-child td {\n    @apply border-b-0;\n  }\n\n  [data-slot=\"typography\"] > table thead,\n  [data-slot=\"typography\"] > table tbody,\n  [data-slot=\"typography\"] > table tr {\n    @apply w-full;\n  }\n\n  [data-slot=\"typography\"] > table tr {\n    @apply grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)];\n  }\n\n  [data-slot=\"typography\"] > table tr {\n    @apply even:bg-muted/40 m-0 border-t p-0 first:border-t-0;\n  }\n\n  [data-slot=\"typography\"] > table th {\n    @apply border-r px-4 py-2 text-left font-bold last:border-r-0;\n  }\n\n  [data-slot=\"typography\"] > table th[align=\"center\"] {\n    @apply text-center;\n  }\n\n  [data-slot=\"typography\"] > table th[align=\"right\"] {\n    @apply text-right;\n  }\n\n  [data-slot=\"typography\"] > table td {\n    @apply border-r px-4 py-2 text-left last:border-r-0;\n  }\n\n  [data-slot=\"typography\"] > table td[align=\"center\"] {\n    @apply text-center;\n  }\n\n  [data-slot=\"typography\"] > table td[align=\"right\"] {\n    @apply text-right;\n  }\n\n  [data-slot=\"typography\"] > table tbody tr:last-child td {\n    @apply border-b-0;\n  }\n\n  [data-slot=\"typography\"] :not(pre) > code {\n    @apply bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold;\n  }\n\n  [data-slot=\"typography\"] > table :not(pre) > code {\n    @apply rounded-md text-sm leading-5 font-normal;\n  }\n\n  [data-slot=\"typography\"] > pre.astro-code {\n    @apply border-border !bg-muted/60 rounded-xl border p-4 text-sm leading-[var(--text-sm--line-height)];\n  }\n\n  [data-slot=\"typography\"] > pre.astro-code code {\n    @apply !text-inherit;\n  }\n\n  .dark [data-slot=\"typography\"] > pre.astro-code {\n    @apply !text-[var(--shiki-dark,var(--foreground))];\n  }\n\n  .dark [data-slot=\"typography\"] > pre.astro-code span[style*=\"--shiki-dark\"] {\n    @apply ![font-weight:var(--shiki-dark-font-weight,inherit)] !text-[var(--shiki-dark)] ![font-style:var(--shiki-dark-font-style,inherit)] ![text-decoration:var(--shiki-dark-text-decoration,inherit)];\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLTag, Polymorphic } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag; size?: Size }>\n\nconst {\n  as: Tag = \"div\",\n  class: className,\n  size = \"default\",\n  ...props\n} = Astro.props\n---\n\n<Tag\n  data-slot=\"typography\"\n  data-size={size}\n  class={cn(\"text-foreground text-base\", className)}\n  {...props}\n>\n  <slot />\n</Tag>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography\"]\n    > :is(\n      [data-slot=\"typography-lead\"],\n      [data-slot=\"typography-table-container\"],\n      div,\n      section,\n      article,\n      aside,\n      nav,\n      figure,\n      details,\n      pre,\n      small,\n      dl,\n      img,\n      picture,\n      video,\n      iframe\n    ):not(:first-child) {\n    @apply mt-6;\n  }\n\n  [data-slot=\"typography\"] > h1 {\n    @apply scroll-m-20 text-4xl font-semibold tracking-tight text-balance;\n  }\n\n  [data-slot=\"typography\"] > h2 {\n    @apply scroll-m-20 text-3xl font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography\"] > h2:first-child {\n    @apply mt-0;\n  }\n\n  [data-slot=\"typography\"] > h2:not(:first-child) {\n    @apply mt-10;\n  }\n\n  [data-slot=\"typography\"] > h3 {\n    @apply scroll-m-20 text-2xl font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography\"] > h3:not(:first-child) {\n    @apply mt-8;\n  }\n\n  [data-slot=\"typography\"] > h4 {\n    @apply scroll-m-20 text-xl font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography\"] > h4:not(:first-child) {\n    @apply mt-8;\n  }\n\n  [data-slot=\"typography\"]\n    > :is(h1, h2, h3, h4)\n    + :is(\n      [data-slot=\"typography-lead\"],\n      [data-slot=\"typography-table-container\"],\n      div,\n      section,\n      article,\n      aside,\n      nav,\n      figure,\n      details,\n      p,\n      blockquote,\n      pre,\n      ul,\n      ol,\n      table,\n      small,\n      dl,\n      img,\n      picture,\n      video,\n      iframe\n    ) {\n    @apply mt-4;\n  }\n\n  [data-slot=\"typography\"] > p {\n    @apply text-base leading-7;\n  }\n\n  [data-slot=\"typography\"] > p:not(:first-child) {\n    @apply mt-6;\n  }\n\n  [data-slot=\"typography\"]\n    > :is(h1, h2, h3, h4)\n    + :is(p, [data-slot=\"typography-lead\"]):not(:first-child) {\n    @apply mt-4;\n  }\n\n  [data-slot=\"typography\"] > a:not([data-slot]),\n  [data-slot=\"typography\"]\n    > :is(p, blockquote, ul, ol, dl, table)\n    a:not([data-slot]) {\n    @apply text-foreground font-medium underline underline-offset-4;\n  }\n\n  [data-slot=\"typography\"] > blockquote {\n    @apply mt-6 border-l-2 pl-6 text-base italic;\n  }\n\n  [data-slot=\"typography\"] > hr {\n    @apply border-border my-8;\n  }\n\n  [data-slot=\"typography\"] > pre {\n    @apply border-border bg-muted/60 overflow-x-auto rounded-xl border p-4 text-sm;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block {\n    @apply border-border bg-muted/60 relative overflow-hidden rounded-xl border;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > pre,\n  [data-slot=\"typography\"] > .docs-code-block > pre.astro-code {\n    @apply m-0 rounded-none border-0 !bg-transparent p-4 pr-14 text-sm leading-[var(--text-sm--line-height)];\n    font-family: var(--font-mono);\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > pre.astro-code code {\n    @apply text-sm leading-[var(--text-sm--line-height)] !text-[var(--shiki-light,var(--foreground))];\n  }\n\n  .dark [data-slot=\"typography\"] > .docs-code-block > pre.astro-code code {\n    @apply !text-[var(--shiki-dark,var(--foreground))];\n  }\n\n  .dark\n    [data-slot=\"typography\"]\n    > .docs-code-block\n    > pre.astro-code\n    span[style*=\"--shiki-dark\"] {\n    @apply ![font-weight:var(--shiki-dark-font-weight,inherit)] !text-[var(--shiki-dark)] ![font-style:var(--shiki-dark-font-style,inherit)] ![text-decoration:var(--shiki-dark-text-decoration,inherit)];\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > .docs-code-copy {\n    @apply border-border bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground absolute top-3 right-3 z-10 inline-flex size-8 items-center justify-center rounded-md border shadow-sm transition-colors;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block svg {\n    @apply size-4;\n  }\n\n  [data-slot=\"typography\"] > ul,\n  [data-slot=\"typography\"] > ol {\n    @apply my-6 ml-6 text-base;\n  }\n\n  [data-slot=\"typography\"] > ul {\n    @apply list-disc;\n  }\n\n  [data-slot=\"typography\"] > ol {\n    @apply list-decimal;\n  }\n\n  [data-slot=\"typography\"] > ul > li,\n  [data-slot=\"typography\"] > ol > li {\n    @apply mt-2;\n  }\n\n  [data-slot=\"typography\"] > [data-slot=\"typography-lead\"] {\n    @apply text-muted-foreground;\n  }\n\n  [data-slot=\"typography\"][data-size=\"sm\"] > [data-slot=\"typography-lead\"] {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography\"] > [data-slot=\"typography-lead\"],\n  [data-slot=\"typography\"][data-size=\"default\"]\n    > [data-slot=\"typography-lead\"] {\n    @apply text-lg;\n  }\n\n  [data-slot=\"typography\"][data-size=\"lg\"] > [data-slot=\"typography-lead\"] {\n    @apply text-xl;\n  }\n\n  [data-slot=\"typography\"] > small {\n    @apply block leading-none font-medium;\n  }\n\n  [data-slot=\"typography\"] > small {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography\"] > table {\n    @apply border-border my-6 block w-full overflow-x-auto rounded-lg border;\n    border-collapse: separate;\n    border-spacing: 0;\n  }\n\n  [data-slot=\"typography\"] > table th,\n  [data-slot=\"typography\"] > table td {\n    @apply border-border border-b px-4 py-2 text-left align-top whitespace-nowrap;\n  }\n\n  [data-slot=\"typography\"] > table th {\n    @apply text-foreground bg-muted/40 font-medium;\n  }\n\n  [data-slot=\"typography\"] > table tr:last-child td {\n    @apply border-b-0;\n  }\n\n  [data-slot=\"typography\"] > table thead,\n  [data-slot=\"typography\"] > table tbody,\n  [data-slot=\"typography\"] > table tr {\n    @apply w-full;\n  }\n\n  [data-slot=\"typography\"] > table tr {\n    @apply grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)];\n  }\n\n  [data-slot=\"typography\"] > table tr {\n    @apply even:bg-muted/40 m-0 border-t p-0 first:border-t-0;\n  }\n\n  [data-slot=\"typography\"] > table th {\n    @apply border-r px-4 py-2 text-left font-bold last:border-r-0;\n  }\n\n  [data-slot=\"typography\"] > table th[align=\"center\"] {\n    @apply text-center;\n  }\n\n  [data-slot=\"typography\"] > table th[align=\"right\"] {\n    @apply text-right;\n  }\n\n  [data-slot=\"typography\"] > table td {\n    @apply border-r px-4 py-2 text-left last:border-r-0;\n  }\n\n  [data-slot=\"typography\"] > table td[align=\"center\"] {\n    @apply text-center;\n  }\n\n  [data-slot=\"typography\"] > table td[align=\"right\"] {\n    @apply text-right;\n  }\n\n  [data-slot=\"typography\"] > table tbody tr:last-child td {\n    @apply border-b-0;\n  }\n\n  [data-slot=\"typography\"] :not(pre) > code {\n    @apply bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold;\n  }\n\n  [data-slot=\"typography\"] > table :not(pre) > code {\n    @apply rounded-md text-sm leading-5 font-normal;\n  }\n\n  [data-slot=\"typography\"] > pre.astro-code {\n    @apply border-border !bg-muted/60 rounded-xl border p-4 text-sm leading-[var(--text-sm--line-height)];\n  }\n\n  [data-slot=\"typography\"] > pre.astro-code code {\n    @apply !text-inherit;\n  }\n\n  .dark [data-slot=\"typography\"] > pre.astro-code {\n    @apply !text-[var(--shiki-dark,var(--foreground))];\n  }\n\n  .dark [data-slot=\"typography\"] > pre.astro-code span[style*=\"--shiki-dark\"] {\n    @apply ![font-weight:var(--shiki-dark-font-weight,inherit)] !text-[var(--shiki-dark)] ![font-style:var(--shiki-dark-font-style,inherit)] ![text-decoration:var(--shiki-dark-text-decoration,inherit)];\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
@@ -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"
 }