fulldev-ui 0.9.3 → 0.10.1

package/public/r/navigation-menu.json

@@ -2,20 +2,18 @@
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "navigation-menu",
   "dependencies": [
-    "@data-slot/navigation-menu"
-  ],
-  "registryDependencies": [
-    "@fulldev/icon"
+    "@data-slot/navigation-menu",
+    "@lucide/astro"
   ],
   "files": [
     {
       "path": "src/components/ui/navigation-menu/navigation-menu.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport NavigationMenuPositioner from \"./navigation-menu-positioner.astro\"\n\ntype Props = HTMLAttributes<\"nav\"> & {\n  delayOpen?: number\n  delayClose?: number\n  openOnFocus?: boolean\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  align?: \"start\" | \"center\" | \"end\"\n  sideOffset?: number\n  alignOffset?: number\n  positionMethod?: \"absolute\" | \"fixed\"\n  safeTriangle?: boolean\n  debugSafeTriangle?: boolean\n}\n\nconst {\n  class: className = \"\",\n  delayOpen = 0,\n  delayClose = 0,\n  openOnFocus,\n  side = \"bottom\",\n  align = \"start\",\n  sideOffset = 0,\n  alignOffset = 0,\n  positionMethod = \"absolute\",\n  safeTriangle,\n  debugSafeTriangle,\n  ...props\n} = Astro.props\n---\n\n<nav\n  {...props}\n  data-slot=\"navigation-menu\"\n  data-delay-open={delayOpen}\n  data-delay-close={delayClose}\n  data-open-on-focus={openOnFocus}\n  data-side={side}\n  data-align={align}\n  data-side-offset={sideOffset}\n  data-align-offset={alignOffset}\n  data-position-method={positionMethod}\n  data-safe-triangle={safeTriangle}\n  data-debug-safe-triangle={debugSafeTriangle}\n  class={cn(\n    \"group/navigation-menu relative flex flex-1 items-center justify-center\",\n    className\n  )}\n>\n  <slot />\n  <NavigationMenuPositioner align={align} />\n</nav>\n\n<script>\n  import { create } from \"@data-slot/navigation-menu\"\n\n  create()\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport NavigationMenuPositioner from \"./navigation-menu-positioner.astro\"\n\ntype Props = HTMLAttributes<\"nav\"> & {\n  delayOpen?: number\n  delayClose?: number\n  openOnFocus?: boolean\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  align?: \"start\" | \"center\" | \"end\"\n  sideOffset?: number\n  alignOffset?: number\n  positionMethod?: \"absolute\" | \"fixed\"\n  safeTriangle?: boolean\n  debugSafeTriangle?: boolean\n}\n\nconst {\n  class: className = \"\",\n  delayOpen = 0,\n  delayClose = 0,\n  openOnFocus,\n  side = \"bottom\",\n  align = \"start\",\n  sideOffset = 0,\n  alignOffset = 0,\n  positionMethod = \"absolute\",\n  safeTriangle,\n  debugSafeTriangle,\n  ...props\n} = Astro.props\n---\n\n<nav\n  {...props}\n  data-slot=\"navigation-menu\"\n  data-delay-open={delayOpen}\n  data-delay-close={delayClose}\n  data-open-on-focus={openOnFocus}\n  data-side={side}\n  data-align={align}\n  data-side-offset={sideOffset}\n  data-align-offset={alignOffset}\n  data-position-method={positionMethod}\n  data-safe-triangle={safeTriangle}\n  data-debug-safe-triangle={debugSafeTriangle}\n  class={cn(\n    \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n    className\n  )}\n>\n  <slot />\n  <NavigationMenuPositioner align={align} />\n</nav>\n\n<script>\n  import { create } from \"@data-slot/navigation-menu\"\n\n  create()\n</script>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/navigation-menu/navigation-menu-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = {\n  class?: string\n  align?: \"start\" | \"center\" | \"end\"\n  alignOffset?: number\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  sideOffset?: number\n} & HTMLAttributes<\"div\">\n\nconst {\n  class: className = \"\",\n  align,\n  alignOffset,\n  side,\n  sideOffset,\n  ...props\n} = Astro.props\n---\n\n<div\n  {...props}\n  data-slot=\"navigation-menu-content\"\n  data-align={align}\n  data-align-offset={alignOffset}\n  data-side={side}\n  data-side-offset={sideOffset}\n  class={cn(\n    \"data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 h-full w-auto p-2 pr-2.5 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n    className\n  )}\n>\n  <slot />\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = {\n  class?: string\n  align?: \"start\" | \"center\" | \"end\"\n  alignOffset?: number\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  sideOffset?: number\n} & HTMLAttributes<\"div\">\n\nconst {\n  class: className = \"\",\n  hidden = true,\n  align,\n  alignOffset,\n  side,\n  sideOffset,\n  ...props\n} = Astro.props\n---\n\n<div\n  {...props}\n  data-slot=\"navigation-menu-content\"\n  hidden={hidden}\n  data-align={align}\n  data-align-offset={alignOffset}\n  data-side={side}\n  data-side-offset={sideOffset}\n  class={cn(\n    \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 h-full w-auto p-2 pr-2.5 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:data-[activation-direction=left]:translate-x-[50%] data-starting-style:data-[activation-direction=left]:translate-x-[-50%] data-ending-style:data-[activation-direction=right]:translate-x-[-50%] data-starting-style:data-[activation-direction=right]:translate-x-[50%] **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n    className\n  )}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
@@ -30,17 +28,17 @@
     },
     {
       "path": "src/components/ui/navigation-menu/navigation-menu-list.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"ul\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<ul\n  data-slot=\"navigation-menu-list\"\n  class={cn(\n    \"group flex flex-1 list-none items-center justify-center gap-1\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</ul>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"ul\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<ul\n  data-slot=\"navigation-menu-list\"\n  class={cn(\n    \"group relative flex flex-1 list-none items-center justify-center gap-0\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</ul>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/navigation-menu/navigation-menu-indicator.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=\"navigation-menu-indicator\"\n  class={cn(\n    \"data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden\",\n    className\n  )}\n  {...props}\n>\n  <div\n    class=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\"\n  >\n  </div>\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"navigation-menu-indicator\"\n  data-state=\"hidden\"\n  class={cn(\n    \"data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in absolute top-full left-(--indicator-left) z-1 flex h-1.5 w-(--indicator-width) items-end justify-center overflow-hidden data-[state=hidden]:invisible\",\n    className\n  )}\n  {...props}\n>\n  <div\n    class=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\"\n  >\n  </div>\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/navigation-menu/navigation-menu-trigger.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\nimport navigationMenuTriggerStyle from \"./navigation-menu-trigger-style\"\n\ntype Props = HTMLAttributes<\"button\">\n\nconst { class: className, type = \"button\", ...props } = Astro.props\n---\n\n<button\n  data-slot=\"navigation-menu-trigger\"\n  type={type}\n  class={cn(navigationMenuTriggerStyle(), \"group\", className)}\n  {...props}\n>\n  <slot />\n  {\" \"}\n  <Icon\n    name=\"chevron-down\"\n    class=\"relative top-px ml-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180\"\n    aria-hidden=\"true\"\n  />\n</button>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport ChevronDownIcon from \"@lucide/astro/icons/chevron-down\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport navigationMenuTriggerStyle from \"./navigation-menu-trigger-style\"\n\ntype Props = HTMLAttributes<\"button\">\n\nconst { class: className, type = \"button\", ...props } = Astro.props\n---\n\n<button\n  data-slot=\"navigation-menu-trigger\"\n  type={type}\n  class={cn(navigationMenuTriggerStyle(), \"group\", className)}\n  {...props}\n>\n  <slot />\n  {\" \"}\n  <ChevronDownIcon\n    class=\"relative top-px ml-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180\"\n    aria-hidden=\"true\"\n  />\n</button>\n",
       "type": "registry:ui"
     },
     {
@@ -50,7 +48,7 @@
     },
     {
       "path": "src/components/ui/navigation-menu/navigation-menu-positioner.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  sideOffset?: number\n  align?: \"start\" | \"center\" | \"end\"\n  alignOffset?: number\n}\n\nconst {\n  class: className,\n  side = \"bottom\",\n  sideOffset = 8,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"navigation-menu-portal\">\n  <div\n    {...props}\n    data-slot=\"navigation-menu-positioner\"\n    data-side={side}\n    data-side-offset={sideOffset}\n    data-align={align}\n    data-align-offset={alignOffset}\n    class={cn(\n      \"isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0\",\n      className\n    )}\n  >\n    <div\n      data-slot=\"navigation-menu-popup\"\n      class=\"data-[ending-style]:easing-[ease] xs:w-(--popup-width) bg-popover text-popover-foreground ring-foreground/10 relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg shadow ring-1 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0\"\n    >\n      <div\n        data-slot=\"navigation-menu-viewport\"\n        class=\"relative size-full overflow-hidden\"\n      >\n      </div>\n    </div>\n  </div>\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  sideOffset?: number\n  align?: \"start\" | \"center\" | \"end\"\n  alignOffset?: number\n}\n\nconst {\n  class: className,\n  side = \"bottom\",\n  sideOffset = 8,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"navigation-menu-portal\">\n  <div\n    {...props}\n    data-slot=\"navigation-menu-positioner\"\n    data-side={side}\n    data-side-offset={sideOffset}\n    data-align={align}\n    data-align-offset={alignOffset}\n    class={cn(\n      \"isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0\",\n      className\n    )}\n  >\n    <div\n      data-slot=\"navigation-menu-popup\"\n      hidden\n      class=\"data-[ending-style]:easing-[ease] xs:w-(--popup-width) bg-popover text-popover-foreground ring-foreground/10 relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg shadow ring-1 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0\"\n    >\n      <div\n        data-slot=\"navigation-menu-viewport\"\n        hidden\n        class=\"relative size-full overflow-hidden\"\n      >\n      </div>\n    </div>\n  </div>\n</div>\n",
       "type": "registry:ui"
     },
     {

package/public/r/page.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "page",
+  "registryDependencies": [
+    "@fulldev/layout",
+    "@fulldev/components"
+  ],
+  "files": [
+    {
+      "path": "src/pages/[...page].astro",
+      "content": "---\nimport { getCollection } from \"astro:content\"\n\nimport LayoutRenderer from \"@/components/layout-renderer.astro\"\n\nexport async function getStaticPaths() {\n  const pages = await getCollection(\"pages\")\n  return pages.map((page) => {\n    return {\n      params: {\n        page: page.id === \"index\" ? undefined : page.id,\n      },\n      props: page,\n    }\n  })\n}\n---\n\n<LayoutRenderer {...Astro.props} />\n",
+      "type": "registry:file",
+      "target": "src/pages/[...page].astro"
+    }
+  ],
+  "type": "registry:file"
+}

package/public/r/popover.json

@@ -17,7 +17,7 @@
     },
     {
       "path": "src/components/ui/popover/popover-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { PopoverAlign, PopoverSide } from \"@data-slot/popover\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: PopoverSide\n  align?: PopoverAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  position?: PopoverSide\n}\n\nconst {\n  class: className,\n  hidden = true,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  position,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"popover-portal\">\n  <div\n    data-slot=\"popover-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    data-position={position}\n    class=\"isolate z-50\"\n  >\n    <div\n      data-slot=\"popover-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      data-position={position}\n      hidden={hidden}\n      class={cn(\n        \"bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 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 z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-md p-4 text-sm shadow-md ring-1 duration-100 outline-none\",\n        className\n      )}\n      {...props}\n    >\n      <slot />\n    </div>\n  </div>\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { PopoverAlign, PopoverSide } from \"@data-slot/popover\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: PopoverSide\n  align?: PopoverAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  position?: PopoverSide\n}\n\nconst {\n  class: className,\n  hidden = true,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  position,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"popover-portal\">\n  <div\n    data-slot=\"popover-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    data-position={position}\n    class=\"isolate z-50\"\n  >\n    <div\n      data-slot=\"popover-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      data-position={position}\n      hidden={hidden}\n      class={cn(\n        \"bg-popover text-popover-foreground ring-foreground/10 data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95 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 z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden duration-100\",\n        className\n      )}\n      {...props}\n    >\n      <slot />\n    </div>\n  </div>\n</div>\n",
       "type": "registry:ui"
     },
     {

package/public/r/pricing-1.json

@@ -1,19 +1,21 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "pricing-1",
+  "dependencies": [
+    "@lucide/astro"
+  ],
   "registryDependencies": [
     "@fulldev/badge",
     "@fulldev/button",
     "@fulldev/card",
     "@fulldev/price",
     "@fulldev/section",
-    "@fulldev/separator",
-    "@fulldev/icon"
+    "@fulldev/separator"
   ],
   "files": [
     {
       "path": "src/components/blocks/pricing-1.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  title: string\n  description?: string\n  plans: {\n    name: string\n    description: string\n    price: number\n    currency: string\n    unit: string\n    featured?: boolean\n    features: string[]\n    button: {\n      label: string\n      href: string\n      variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n    }\n  }[]\n}\n\nconst { class: className, title, description, plans } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-8 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      {\n        description && (\n          <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n            {description}\n          </p>\n        )\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div\n      class=\"mx-auto grid w-full justify-center gap-6 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fit,minmax(16rem,18rem))]\"\n    >\n      {\n        plans.map((plan) => (\n          <Card\n            class={cn(\"flex flex-col\", plan.featured && \"ring-primary ring-2\")}\n          >\n            <CardHeader>\n              <div class=\"flex items-center gap-2\">\n                <CardTitle>{plan.name}</CardTitle>\n                {plan.featured && <Badge>Popular</Badge>}\n              </div>\n              <CardDescription>{plan.description}</CardDescription>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-6\">\n              <Price>\n                <PriceValue price={plan.price} currency={plan.currency} />\n                <PriceUnit>{plan.unit}</PriceUnit>\n              </Price>\n              <Separator />\n              <ul class=\"flex flex-col gap-3\">\n                {plan.features.map((feature) => (\n                  <li class=\"flex items-center gap-3 text-sm\">\n                    <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n            </CardContent>\n            <CardFooter class=\"mt-auto\">\n              <Button\n                as=\"a\"\n                href={plan.button.href}\n                variant={\n                  plan.button.variant ?? (plan.featured ? \"default\" : \"outline\")\n                }\n                class=\"w-full\"\n              >\n                {plan.button.label}\n              </Button>\n            </CardFooter>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  title: string\n  description?: string\n  plans: {\n    name: string\n    description: string\n    price: number\n    currency: string\n    unit: string\n    featured?: boolean\n    features: string[]\n    button: {\n      label: string\n      href: string\n      variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n    }\n  }[]\n}\n\nconst { class: className, title, description, plans } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-8 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      {\n        description && (\n          <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n            {description}\n          </p>\n        )\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div\n      class=\"mx-auto grid w-full justify-center gap-6 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fit,minmax(16rem,18rem))]\"\n    >\n      {\n        plans.map((plan) => (\n          <Card\n            class={cn(\"flex flex-col\", plan.featured && \"ring-primary ring-2\")}\n          >\n            <CardHeader>\n              <div class=\"flex items-center gap-2\">\n                <CardTitle>{plan.name}</CardTitle>\n                {plan.featured && <Badge>Popular</Badge>}\n              </div>\n              <CardDescription>{plan.description}</CardDescription>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-6\">\n              <Price>\n                <PriceValue price={plan.price} currency={plan.currency} />\n                <PriceUnit>{plan.unit}</PriceUnit>\n              </Price>\n              <Separator />\n              <ul class=\"flex flex-col gap-3\">\n                {plan.features.map((feature) => (\n                  <li class=\"flex items-center gap-3 text-sm\">\n                    <CheckIcon class=\"text-primary size-4 shrink-0\" />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n            </CardContent>\n            <CardFooter class=\"mt-auto\">\n              <Button\n                as=\"a\"\n                href={plan.button.href}\n                variant={\n                  plan.button.variant ?? (plan.featured ? \"default\" : \"outline\")\n                }\n                class=\"w-full\"\n              >\n                {plan.button.label}\n              </Button>\n            </CardFooter>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/pricing-2.json

@@ -1,18 +1,20 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "pricing-2",
+  "dependencies": [
+    "@lucide/astro"
+  ],
   "registryDependencies": [
     "@fulldev/button",
     "@fulldev/card",
     "@fulldev/price",
     "@fulldev/section",
-    "@fulldev/separator",
-    "@fulldev/icon"
+    "@fulldev/separator"
   ],
   "files": [
     {
       "path": "src/components/blocks/pricing-2.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  plans: {\n    name: string\n    description: string\n    price: number\n    compareAt?: number\n    currency: string\n    unit: string\n    features: string[]\n    button: {\n      label: string\n      href: string\n      variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n    }\n  }[]\n}\n\nconst { class: className, title, description, plans } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p\n        class=\"text-muted-foreground mt-4 text-lg leading-relaxed text-balance\"\n      >\n        {description}\n      </p>\n    </div>\n    <div\n      class=\"mx-auto grid w-full justify-center gap-6 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fit,minmax(16rem,18rem))]\"\n    >\n      {\n        plans.map((plan, index) => (\n          <Card class=\"flex flex-col border-none shadow-none\">\n            <CardHeader>\n              <CardTitle>{plan.name}</CardTitle>\n              <CardDescription>{plan.description}</CardDescription>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-6\">\n              <Price>\n                <PriceValue\n                  price={plan.price}\n                  compareAt={plan.compareAt}\n                  currency={plan.currency}\n                />\n                <PriceUnit>{plan.unit}</PriceUnit>\n              </Price>\n              <Separator />\n              <ul class=\"flex flex-col gap-3\">\n                {plan.features.map((feature) => (\n                  <li class=\"flex items-center gap-3 text-sm\">\n                    <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n            </CardContent>\n            <CardFooter class=\"mt-auto\">\n              <Button\n                as=\"a\"\n                href={plan.button.href}\n                variant={\n                  plan.button.variant ?? (index === 0 ? \"outline\" : \"default\")\n                }\n                class=\"w-full\"\n              >\n                {plan.button.label}\n              </Button>\n            </CardFooter>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  plans: {\n    name: string\n    description: string\n    price: number\n    compareAt?: number\n    currency: string\n    unit: string\n    features: string[]\n    button: {\n      label: string\n      href: string\n      variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n    }\n  }[]\n}\n\nconst { class: className, title, description, plans } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p\n        class=\"text-muted-foreground mt-4 text-lg leading-relaxed text-balance\"\n      >\n        {description}\n      </p>\n    </div>\n    <div\n      class=\"mx-auto grid w-full justify-center gap-6 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fit,minmax(16rem,18rem))]\"\n    >\n      {\n        plans.map((plan, index) => (\n          <Card class=\"flex flex-col border-none shadow-none\">\n            <CardHeader>\n              <CardTitle>{plan.name}</CardTitle>\n              <CardDescription>{plan.description}</CardDescription>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-6\">\n              <Price>\n                <PriceValue\n                  price={plan.price}\n                  compareAt={plan.compareAt}\n                  currency={plan.currency}\n                />\n                <PriceUnit>{plan.unit}</PriceUnit>\n              </Price>\n              <Separator />\n              <ul class=\"flex flex-col gap-3\">\n                {plan.features.map((feature) => (\n                  <li class=\"flex items-center gap-3 text-sm\">\n                    <CheckIcon class=\"text-primary size-4 shrink-0\" />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n            </CardContent>\n            <CardFooter class=\"mt-auto\">\n              <Button\n                as=\"a\"\n                href={plan.button.href}\n                variant={\n                  plan.button.variant ?? (index === 0 ? \"outline\" : \"default\")\n                }\n                class=\"w-full\"\n              >\n                {plan.button.label}\n              </Button>\n            </CardFooter>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/pricing-3.json

@@ -1,19 +1,21 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "pricing-3",
+  "dependencies": [
+    "@lucide/astro"
+  ],
   "registryDependencies": [
     "@fulldev/badge",
     "@fulldev/button",
     "@fulldev/card",
     "@fulldev/price",
     "@fulldev/section",
-    "@fulldev/separator",
-    "@fulldev/icon"
+    "@fulldev/separator"
   ],
   "files": [
     {
       "path": "src/components/blocks/pricing-3.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  badge?: string\n  title: string\n  description?: string\n  offer: {\n    name: string\n    description: string\n    price: number\n    currency: string\n    unit: string\n    features: string[]\n    button: {\n      label: string\n      href: string\n      variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n    }\n  }\n}\n\nconst { class: className, badge, title, description, offer } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-8 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      {badge && <Badge variant=\"secondary\">{badge}</Badge>}\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      {\n        description && (\n          <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n            {description}\n          </p>\n        )\n      }\n    </div>\n    <Card class=\"ring-primary w-full max-w-md ring-2\">\n      <CardHeader class=\"text-left\">\n        <CardTitle>{offer.name}</CardTitle>\n        <CardDescription>{offer.description}</CardDescription>\n      </CardHeader>\n      <CardContent class=\"flex flex-col gap-6 text-left\">\n        <Price>\n          <PriceValue price={offer.price} currency={offer.currency} />\n          <PriceUnit>{offer.unit}</PriceUnit>\n        </Price>\n        <Separator />\n        <ul class=\"flex flex-col gap-3\">\n          {\n            offer.features.map((feature) => (\n              <li class=\"flex items-center gap-3 text-sm\">\n                <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n                {feature}\n              </li>\n            ))\n          }\n        </ul>\n      </CardContent>\n      <CardFooter>\n        <Button\n          as=\"a\"\n          href={offer.button.href}\n          variant={offer.button.variant ?? \"default\"}\n          class=\"w-full\"\n        >\n          {offer.button.label}\n        </Button>\n      </CardFooter>\n    </Card>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  badge?: string\n  title: string\n  description?: string\n  offer: {\n    name: string\n    description: string\n    price: number\n    currency: string\n    unit: string\n    features: string[]\n    button: {\n      label: string\n      href: string\n      variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n    }\n  }\n}\n\nconst { class: className, badge, title, description, offer } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-8 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      {badge && <Badge variant=\"secondary\">{badge}</Badge>}\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      {\n        description && (\n          <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n            {description}\n          </p>\n        )\n      }\n    </div>\n    <Card class=\"ring-primary w-full max-w-md ring-2\">\n      <CardHeader class=\"text-left\">\n        <CardTitle>{offer.name}</CardTitle>\n        <CardDescription>{offer.description}</CardDescription>\n      </CardHeader>\n      <CardContent class=\"flex flex-col gap-6 text-left\">\n        <Price>\n          <PriceValue price={offer.price} currency={offer.currency} />\n          <PriceUnit>{offer.unit}</PriceUnit>\n        </Price>\n        <Separator />\n        <ul class=\"flex flex-col gap-3\">\n          {\n            offer.features.map((feature) => (\n              <li class=\"flex items-center gap-3 text-sm\">\n                <CheckIcon class=\"text-primary size-4 shrink-0\" />\n                {feature}\n              </li>\n            ))\n          }\n        </ul>\n      </CardContent>\n      <CardFooter>\n        <Button\n          as=\"a\"\n          href={offer.button.href}\n          variant={offer.button.variant ?? \"default\"}\n          class=\"w-full\"\n        >\n          {offer.button.label}\n        </Button>\n      </CardFooter>\n    </Card>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/products-1.json

@@ -10,7 +10,7 @@
   "files": [
     {
       "path": "src/components/blocks/products-1.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  badge: string\n  title: string\n  products: {\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n    title: string\n    description: string\n    price: {\n      value: number\n      currency: string\n      unit: string\n    }\n  }[]\n}\n\nconst { class: className, badge, title, products } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n      <Badge variant=\"secondary\">{badge}</Badge>\n      <h2\n        class=\"mt-4 text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n    </div>\n    <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n      {\n        products.map((product) => (\n          <Card>\n            <Image\n              src={product.image.src}\n              alt={product.image.alt}\n              class=\"aspect-4/3 w-full object-cover\"\n            />\n            <CardHeader>\n              <CardTitle>{product.title}</CardTitle>\n              <CardDescription>{product.description}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <Price>\n                <PriceValue\n                  price={product.price.value}\n                  currency={product.price.currency}\n                />\n                <PriceUnit>{product.price.unit}</PriceUnit>\n              </Price>\n            </CardContent>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  badge: string\n  title: string\n  products: {\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n    title: string\n    description: string\n    price: {\n      value: number\n      currency: string\n      unit: string\n    }\n  }[]\n}\n\nconst { class: className, badge, title, products } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n      <Badge variant=\"secondary\">{badge}</Badge>\n      <h2\n        class=\"mt-4 text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n    </div>\n    <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n      {\n        products.map((product) => (\n          <Card>\n            <Image\n              src={product.image.src}\n              alt={product.image.alt}\n              class=\"aspect-[4/3] w-full object-cover\"\n            />\n            <CardHeader>\n              <CardTitle>{product.title}</CardTitle>\n              <CardDescription>{product.description}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <Price>\n                <PriceValue\n                  price={product.price.value}\n                  currency={product.price.currency}\n                />\n                <PriceUnit>{product.price.unit}</PriceUnit>\n              </Price>\n            </CardContent>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/products-4.json

@@ -10,7 +10,7 @@
   "files": [
     {
       "path": "src/components/blocks/products-4.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  products: {\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n    title: string\n    description: string\n    price: {\n      value: number\n      currency: string\n      unit: string\n    }\n  }[]\n}\n\nconst { class: className, title, description, buttons, products } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-8\">\n    <div\n      class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\n    >\n      <div class=\"max-w-2xl\">\n        <h2\n          class=\"text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        <p class=\"text-muted-foreground mt-3 text-lg leading-8\">\n          {description}\n        </p>\n      </div>\n      <div class=\"flex shrink-0 flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }) => (\n            <Button as=\"a\" href={href} variant={button.variant}>\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n    </div>\n    <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n      {\n        products.map((product) => (\n          <Card>\n            <Image\n              src={product.image.src}\n              alt={product.image.alt}\n              class=\"aspect-4/3 w-full object-cover\"\n            />\n            <CardHeader>\n              <CardTitle>{product.title}</CardTitle>\n              <CardDescription>{product.description}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <Price>\n                <PriceValue\n                  price={product.price.value}\n                  currency={product.price.currency}\n                />\n                <PriceUnit>{product.price.unit}</PriceUnit>\n              </Price>\n            </CardContent>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  products: {\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n    title: string\n    description: string\n    price: {\n      value: number\n      currency: string\n      unit: string\n    }\n  }[]\n}\n\nconst { class: className, title, description, buttons, products } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-8\">\n    <div\n      class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\n    >\n      <div class=\"max-w-2xl\">\n        <h2\n          class=\"text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        <p class=\"text-muted-foreground mt-3 text-lg leading-8\">\n          {description}\n        </p>\n      </div>\n      <div class=\"flex flex-shrink-0 flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }) => (\n            <Button as=\"a\" href={href} variant={button.variant}>\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n    </div>\n    <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n      {\n        products.map((product) => (\n          <Card>\n            <Image\n              src={product.image.src}\n              alt={product.image.alt}\n              class=\"aspect-[4/3] w-full object-cover\"\n            />\n            <CardHeader>\n              <CardTitle>{product.title}</CardTitle>\n              <CardDescription>{product.description}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <Price>\n                <PriceValue\n                  price={product.price.value}\n                  currency={product.price.currency}\n                />\n                <PriceUnit>{product.price.unit}</PriceUnit>\n              </Price>\n            </CardContent>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/products-5.json

@@ -11,7 +11,7 @@
   "files": [
     {
       "path": "src/components/blocks/products-5.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  badge: string\n  title: string\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  products: {\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n    title: string\n    description: string\n    price: {\n      value: number\n      currency: string\n      unit: string\n    }\n  }[]\n}\n\nconst { class: className, badge, title, buttons, products } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n      <Badge variant=\"secondary\">{badge}</Badge>\n      <h2\n        class=\"mt-4 text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <div class=\"mt-4 flex flex-wrap justify-center gap-3\">\n        {\n          buttons.map(({ href, label, ...button }) => (\n            <Button as=\"a\" href={href} variant={button.variant}>\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n    </div>\n    <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n      {\n        products.map((product) => (\n          <Card class=\"group/product gap-0 overflow-hidden py-0\">\n            <div class=\"overflow-hidden\">\n              <Image\n                src={product.image.src}\n                alt={product.image.alt}\n                class=\"aspect-3/4 w-full object-cover transition-transform duration-300 group-hover/product:scale-105\"\n              />\n            </div>\n            <CardHeader class=\"pt-6\">\n              <CardTitle>{product.title}</CardTitle>\n              <CardDescription>{product.description}</CardDescription>\n            </CardHeader>\n            <CardContent class=\"pt-4 pb-6\">\n              <Price>\n                <PriceValue\n                  price={product.price.value}\n                  currency={product.price.currency}\n                />\n                <PriceUnit>{product.price.unit}</PriceUnit>\n              </Price>\n            </CardContent>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  badge: string\n  title: string\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  products: {\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n    title: string\n    description: string\n    price: {\n      value: number\n      currency: string\n      unit: string\n    }\n  }[]\n}\n\nconst { class: className, badge, title, buttons, products } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n      <Badge variant=\"secondary\">{badge}</Badge>\n      <h2\n        class=\"mt-4 text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <div class=\"mt-4 flex flex-wrap justify-center gap-3\">\n        {\n          buttons.map(({ href, label, ...button }) => (\n            <Button as=\"a\" href={href} variant={button.variant}>\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n    </div>\n    <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n      {\n        products.map((product) => (\n          <Card class=\"group/product gap-0 overflow-hidden\">\n            <div class=\"overflow-hidden\">\n              <Image\n                src={product.image.src}\n                alt={product.image.alt}\n                class=\"aspect-[3/4] w-full object-cover transition-transform duration-300 group-hover/product:scale-105\"\n              />\n            </div>\n            <CardHeader>\n              <CardTitle>{product.title}</CardTitle>\n              <CardDescription>{product.description}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <Price>\n                <PriceValue\n                  price={product.price.value}\n                  currency={product.price.currency}\n                />\n                <PriceUnit>{product.price.unit}</PriceUnit>\n              </Price>\n            </CardContent>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/radio-group.json

@@ -12,7 +12,7 @@
     },
     {
       "path": "src/components/ui/radio-group/radio-group-item.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\"> & {\n  value: string\n  disabled?: boolean\n  indicatorClass?: string\n}\n\nconst {\n  class: className,\n  value,\n  disabled,\n  indicatorClass,\n  ...props\n} = Astro.props\n---\n\n<span\n  data-slot=\"radio-group-item\"\n  data-value={value}\n  data-disabled={disabled ? \"\" : undefined}\n  class={cn(\n    \"group/radio-group-item peer border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-[checked]:border-primary data-[checked]:bg-primary data-[checked]:text-primary-foreground dark:data-[checked]:bg-primary relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n    className\n  )}\n  {...props}\n>\n  <span\n    aria-hidden=\"true\"\n    data-slot=\"radio-group-indicator\"\n    class={cn(\n      \"flex size-4 items-center justify-center opacity-0 group-data-checked/radio-group-item:opacity-100\",\n      indicatorClass\n    )}\n  >\n    <span\n      class=\"bg-background absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full\"\n    ></span>\n  </span>\n</span>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\"> & {\n  value: string\n  disabled?: boolean\n  indicatorClass?: string\n}\n\nconst {\n  class: className,\n  value,\n  disabled,\n  indicatorClass,\n  ...props\n} = Astro.props\n---\n\n<span\n  data-slot=\"radio-group-item\"\n  data-value={value}\n  data-disabled={disabled ? \"\" : undefined}\n  class={cn(\n    \"group/radio-group-item peer border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-[checked]:border-primary data-[checked]:bg-primary data-[checked]:text-primary-foreground dark:data-[checked]:bg-primary group-has-[:focus-visible]/field-label:not-data-[checked]:border-input group-has-[:focus-visible]/field-label:data-[checked]:border-primary relative flex aspect-square size-4 shrink-0 rounded-full border outline-none 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\",\n    className\n  )}\n  {...props}\n>\n  <span\n    aria-hidden=\"true\"\n    data-slot=\"radio-group-indicator\"\n    class={cn(\n      \"flex size-4 items-center justify-center opacity-0 group-data-[checked]/radio-group-item:opacity-100\",\n      indicatorClass\n    )}\n  >\n    <span\n      class=\"bg-primary-foreground absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full\"\n    ></span>\n  </span>\n</span>\n",
       "type": "registry:ui"
     },
     {

package/public/r/rating.json

@@ -1,13 +1,13 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "rating",
-  "registryDependencies": [
-    "@fulldev/icon"
+  "dependencies": [
+    "@lucide/astro"
   ],
   "files": [
     {
       "path": "src/components/ui/rating/rating.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  value?: number\n}\n\nconst { value = 5, class: className, ...props } = Astro.props\n---\n\n<div class={cn(\"flex items-center gap-1 text-base\", className)} {...props}>\n  {\n    Array.from({ length: 5 }).map((_, index) => {\n      const fillPercentage =\n        index < Math.floor(value)\n          ? 100\n          : index === Math.floor(value)\n            ? (value % 1) * 100\n            : 0\n\n      return (\n        <span class=\"text-muted-foreground/25 relative inline-flex size-[1em]\">\n          <Icon name=\"star\" class=\"size-[1em] fill-current\" />\n          {fillPercentage > 0 && (\n            <span\n              class=\"text-primary absolute inset-0 overflow-hidden\"\n              style={{ width: `${fillPercentage}%` }}\n            >\n              <Icon name=\"star\" class=\"size-[1em] fill-current\" />\n            </span>\n          )}\n        </span>\n      )\n    })\n  }\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport Star from \"@lucide/astro/icons/star\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  value?: number\n}\n\nconst { value = 5, class: className, ...props } = Astro.props\n---\n\n<div class={cn(\"flex items-center gap-1 text-base\", className)} {...props}>\n  {\n    Array.from({ length: 5 }).map((_, index) => {\n      const fillPercentage =\n        index < Math.floor(value)\n          ? 100\n          : index === Math.floor(value)\n            ? (value % 1) * 100\n            : 0\n\n      return (\n        <span class=\"text-muted-foreground/25 relative inline-flex size-[1em]\">\n          <Star class=\"size-[1em] fill-current\" />\n          {fillPercentage > 0 && (\n            <span\n              class=\"text-primary absolute inset-0 overflow-hidden\"\n              style={{ width: `${fillPercentage}%` }}\n            >\n              <Star class=\"size-[1em] fill-current\" />\n            </span>\n          )}\n        </span>\n      )\n    })\n  }\n</div>\n",
       "type": "registry:ui"
     },
     {