fulldev-ui 0.9.3 → 0.10.0

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"
     },
     {