fulldev-ui 0.10.1 → 0.11.0

package/public/r/pricing-3.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "pricing-3",
+  "title": "Pricing 3",
+  "description": "Pricing sections for plan grids, featured offers, and concise offer presentation.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -15,9 +17,13 @@
   "files": [
     {
       "path": "src/components/blocks/pricing-3.astro",
-      "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",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\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 {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = HTMLAttributes<\"section\"> & {\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 {\n  class: className,\n  badge,\n  title,\n  description,\n  offer,\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\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      <SectionTitle>\n        {title}\n      </SectionTitle>\n      {description && <SectionDescription>{description}</SectionDescription>}\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"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/pricing/",
+  "categories": [
+    "pricing"
+  ],
   "type": "registry:block"
 }

package/public/r/product-1.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "product-1",
+  "title": "Product 1",
+  "description": "A focused product section for flagship offers and compact product storytelling.",
   "registryDependencies": [
     "@fulldev/badge",
     "@fulldev/button",
@@ -10,9 +12,13 @@
   "files": [
     {
       "path": "src/components/blocks/product-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 { Button } from \"@/components/ui/button\"\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  description: string\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n  price: {\n    value: number\n    currency: string\n    unit: string\n  }\n  note: string\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst {\n  class: className,\n  badge,\n  title,\n  description,\n  image,\n  price,\n  note,\n  buttons,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"grid gap-8 lg:grid-cols-2 lg:items-center\">\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-[16/11] rounded-lg object-cover\"\n    />\n    <div class=\"flex flex-col gap-5\">\n      <Badge variant=\"secondary\" class=\"w-fit\">{badge}</Badge>\n      <h1\n        class=\"text-4xl font-semibold tracking-tight text-balance sm:text-5xl\"\n      >\n        {title}\n      </h1>\n      <p class=\"text-muted-foreground text-lg leading-8\">{description}</p>\n      <Price>\n        <PriceValue price={price.value} currency={price.currency} />\n        <PriceUnit>{price.unit}</PriceUnit>\n      </Price>\n      <p class=\"border-y py-4 text-sm leading-7\">{note}</p>\n      <div class=\"flex 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  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  badge: string\n  title: string\n  description: string\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n  price: {\n    value: number\n    currency: string\n    unit: string\n  }\n  note: string\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst {\n  class: className,\n  badge,\n  title,\n  description,\n  image,\n  price,\n  note,\n  buttons,\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"grid gap-8 lg:grid-cols-2 lg:items-center\">\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-[16/11] rounded-lg object-cover\"\n    />\n    <div class=\"flex flex-col gap-5\">\n      <Badge variant=\"secondary\" class=\"w-fit\">{badge}</Badge>\n      <h1\n        class=\"text-4xl font-semibold tracking-tight text-balance sm:text-5xl\"\n      >\n        {title}\n      </h1>\n      <p class=\"text-muted-foreground text-lg leading-8\">{description}</p>\n      <Price>\n        <PriceValue price={price.value} currency={price.currency} />\n        <PriceUnit>{price.unit}</PriceUnit>\n      </Price>\n      <p class=\"border-y py-4 text-sm leading-7\">{note}</p>\n      <div class=\"flex 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  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/product/",
+  "categories": [
+    "product"
+  ],
   "type": "registry:block"
 }

package/public/r/products-1.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "products-1",
+  "title": "Products 1",
+  "description": "Product collection layouts for bundles, grouped offers, and category-led merchandising.",
   "registryDependencies": [
     "@fulldev/badge",
     "@fulldev/card",
@@ -10,9 +12,13 @@
   "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\"\nimport type { HTMLAttributes } from \"astro/types\"\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 {\n  Section,\n  SectionContainer,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\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, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n      <Badge variant=\"secondary\">{badge}</Badge>\n      <SectionTitle class=\"mt-4\">\n        {title}\n      </SectionTitle>\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"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/products/",
+  "categories": [
+    "products"
+  ],
   "type": "registry:block"
 }

package/public/r/products-2.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "products-2",
+  "title": "Products 2",
+  "description": "Product collection layouts for bundles, grouped offers, and category-led merchandising.",
   "registryDependencies": [
     "@fulldev/badge",
     "@fulldev/price",
@@ -10,9 +12,13 @@
   "files": [
     {
       "path": "src/components/blocks/products-2.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\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  products: {\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=\"max-w-2xl\">\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-3\">\n      {\n        products.map((item) => (\n          <div>\n            <Separator />\n            <div class=\"flex flex-col gap-4 py-5 md:flex-row md:items-center md:justify-between\">\n              <div class=\"flex flex-col gap-1 md:max-w-lg\">\n                <h3 class=\"text-base font-medium\">{item.title}</h3>\n                <p class=\"text-muted-foreground text-sm leading-6\">\n                  {item.description}\n                </p>\n              </div>\n              <Price>\n                <PriceValue\n                  price={item.price.value}\n                  currency={item.price.currency}\n                />\n                <PriceUnit>{item.price.unit}</PriceUnit>\n              </Price>\n            </div>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport {\n  Section,\n  SectionContainer,\n  SectionTitle,\n} from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  badge: string\n  title: string\n  products: {\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, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"max-w-2xl\">\n      <Badge variant=\"secondary\">{badge}</Badge>\n      <SectionTitle class=\"mt-4\">\n        {title}\n      </SectionTitle>\n    </div>\n    <div class=\"grid gap-3\">\n      {\n        products.map((item) => (\n          <div>\n            <Separator />\n            <div class=\"flex flex-col gap-4 py-5 md:flex-row md:items-center md:justify-between\">\n              <div class=\"flex flex-col gap-1 md:max-w-lg\">\n                <h3 class=\"text-base font-medium\">{item.title}</h3>\n                <p class=\"text-muted-foreground text-sm leading-6\">\n                  {item.description}\n                </p>\n              </div>\n              <Price>\n                <PriceValue\n                  price={item.price.value}\n                  currency={item.price.currency}\n                />\n                <PriceUnit>{item.price.unit}</PriceUnit>\n              </Price>\n            </div>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/products/",
+  "categories": [
+    "products"
+  ],
   "type": "registry:block"
 }

package/public/r/products-3.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "products-3",
+  "title": "Products 3",
+  "description": "Product collection layouts for bundles, grouped offers, and category-led merchandising.",
   "registryDependencies": [
     "@fulldev/badge",
     "@fulldev/card",
@@ -10,9 +12,13 @@
   "files": [
     {
       "path": "src/components/blocks/products-3.astro",
-      "content": "---\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, 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    title: string\n    description: string\n    price: {\n      value: number\n      currency: 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-3\">\n      {\n        products.map((product) => (\n          <Card class=\"text-center\">\n            <CardHeader>\n              <Price class=\"justify-center\">\n                <PriceValue\n                  class=\"text-3xl font-semibold\"\n                  price={product.price.value}\n                  currency={product.price.currency}\n                />\n              </Price>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-2\">\n              <CardTitle>{product.title}</CardTitle>\n              <CardDescription>{product.description}</CardDescription>\n            </CardContent>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\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, PriceValue } from \"@/components/ui/price\"\nimport {\n  Section,\n  SectionContainer,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  badge: string\n  title: string\n  products: {\n    title: string\n    description: string\n    price: {\n      value: number\n      currency: string\n    }\n  }[]\n}\n\nconst { class: className, badge, title, products, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n      <Badge variant=\"secondary\">{badge}</Badge>\n      <SectionTitle class=\"mt-4\">\n        {title}\n      </SectionTitle>\n    </div>\n    <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n      {\n        products.map((product) => (\n          <Card class=\"text-center\">\n            <CardHeader>\n              <Price class=\"justify-center\">\n                <PriceValue\n                  class=\"text-3xl font-semibold\"\n                  price={product.price.value}\n                  currency={product.price.currency}\n                />\n              </Price>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-2\">\n              <CardTitle>{product.title}</CardTitle>\n              <CardDescription>{product.description}</CardDescription>\n            </CardContent>\n          </Card>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/products/",
+  "categories": [
+    "products"
+  ],
   "type": "registry:block"
 }

package/public/r/products-4.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "products-4",
+  "title": "Products 4",
+  "description": "Product collection layouts for bundles, grouped offers, and category-led merchandising.",
   "registryDependencies": [
     "@fulldev/button",
     "@fulldev/card",
@@ -10,9 +12,13 @@
   "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 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\"\nimport type { HTMLAttributes } from \"astro/types\"\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 {\n  Section,\n  SectionContainer,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\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 {\n  class: className,\n  title,\n  description,\n  buttons,\n  products,\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\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        <SectionTitle>\n          {title}\n        </SectionTitle>\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"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/products/",
+  "categories": [
+    "products"
+  ],
   "type": "registry:block"
 }

package/public/r/products-5.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "products-5",
+  "title": "Products 5",
+  "description": "Product collection layouts for bundles, grouped offers, and category-led merchandising.",
   "registryDependencies": [
     "@fulldev/badge",
     "@fulldev/button",
@@ -11,9 +13,13 @@
   "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\">\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",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport type { HTMLAttributes } from \"astro/types\"\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 {\n  Section,\n  SectionContainer,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\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 {\n  class: className,\n  badge,\n  title,\n  buttons,\n  products,\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"gap-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n      <Badge variant=\"secondary\">{badge}</Badge>\n      <SectionTitle class=\"mt-4\">\n        {title}\n      </SectionTitle>\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"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/products/",
+  "categories": [
+    "products"
+  ],
   "type": "registry:block"
 }

package/public/r/radio-group.json

@@ -1,13 +1,15 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "radio-group",
+  "title": "Radio Group",
+  "description": "A set of checkable buttons, known as radio buttons, where no more than one of the buttons can be checked at a time.",
   "dependencies": [
     "@data-slot/radio-group"
   ],
   "files": [
     {
       "path": "src/components/ui/radio-group/radio-group.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultValue?: string\n  name?: string\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n}\n\nconst {\n  class: className,\n  defaultValue,\n  name,\n  disabled,\n  readOnly,\n  required,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"radio-group\"\n  data-default-value={defaultValue}\n  data-name={name}\n  data-disabled={disabled}\n  data-read-only={readOnly}\n  data-required={required}\n  class={cn(\"grid w-full gap-3\", className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/radio-group\"\n\n  create()\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultValue?: string\n  name?: string\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n}\n\nconst {\n  class: className,\n  defaultValue,\n  name,\n  disabled,\n  readOnly,\n  required,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"radio-group\"\n  data-default-value={defaultValue}\n  data-name={name}\n  data-disabled={disabled}\n  data-read-only={readOnly}\n  data-required={required}\n  class={cn(\"grid w-full gap-3\", className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/radio-group\"\n\n  create()\n  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -21,5 +23,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/radio-group/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/rating.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "rating",
+  "title": "Rating",
+  "description": "A star rating component for displaying ratings visually.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -16,5 +18,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/rating/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }