fulldev-ui 0.7.0-beta.9 → 0.9.0

package/public/r/products-4.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "products-4",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/card",
+    "@fulldev/price",
+    "@fulldev/section"
+  ],
+  "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",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/products-5.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "products-5",
+  "registryDependencies": [
+    "@fulldev/badge",
+    "@fulldev/button",
+    "@fulldev/card",
+    "@fulldev/price",
+    "@fulldev/section"
+  ],
+  "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",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/radio-group.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "radio-group",
+  "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",
+      "type": "registry:ui"
+    },
+    {
+      "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",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/radio-group/index.ts",
+      "content": "export { default as RadioGroup } from \"./radio-group.astro\"\nexport { default as RadioGroupItem } from \"./radio-group-item.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/rating.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "rating",
+  "registryDependencies": [
+    "@fulldev/icon"
+  ],
+  "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",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/rating/index.ts",
+      "content": "export { default as Rating } from \"./rating.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}