fulldev-ui 0.11.1 → 0.13.0

package/public/r/resizable.json

@@ -0,0 +1,36 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "resizable",
+  "title": "Resizable",
+  "description": "Accessible panel groups with pointer and keyboard resizing.",
+  "dependencies": [
+    "@data-slot/resizable@^1.0.2"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/resizable/index.ts",
+      "content": "export { default as Resizable } from \"./resizable.astro\"\nexport { default as ResizablePanelGroup } from \"./resizable.astro\"\nexport { default as ResizablePanel } from \"./resizable-panel.astro\"\nexport { default as ResizableHandle } from \"./resizable-handle.astro\"\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/resizable/resizable-handle.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  withHandle?: boolean\n  disabled?: boolean\n}\n\nconst { class: className, withHandle, disabled, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"resizable-handle\"\n  data-disabled={disabled ? \"true\" : undefined}\n  class={cn(\n    \"bg-border ring-offset-background focus-visible:ring-ring data-[active]:bg-ring relative flex w-px shrink-0 items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:inset-x-0 aria-[orientation=horizontal]:after:top-1/2 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&[aria-orientation=horizontal]>div]:rotate-90\",\n    className\n  )}\n  {...props}\n>\n  {\n    withHandle && (\n      <div\n        data-slot=\"resizable-handle-indicator\"\n        aria-hidden=\"true\"\n        class=\"bg-border z-10 flex h-6 w-1 shrink-0 rounded-lg\"\n      />\n    )\n  }\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/resizable/resizable-panel.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultSize?: number\n  minSize?: number\n  maxSize?: number\n  collapsible?: boolean\n  collapsedSize?: number\n}\n\nconst {\n  class: className,\n  defaultSize,\n  minSize,\n  maxSize,\n  collapsible,\n  collapsedSize,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"resizable-panel\"\n  data-default-size={defaultSize}\n  data-min-size={minSize}\n  data-max-size={maxSize}\n  data-collapsible={collapsible}\n  data-collapsed-size={collapsedSize}\n  class={cn(\"min-h-0 min-w-0\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/resizable/resizable.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  direction?: \"horizontal\" | \"vertical\"\n  keyboardResizeBy?: number\n}\n\nconst {\n  class: className,\n  direction = \"horizontal\",\n  keyboardResizeBy,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"resizable\"\n  data-direction={direction}\n  data-keyboard-resize-by={keyboardResizeBy}\n  class={cn(\n    \"group/resizable flex h-full w-full data-[direction=vertical]:flex-col\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/resizable\"\n\n  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
+      "type": "registry:ui"
+    }
+  ],
+  "docs": "https://ui.full.dev/components/resizable/",
+  "categories": [
+    "ui"
+  ],
+  "type": "registry:ui"
+}

package/public/r/reviews-3.json

@@ -15,7 +15,7 @@
   "files": [
     {
       "path": "src/components/blocks/reviews-3.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport type { HTMLAttributes } from \"astro/types\"\nimport QuoteIcon from \"@lucide/astro/icons/quote\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\"\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from \"@/components/ui/carousel\"\nimport { Rating } from \"@/components/ui/rating\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title?: string\n  description?: string\n  reviews: {\n    rating: number\n    quote: string\n    image?: ImageMetadata\n    initials: string\n    name: string\n    role: string\n  }[]\n}\n\nconst { class: className, title, description, reviews, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  {\n    (title || description) && (\n      <SectionContainer class=\"items-center gap-4 text-center\">\n        {title && <SectionTitle>{title}</SectionTitle>}\n        {description && (\n          <SectionDescription class=\"max-w-2xl\">\n            {description}\n          </SectionDescription>\n        )}\n      </SectionContainer>\n    )\n  }\n  <SectionContainer>\n    <Carousel opts={{ loop: true, align: \"center\" }} class=\"mx-auto max-w-3xl\">\n      <CarouselContent>\n        {\n          reviews.map((item) => (\n            <CarouselItem>\n              <div class=\"flex flex-col items-center gap-6 px-4 py-8 text-center\">\n                <QuoteIcon class=\"text-primary size-10\" />\n                <Rating value={item.rating} />\n                <blockquote class=\"text-foreground text-xl leading-relaxed font-medium text-balance sm:text-2xl\">\n                  {item.quote}\n                </blockquote>\n                <div class=\"flex items-center gap-3 pt-2\">\n                  <Avatar size=\"lg\">\n                    <AvatarImage src={item.image} alt={item.name} />\n                    <AvatarFallback>{item.initials}</AvatarFallback>\n                  </Avatar>\n                  <div class=\"text-left\">\n                    <p class=\"text-foreground text-sm font-medium\">\n                      {item.name}\n                    </p>\n                    <p class=\"text-muted-foreground text-xs\">{item.role}</p>\n                  </div>\n                </div>\n              </div>\n            </CarouselItem>\n          ))\n        }\n      </CarouselContent>\n      <CarouselPrevious />\n      <CarouselNext />\n    </Carousel>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport type { HTMLAttributes } from \"astro/types\"\nimport QuoteIcon from \"@lucide/astro/icons/quote\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\"\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from \"@/components/ui/carousel\"\nimport { Rating } from \"@/components/ui/rating\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title?: string\n  description?: string\n  reviews: {\n    rating: number\n    quote: string\n    image?: ImageMetadata\n    initials: string\n    name: string\n    role: string\n  }[]\n}\n\nconst { class: className, title, description, reviews, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  {\n    (title || description) && (\n      <SectionContainer class=\"items-center gap-4 text-center\">\n        {title && <SectionTitle>{title}</SectionTitle>}\n        {description && (\n          <SectionDescription class=\"max-w-2xl\">\n            {description}\n          </SectionDescription>\n        )}\n      </SectionContainer>\n    )\n  }\n  <SectionContainer>\n    <Carousel loop drag class=\"mx-auto w-[calc(100%-6rem)] max-w-3xl\">\n      <CarouselContent>\n        {\n          reviews.map((item) => (\n            <CarouselItem>\n              <div class=\"flex flex-col items-center gap-6 px-4 py-8 text-center\">\n                <QuoteIcon class=\"text-primary size-10\" />\n                <Rating value={item.rating} />\n                <blockquote class=\"text-foreground text-xl leading-relaxed font-medium text-balance sm:text-2xl\">\n                  {item.quote}\n                </blockquote>\n                <div class=\"flex items-center gap-3 pt-2\">\n                  <Avatar size=\"lg\">\n                    <AvatarImage src={item.image} alt={item.name} />\n                    <AvatarFallback>{item.initials}</AvatarFallback>\n                  </Avatar>\n                  <div class=\"text-left\">\n                    <p class=\"text-foreground text-sm font-medium\">\n                      {item.name}\n                    </p>\n                    <p class=\"text-muted-foreground text-xs\">{item.role}</p>\n                  </div>\n                </div>\n              </div>\n            </CarouselItem>\n          ))\n        }\n      </CarouselContent>\n      <CarouselPrevious />\n      <CarouselNext />\n    </Carousel>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/select.json

@@ -4,13 +4,13 @@
   "title": "Select",
   "description": "Displays a list of options for the user to pick from, triggered by a button.",
   "dependencies": [
-    "@data-slot/select",
+    "@data-slot/select@^1.0.2",
     "@lucide/astro"
   ],
   "files": [
     {
       "path": "src/components/ui/select/select.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { Align, Position, Side } from \"@data-slot/select\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultValue?: string\n  defaultOpen?: boolean\n  placeholder?: string\n  disabled?: boolean\n  required?: boolean\n  name?: string\n  position?: Position\n  side?: Side\n  align?: Align\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  highlightItemOnHover?: boolean\n  lockScroll?: boolean\n}\n\nconst {\n  class: className,\n  defaultValue,\n  defaultOpen,\n  placeholder,\n  disabled,\n  required,\n  name,\n  position,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  highlightItemOnHover,\n  lockScroll,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"select\"\n  data-default-value={defaultValue}\n  data-default-open={defaultOpen}\n  data-placeholder={placeholder}\n  data-disabled={disabled}\n  data-required={required}\n  data-name={name}\n  data-position={position}\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-highlight-item-on-hover={highlightItemOnHover}\n  data-lock-scroll={lockScroll}\n  class={cn(\n    \"group/select relative inline-flex w-fit flex-col gap-1.5\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/select\"\n\n  const initSelect = () => {\n    create()\n  }\n\n  initSelect()\n\n  document.addEventListener(\"astro:page-load\", initSelect)\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { Align, Position, Side } from \"@data-slot/select\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  mountStrategy?: \"lazy\" | \"eager\"\n  defaultValue?: string\n  defaultOpen?: boolean\n  placeholder?: string\n  disabled?: boolean\n  required?: boolean\n  name?: string\n  position?: Position\n  side?: Side\n  align?: Align\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  highlightItemOnHover?: boolean\n  lockScroll?: boolean\n}\n\nconst {\n  mountStrategy,\n  class: className,\n  defaultValue,\n  defaultOpen,\n  placeholder,\n  disabled,\n  required,\n  name,\n  position,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  highlightItemOnHover,\n  lockScroll,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"select\"\n  data-mount-strategy={mountStrategy}\n  data-default-value={defaultValue}\n  data-default-open={defaultOpen}\n  data-placeholder={placeholder}\n  data-disabled={disabled}\n  data-required={required}\n  data-name={name}\n  data-position={position}\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-highlight-item-on-hover={highlightItemOnHover}\n  data-lock-scroll={lockScroll}\n  class={cn(\n    \"group/select relative inline-flex w-fit flex-col gap-1.5\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/select\"\n\n  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -25,7 +25,7 @@
     },
     {
       "path": "src/components/ui/select/select-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { Align, Position, Side } from \"@data-slot/select\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  position?: Position\n  side?: Side\n  align?: Align\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n}\n\nconst {\n  class: className,\n  hidden = true,\n  position,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"select-portal\">\n  <div\n    data-slot=\"select-positioner\"\n    data-position={position}\n    data-side={side}\n    data-align={align}\n    data-side-offset={sideOffset}\n    data-align-offset={alignOffset}\n    data-avoid-collisions={avoidCollisions}\n    data-collision-padding={collisionPadding}\n    class=\"isolate z-50\"\n  >\n    <div\n      data-slot=\"select-content\"\n      data-position={position}\n      data-align-trigger={position === \"item-aligned\" ? \"true\" : undefined}\n      data-side={side}\n      data-align={align}\n      data-side-offset={sideOffset}\n      data-align-offset={alignOffset}\n      data-avoid-collisions={avoidCollisions}\n      data-collision-padding={collisionPadding}\n      hidden={hidden}\n      class={cn(\n        \"bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md shadow-md ring-1 duration-100 outline-none data-[align-trigger=true]:animate-none\",\n        className\n      )}\n      {...props}\n    >\n      <div\n        data-slot=\"select-viewport\"\n        data-position={position}\n        class=\"data-[position=item-aligned]:w-full data-[position=popper]:min-w-36\"\n      >\n        <slot />\n      </div>\n    </div>\n  </div>\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { Align, Position, Side } from \"@data-slot/select\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  position?: Position\n  side?: Side\n  align?: Align\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n}\n\nconst {\n  class: className,\n  hidden = true,\n  position,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"select-portal\">\n  <div\n    data-slot=\"select-positioner\"\n    data-position={position}\n    data-side={side}\n    data-align={align}\n    data-side-offset={sideOffset}\n    data-align-offset={alignOffset}\n    data-avoid-collisions={avoidCollisions}\n    data-collision-padding={collisionPadding}\n    class=\"isolate z-[1000]\"\n  >\n    <div\n      data-slot=\"select-content\"\n      data-position={position}\n      data-align-trigger={position === \"item-aligned\" ? \"true\" : undefined}\n      data-side={side}\n      data-align={align}\n      data-side-offset={sideOffset}\n      data-align-offset={alignOffset}\n      data-avoid-collisions={avoidCollisions}\n      data-collision-padding={collisionPadding}\n      hidden={hidden}\n      class={cn(\n        \"bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 relative isolate z-[1000] max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md shadow-md ring-1 duration-100 outline-none data-[align-trigger=true]:animate-none\",\n        className\n      )}\n      {...props}\n    >\n      <div\n        data-slot=\"select-viewport\"\n        data-position={position}\n        class=\"data-[position=item-aligned]:w-full data-[position=popper]:min-w-36\"\n      >\n        <slot />\n      </div>\n    </div>\n  </div>\n</div>\n",
       "type": "registry:ui"
     },
     {

package/public/r/sheet.json

@@ -4,7 +4,7 @@
   "title": "Sheet",
   "description": "A sliding panel component that appears from the edge of the screen.",
   "dependencies": [
-    "@data-slot/dialog",
+    "@data-slot/dialog@^1.0.2",
     "@lucide/astro"
   ],
   "registryDependencies": [
@@ -14,7 +14,7 @@
   "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  document.addEventListener(\"astro:page-load\", () => 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  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
       "type": "registry:ui"
     },
     {

package/public/r/sidebar-1.json

@@ -23,7 +23,7 @@
   "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 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",
+      "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 { DialogTrigger } from \"@/components/ui/dialog\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\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\" 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      <CommandDialog\n        class=\"w-full\"\n        data-search-dialog\n        title={search.label}\n        description={search.label}\n      >\n        <DialogTrigger\n          slot=\"trigger\"\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        <Command\n          class=\"[&_[data-slot=command-item][data-selected]]:bg-accent [&_[data-slot=command-item][data-selected]]:text-accent-foreground\"\n        >\n          <CommandInput autofocus 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    </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                                  <DropdownMenuItem\n                                    href={menuItem.href}\n                                    aria-current={\n                                      normalizePath(menuItem.href) ===\n                                      currentPath\n                                        ? \"page\"\n                                        : undefined\n                                    }\n                                    class=\"aria-[current=page]:text-foreground\"\n                                  >\n                                    {menuItem.label}\n                                  </DropdownMenuItem>\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                              <DropdownMenuItem href={item.href}>\n                                {item.label}\n                              </DropdownMenuItem>\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"
     }
   ],

package/public/r/sidebar.json

@@ -4,7 +4,7 @@
   "title": "Sidebar",
   "description": "A composable, themeable, and customizable Astro sidebar component.",
   "dependencies": [
-    "@data-slot/tooltip",
+    "@data-slot/tooltip@^1.0.2",
     "@lucide/astro"
   ],
   "registryDependencies": [

package/public/r/slider.json

@@ -4,12 +4,12 @@
   "title": "Slider",
   "description": "An input where the user selects a value from within a given range.",
   "dependencies": [
-    "@data-slot/slider"
+    "@data-slot/slider@^1.0.2"
   ],
   "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  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype SliderValue = number | [number, number]\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  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
       "type": "registry:ui"
     },
     {

package/public/r/switch.json

@@ -4,12 +4,12 @@
   "title": "Switch",
   "description": "A control that allows the user to toggle between checked and not checked.",
   "dependencies": [
-    "@data-slot/switch"
+    "@data-slot/switch@^1.0.2"
   ],
   "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  document.addEventListener(\"astro:page-load\", () => 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  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
       "type": "registry:ui"
     },
     {

package/public/r/tabs.json

@@ -4,17 +4,17 @@
   "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"
+    "@data-slot/tabs@^1.0.2"
   ],
   "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  document.addEventListener(\"astro:page-load\", () => 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  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\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, 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",
+      "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"
     },
     {
@@ -29,7 +29,7 @@
     },
     {
       "path": "src/components/ui/tabs/tabs-trigger.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"button\"> & {\n  value?: string\n}\n\nconst { class: className, value, ...props } = Astro.props\n---\n\n<button\n  data-slot=\"tabs-trigger\"\n  data-value={value}\n  class={cn(\n    \"text-foreground/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent\",\n    \"data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground\",\n    \"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</button>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"button\"> & {\n  value: string\n}\n\nconst { class: className, value, type = \"button\", ...props } = Astro.props\n---\n\n<button\n  data-slot=\"tabs-trigger\"\n  type={type}\n  data-value={value}\n  class={cn(\n    \"text-foreground/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent\",\n    \"data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground\",\n    \"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</button>\n",
       "type": "registry:ui"
     },
     {

package/public/r/toast.json

@@ -0,0 +1,80 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "toast",
+  "title": "Toast",
+  "description": "A brief notification that appears without interrupting the user.",
+  "dependencies": [
+    "@data-slot/toast@^1.0.2",
+    "@lucide/astro"
+  ],
+  "registryDependencies": [
+    "@fulldev/button"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/toast/index.ts",
+      "content": "export { default as Toast } from \"./toast.astro\"\nexport { default as ToastTemplate } from \"./toast-template.astro\"\nexport { default as ToastViewport } from \"./toast-viewport.astro\"\nexport { default as ToastItem } from \"./toast-item.astro\"\nexport { default as ToastContent } from \"./toast-content.astro\"\nexport { default as ToastIcon } from \"./toast-icon.astro\"\nexport { default as ToastTitle } from \"./toast-title.astro\"\nexport { default as ToastDescription } from \"./toast-description.astro\"\nexport { default as ToastAction } from \"./toast-action.astro\"\nexport { default as ToastClose } from \"./toast-close.astro\"\nexport { default as Toaster } from \"./toaster.astro\"\n\nexport type {\n  ToastActionEvent,\n  ToastClearableField,\n  ToastController,\n  ToastOptions,\n  ToastPosition,\n  ToastPromiseErrorValue,\n  ToastPromiseHandle,\n  ToastPromiseOptions,\n  ToastPromiseState,\n  ToastPromiseStateValue,\n  ToastShowOptions,\n  ToastUpdateOptions,\n} from \"@data-slot/toast\"\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toast/toast-action.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"@/components/ui/button\"\n\ntype Props = HTMLAttributes<\"button\">\n\nconst {\n  class: className,\n  hidden = true,\n  type = \"button\",\n  ...props\n} = Astro.props\n---\n\n<button\n  data-slot=\"toast-action\"\n  type={type}\n  class={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), className)}\n  hidden={hidden}\n  {...props}\n>\n  <slot />\n</button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toast/toast-close.astro",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\nimport XIcon from \"@lucide/astro/icons/x\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\n\ntype Props = ComponentProps<typeof Button>\n\nconst { class: className, ...props } = Astro.props\n---\n\n<Button\n  data-slot=\"toast-close\"\n  variant=\"ghost\"\n  size=\"icon-sm\"\n  aria-label=\"Close notification\"\n  class={cn(\n    \"text-muted-foreground hover:text-foreground relative shrink-0 after:absolute after:-inset-2 after:content-['']\",\n    className\n  )}\n  {...props}\n>\n  <slot>\n    <XIcon aria-hidden=\"true\" />\n  </slot>\n</Button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toast/toast-content.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"toast-content\"\n  class={cn(\n    \"flex min-h-16 items-center gap-3 overflow-hidden p-4 transition-opacity duration-200\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toast/toast-description.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, hidden = true, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"toast-description\"\n  class={cn(\"text-muted-foreground text-sm\", className)}\n  hidden={hidden}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toast/toast-icon.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport CircleCheckIcon from \"@lucide/astro/icons/circle-check\"\nimport InfoIcon from \"@lucide/astro/icons/info\"\nimport LoaderIcon from \"@lucide/astro/icons/loader-circle\"\nimport OctagonXIcon from \"@lucide/astro/icons/octagon-x\"\nimport TriangleAlertIcon from \"@lucide/astro/icons/triangle-alert\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<span\n  data-slot=\"toast-icon\"\n  class={cn(\n    \"shrink-0 group-data-[type=error]/toast-item:[&_[data-toast-icon=error]]:block group-data-[type=info]/toast-item:[&_[data-toast-icon=info]]:block group-data-[type=loading]/toast-item:[&_[data-toast-icon=loading]]:block group-data-[type=success]/toast-item:[&_[data-toast-icon=success]]:block group-data-[type=warning]/toast-item:[&_[data-toast-icon=warning]]:block [&_svg]:hidden [&_svg]:size-4\",\n    className\n  )}\n  {...props}\n>\n  <CircleCheckIcon data-toast-icon=\"success\" aria-hidden=\"true\" />\n  <InfoIcon data-toast-icon=\"info\" aria-hidden=\"true\" />\n  <TriangleAlertIcon data-toast-icon=\"warning\" aria-hidden=\"true\" />\n  <OctagonXIcon\n    data-toast-icon=\"error\"\n    class=\"text-destructive\"\n    aria-hidden=\"true\"\n  />\n  <LoaderIcon\n    data-toast-icon=\"loading\"\n    class=\"animate-spin\"\n    aria-hidden=\"true\"\n  />\n</span>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toast/toast-item.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"li\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<li\n  data-slot=\"toast-item\"\n  role=\"status\"\n  aria-atomic=\"true\"\n  class={cn(\n    \"group/toast-item bg-popover text-popover-foreground ring-foreground/10 focus-visible:border-ring focus-visible:ring-ring/50 pointer-events-auto absolute inset-x-0 z-[calc(1000-var(--toast-index))] box-border w-full rounded-xl opacity-0 shadow-lg ring-1 transition-[transform,opacity,height,box-shadow] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform outline-none select-none group-data-[position=bottom-center]/toast-viewport:bottom-0 group-data-[position=bottom-center]/toast-viewport:origin-bottom group-data-[position=bottom-left]/toast-viewport:bottom-0 group-data-[position=bottom-left]/toast-viewport:origin-bottom group-data-[position=bottom-right]/toast-viewport:bottom-0 group-data-[position=bottom-right]/toast-viewport:origin-bottom group-data-[position=top-center]/toast-viewport:top-0 group-data-[position=top-center]/toast-viewport:origin-top group-data-[position=top-left]/toast-viewport:top-0 group-data-[position=top-left]/toast-viewport:origin-top group-data-[position=top-right]/toast-viewport:top-0 group-data-[position=top-right]/toast-viewport:origin-top focus-visible:ring-3\",\n    \"[transform:translate3d(0,calc(var(--toast-lift,-1)*-100%),0)] data-[mounted=true]:[transform:translate3d(0,0,0)] data-[mounted=true]:opacity-100 data-[swiping=true]:transition-none data-[visible=false]:pointer-events-none data-[visible=false]:opacity-0\",\n    \"data-[mounted=true]:data-[expanded=true]:h-(--toast-initial-height) data-[mounted=true]:data-[expanded=true]:[transform:translate3d(0,calc(var(--toast-offset,0px)*var(--toast-lift,-1)),0)] data-[mounted=true]:data-[expanded=false]:data-[front=false]:h-(--toast-front-height) data-[mounted=true]:data-[expanded=false]:data-[front=false]:[transform:translate3d(0,calc(var(--toast-collapsed-offset-y,0px)*var(--toast-lift,-1)),0)_scale(calc(1-var(--toast-index,0)*0.05))]\",\n    \"data-[removed=true]:data-[front=false]:data-[expanded=false]:[transform:translate3d(0,40%,0)] data-[removed=true]:data-[front=false]:data-[expanded=false]:opacity-0 data-[removed=true]:data-[front=false]:data-[expanded=true]:[transform:translate3d(0,calc(var(--toast-lift,-1)*var(--toast-offset,0px)+var(--toast-lift,-1)*-100%),0)] data-[removed=true]:data-[front=false]:data-[expanded=true]:opacity-0 data-[removed=true]:data-[front=true]:[transform:translate3d(0,calc(var(--toast-lift,-1)*-100%),0)] data-[removed=true]:data-[front=true]:opacity-0\",\n    \"data-[swiping=true]:data-[expanded=true]:[transform:translate3d(var(--toast-swipe-amount-x,0px),calc(var(--toast-offset,0px)*var(--toast-lift,-1)+var(--toast-swipe-amount-y,0px)),0)] data-[swiping=true]:data-[front=false]:data-[expanded=false]:[transform:translate3d(var(--toast-swipe-amount-x,0px),calc(var(--toast-collapsed-offset-y,0px)*var(--toast-lift,-1)+var(--toast-swipe-amount-y,0px)),0)_scale(calc(1-var(--toast-index,0)*0.05))] data-[swiping=true]:data-[front=true]:[transform:translate3d(var(--toast-swipe-amount-x,0px),var(--toast-swipe-amount-y,0px),0)]\",\n    \"data-[removed=true]:data-[swipe-out=true]:opacity-0 data-[removed=true]:data-[swipe-out=true]:data-[front=false]:data-[expanded=false]:[transform:translate3d(var(--toast-swipe-end-x,0px),calc(var(--toast-collapsed-offset-y,0px)*var(--toast-lift,-1)+var(--toast-swipe-end-y,0px)),0)_scale(calc(1-var(--toast-index,0)*0.05))] data-[removed=true]:data-[swipe-out=true]:data-[front=false]:data-[expanded=true]:[transform:translate3d(var(--toast-swipe-end-x,0px),calc(var(--toast-lift,-1)*var(--toast-offset,0px)+var(--toast-swipe-end-y,0px)),0)] data-[removed=true]:data-[swipe-out=true]:data-[front=true]:[transform:translate3d(var(--toast-swipe-end-x,0px),var(--toast-swipe-end-y,0px),0)]\",\n    \"after:absolute after:left-0 after:h-[calc(var(--toast-gap,0px)+1px)] after:w-full after:content-[''] group-data-[position=bottom-center]/toast-viewport:after:bottom-full group-data-[position=bottom-left]/toast-viewport:after:bottom-full group-data-[position=bottom-right]/toast-viewport:after:bottom-full group-data-[position=top-center]/toast-viewport:after:top-full group-data-[position=top-left]/toast-viewport:after:top-full group-data-[position=top-right]/toast-viewport:after:top-full data-[expanded=false]:data-[front=false]:data-open:[&>*]:opacity-0\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</li>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toast/toast-template.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { ...props } = Astro.props\n---\n\n<template data-slot=\"toast-template\" {...props}>\n  <slot />\n</template>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toast/toast-title.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"toast-title\"\n  class={cn(\"text-sm font-medium\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toast/toast-viewport.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"ol\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<ol\n  data-slot=\"toast-viewport\"\n  class={cn(\n    \"group/toast-viewport pointer-events-none fixed z-50 m-0 h-(--toast-stack-size,0px) w-[min(24rem,calc(100vw-2rem))] list-none p-0 outline-none [--toast-collapsed-peek:0.75rem] [--toast-gap:0.75rem] data-[position=bottom-center]:bottom-4 data-[position=bottom-center]:left-1/2 data-[position=bottom-center]:-translate-x-1/2 data-[position=bottom-left]:bottom-4 data-[position=bottom-left]:left-4 data-[position=bottom-right]:right-4 data-[position=bottom-right]:bottom-4 data-[position=top-center]:top-4 data-[position=top-center]:left-1/2 data-[position=top-center]:-translate-x-1/2 data-[position=top-left]:top-4 data-[position=top-left]:left-4 data-[position=top-right]:top-4 data-[position=top-right]:right-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</ol>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toast/toast.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { ToastPosition } from \"@data-slot/toast\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  limit?: number\n  duration?: number\n  position?: ToastPosition\n  pauseOnHover?: boolean\n  pauseOnFocus?: boolean\n  portal?: boolean\n}\n\nconst {\n  class: className,\n  limit,\n  duration,\n  position,\n  pauseOnHover,\n  pauseOnFocus,\n  portal,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"toast\"\n  data-limit={limit}\n  data-duration={duration}\n  data-position={position}\n  data-pause-on-hover={pauseOnHover}\n  data-pause-on-focus={pauseOnFocus}\n  data-portal={portal}\n  class={className}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/toast\"\n\n  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toast/toaster.astro",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport ToastAction from \"./toast-action.astro\"\nimport ToastClose from \"./toast-close.astro\"\nimport ToastContent from \"./toast-content.astro\"\nimport ToastDescription from \"./toast-description.astro\"\nimport ToastIcon from \"./toast-icon.astro\"\nimport ToastItem from \"./toast-item.astro\"\nimport ToastTemplate from \"./toast-template.astro\"\nimport ToastTitle from \"./toast-title.astro\"\nimport ToastViewport from \"./toast-viewport.astro\"\nimport Toast from \"./toast.astro\"\n\ntype Props = ComponentProps<typeof Toast> & {\n  viewportClass?: string\n}\n\nconst { viewportClass, ...props } = Astro.props\n---\n\n<Toast {...props}>\n  <ToastTemplate>\n    <ToastItem>\n      <ToastContent>\n        <ToastIcon />\n        <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <ToastTitle />\n          <ToastDescription />\n        </div>\n        <ToastAction />\n        <ToastClose />\n      </ToastContent>\n    </ToastItem>\n  </ToastTemplate>\n  <ToastViewport class={viewportClass} />\n</Toast>\n",
+      "type": "registry:ui"
+    }
+  ],
+  "docs": "https://ui.full.dev/components/toast/",
+  "categories": [
+    "ui"
+  ],
+  "type": "registry:ui"
+}

package/public/r/toggle-group.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "toggle-group",
+  "title": "Toggle Group",
+  "description": "A set of two-state buttons that can be toggled independently or as a single choice.",
+  "dependencies": [
+    "@data-slot/toggle-group@^1.0.2"
+  ],
+  "registryDependencies": [
+    "@fulldev/toggle"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/toggle-group/index.ts",
+      "content": "export { default as ToggleGroup } from \"./toggle-group.astro\"\nexport { default as ToggleGroupItem } from \"./toggle-group-item.astro\"\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toggle-group/toggle-group-item.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  toggleVariants,\n  type ToggleVariantProps,\n} from \"@/components/ui/toggle/toggle-variants\"\n\ntype Props = HTMLAttributes<\"button\"> &\n  ToggleVariantProps & {\n    value: string\n    disabled?: boolean\n  }\n\nconst {\n  class: className,\n  value,\n  disabled,\n  variant = \"default\",\n  size = \"default\",\n  type = \"button\",\n  ...props\n} = Astro.props\n---\n\n<button\n  data-slot=\"toggle-group-item\"\n  data-value={value}\n  data-disabled={disabled ? \"\" : undefined}\n  type={type}\n  disabled={disabled}\n  aria-pressed=\"false\"\n  class={cn(\n    \"data-[state=on]:bg-muted shrink-0 group-aria-disabled/toggle-group:pointer-events-none group-aria-disabled/toggle-group:opacity-50 focus:z-10 focus-visible:z-10\",\n    \"group-data-[variant=outline]/toggle-group:border-input group-data-[variant=default]/toggle-group:border-0 group-data-[variant=default]/toggle-group:shadow-none group-data-[variant=outline]/toggle-group:border group-data-[variant=outline]/toggle-group:shadow-xs group-data-[variant=default]/toggle-group:data-[state=off]:bg-transparent group-data-[variant=outline]/toggle-group:data-[state=off]:bg-transparent\",\n    \"group-data-[size=default]/toggle-group:h-9 group-data-[size=default]/toggle-group:min-w-9 group-data-[size=default]/toggle-group:px-2.5 group-data-[size=lg]/toggle-group:h-10 group-data-[size=lg]/toggle-group:min-w-10 group-data-[size=lg]/toggle-group:px-2.5 group-data-[size=sm]/toggle-group:h-8 group-data-[size=sm]/toggle-group:min-w-8 group-data-[size=sm]/toggle-group:px-2.5 group-data-[size=default]/toggle-group:has-data-[icon=inline-end]:pr-2 group-data-[size=lg]/toggle-group:has-data-[icon=inline-end]:pr-2 group-data-[size=sm]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[size=default]/toggle-group:has-data-[icon=inline-start]:pl-2 group-data-[size=lg]/toggle-group:has-data-[icon=inline-start]:pl-2 group-data-[size=sm]/toggle-group:has-data-[icon=inline-start]:pl-1.5\",\n    toggleVariants({ variant, size }),\n    className\n  )}\n  {...props}\n>\n  <slot />\n</button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toggle-group/toggle-group.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport type { ToggleVariantProps } from \"@/components/ui/toggle/toggle-variants\"\n\ntype Props = HTMLAttributes<\"div\"> &\n  ToggleVariantProps & {\n    defaultValue?: string | string[]\n    multiple?: boolean\n    orientation?: \"horizontal\" | \"vertical\"\n    loop?: boolean\n    disabled?: boolean\n    spacing?: number\n  }\n\nconst {\n  class: className,\n  style,\n  defaultValue,\n  multiple,\n  orientation = \"horizontal\",\n  loop,\n  disabled,\n  variant,\n  size,\n  spacing = 2,\n  ...props\n} = Astro.props\n\nconst serializedDefaultValue = Array.isArray(defaultValue)\n  ? defaultValue.join(\" \")\n  : defaultValue\n\nconst resolvedStyle =\n  typeof style === \"string\"\n    ? `--gap: ${spacing}; ${style}`\n    : { \"--gap\": spacing, ...(style ?? {}) }\n---\n\n<div\n  data-slot=\"toggle-group\"\n  data-default-value={serializedDefaultValue}\n  data-multiple={multiple ? \"\" : undefined}\n  data-orientation={orientation}\n  data-horizontal={orientation === \"horizontal\" ? \"\" : undefined}\n  data-vertical={orientation === \"vertical\" ? \"\" : undefined}\n  data-loop={loop}\n  data-disabled={disabled ? \"\" : undefined}\n  data-variant={variant}\n  data-size={size}\n  data-spacing={spacing}\n  style={resolvedStyle}\n  class={cn(\n    \"group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-vertical:flex-col data-vertical:items-stretch data-[spacing=0]:data-[variant=outline]:shadow-xs [&[data-orientation=horizontal][data-spacing='0']>[data-slot=toggle-group-item]:first-child]:rounded-l-md [&[data-orientation=horizontal][data-spacing='0']>[data-slot=toggle-group-item]:last-child]:rounded-r-md [&[data-orientation=horizontal][data-spacing='0'][data-variant=outline]>[data-slot=toggle-group-item]:not(:first-child)]:border-l-0 [&[data-orientation=vertical][data-spacing='0']>[data-slot=toggle-group-item]:first-child]:rounded-t-md [&[data-orientation=vertical][data-spacing='0']>[data-slot=toggle-group-item]:last-child]:rounded-b-md [&[data-orientation=vertical][data-spacing='0'][data-variant=outline]>[data-slot=toggle-group-item]:not(:first-child)]:border-t-0 [&[data-spacing='0']>[data-slot=toggle-group-item]]:rounded-none [&[data-spacing='0']>[data-slot=toggle-group-item]]:px-2 [&[data-spacing='0']>[data-slot=toggle-group-item]]:shadow-none [&[data-spacing='0']>[data-slot=toggle-group-item]:has([data-icon=inline-end])]:pr-1.5 [&[data-spacing='0']>[data-slot=toggle-group-item]:has([data-icon=inline-start])]:pl-1.5\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/toggle-group\"\n\n  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
+      "type": "registry:ui"
+    }
+  ],
+  "docs": "https://ui.full.dev/components/toggle-group/",
+  "categories": [
+    "ui"
+  ],
+  "type": "registry:ui"
+}

package/public/r/toggle.json

@@ -4,12 +4,12 @@
   "title": "Toggle",
   "description": "A two-state button that can be either on or off.",
   "dependencies": [
-    "@data-slot/toggle"
+    "@data-slot/toggle@^1.0.2"
   ],
   "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  document.addEventListener(\"astro:page-load\", () => 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  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
       "type": "registry:ui"
     },
     {

package/public/r/tooltip.json

@@ -4,12 +4,12 @@
   "title": "Tooltip",
   "description": "Displays contextual information when a user hovers or focuses a trigger.",
   "dependencies": [
-    "@data-slot/tooltip"
+    "@data-slot/tooltip@^1.0.2"
   ],
   "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  document.addEventListener(\"astro:page-load\", () => 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  mountStrategy?: \"lazy\" | \"eager\"\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  mountStrategy,\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-mount-strategy={mountStrategy}\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  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -19,7 +19,7 @@
     },
     {
       "path": "src/components/ui/tooltip/tooltip-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { TooltipAlign, TooltipSide } from \"@data-slot/tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: TooltipSide\n  align?: TooltipAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n}\n\nconst {\n  class: className,\n  hidden = true,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"tooltip-portal\">\n  <div\n    data-slot=\"tooltip-positioner\"\n    data-side={side}\n    data-align={align}\n    data-side-offset={sideOffset}\n    data-align-offset={alignOffset}\n    data-avoid-collisions={avoidCollisions}\n    data-collision-padding={collisionPadding}\n    class=\"isolate z-50\"\n  >\n    <div\n      data-slot=\"tooltip-content\"\n      data-side={side}\n      data-align={align}\n      data-side-offset={sideOffset}\n      data-align-offset={alignOffset}\n      data-avoid-collisions={avoidCollisions}\n      data-collision-padding={collisionPadding}\n      hidden={hidden}\n      class={cn(\n        \"bg-foreground text-background data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 data-[instant]:animate-none data-[instant]:transition-none **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm\",\n        className\n      )}\n      {...props}\n    >\n      <slot />\n      <div\n        data-slot=\"tooltip-arrow\"\n        aria-hidden=\"true\"\n        class=\"bg-foreground fill-foreground z-50 size-2.5 rotate-45 rounded-[2px] data-[side=bottom]:-top-1 data-[side=inline-end]:-left-1 data-[side=inline-end]:translate-x-[1.5px] data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-x-[1.5px] data-[side=left]:-right-1 data-[side=left]:-translate-x-[1.5px] data-[side=right]:-left-1 data-[side=right]:translate-x-[1.5px] data-[side=top]:-bottom-1\"\n      >\n      </div>\n    </div>\n  </div>\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { TooltipAlign, TooltipSide } from \"@data-slot/tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: TooltipSide\n  align?: TooltipAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n}\n\nconst {\n  class: className,\n  hidden = true,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"tooltip-portal\">\n  <div\n    data-slot=\"tooltip-positioner\"\n    data-side={side}\n    data-align={align}\n    data-side-offset={sideOffset}\n    data-align-offset={alignOffset}\n    data-avoid-collisions={avoidCollisions}\n    data-collision-padding={collisionPadding}\n    class=\"isolate z-[1000]\"\n  >\n    <div\n      data-slot=\"tooltip-content\"\n      data-side={side}\n      data-align={align}\n      data-side-offset={sideOffset}\n      data-align-offset={alignOffset}\n      data-avoid-collisions={avoidCollisions}\n      data-collision-padding={collisionPadding}\n      hidden={hidden}\n      class={cn(\n        \"bg-foreground text-background data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 data-[instant]:animate-none data-[instant]:transition-none **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm\",\n        className\n      )}\n      {...props}\n    >\n      <slot />\n      <div\n        data-slot=\"tooltip-arrow\"\n        aria-hidden=\"true\"\n        class=\"bg-foreground fill-foreground z-50 size-2.5 rotate-45 rounded-[2px] data-[side=bottom]:-top-1 data-[side=inline-end]:-left-1 data-[side=inline-end]:translate-x-[1.5px] data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-x-[1.5px] data-[side=left]:-right-1 data-[side=left]:-translate-x-[1.5px] data-[side=right]:-left-1 data-[side=right]:translate-x-[1.5px] data-[side=top]:-bottom-1\"\n      >\n      </div>\n    </div>\n  </div>\n</div>\n",
       "type": "registry:ui"
     },
     {