fulldev-ui 0.7.0-beta.9 → 0.7.0

package/public/r/products-1.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "products-1",
+  "type": "registry:block",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/icon",
+    "@fulldev/image",
+    "@fulldev/price",
+    "@fulldev/section",
+    "@fulldev/tile"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/products-1.astro",
+      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    href?: string\n    image?: {\n      src: string\n      alt: string\n    }\n    title?: string\n    description?: string\n    price?: string | number\n    unit?: string\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionContent>\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <SectionActions>\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <SectionGrid>\n    {\n      items?.map(({ title, description, image, href, price, unit }) => (\n        <Tile href={href}>\n          <TileMedia>\n            <Image class=\"aspect-video\" sizes=\"600px\" {...image} />\n          </TileMedia>\n          <TileContent>\n            <TileTitle>{title}</TileTitle>\n            <TileDescription>{description}</TileDescription>\n            <Price>\n              <PriceValue price={price} />\n              <PriceUnit>{unit}</PriceUnit>\n            </Price>\n          </TileContent>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ]
+}

package/public/r/products-2.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "products-2",
+  "type": "registry:block",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/icon",
+    "@fulldev/price",
+    "@fulldev/section",
+    "@fulldev/tile"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/products-2.astro",
+      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport {\n  Section,\n  SectionActions,\n  SectionGrid,\n  SectionProse,\n  SectionSpread,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileSpread,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  title?: string\n  description?: string\n  links?: {\n    text?: string\n    href?: string\n    icon?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n    price?: string | number\n    unit?: string\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSpread class=\"@5xl:items-center\">\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <SectionActions>\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"outline\" : \"ghost\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionSpread>\n  <SectionGrid size=\"lg\">\n    {\n      items?.map(({ title, description, price, unit }) => (\n        <Tile class=\"m-0 rounded-none border-t p-0 pt-6\">\n          <TileSpread>\n            <TileContent>\n              <TileTitle>{title}</TileTitle>\n              <TileDescription>{description}</TileDescription>\n            </TileContent>\n            <Price>\n              <PriceValue price={price} />\n              <PriceUnit>{unit}</PriceUnit>\n            </Price>\n          </TileSpread>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ]
+}

package/public/r/products-3.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "products-3",
+  "type": "registry:block",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/icon",
+    "@fulldev/section",
+    "@fulldev/tile"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/products-3.astro",
+      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n  SectionSplit,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileSpread,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  title?: string\n  description?: string\n  links?: {\n    text?: string\n    href?: string\n    icon?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n    price?: string\n    unit?: string\n    image?: {\n      src?: string\n      alt?: string\n    }\n  }[]\n}\n\nconst { class: className, id, links, items, ...props } = Astro.props\n---\n\n<Section class={className} id={id} {...props}>\n  <SectionSplit\n    class=\"items-start @5xl:*:sticky @5xl:*:top-[calc(var(--section-py)+var(--header-height,0px))]\"\n  >\n    <SectionContent>\n      <SectionProse>\n        <slot />\n      </SectionProse>\n      <SectionActions>\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n    </SectionContent>\n    <SectionGrid size=\"lg\">\n      {\n        items?.map(({ title, description, price }) => (\n          <Tile class=\"m-0 rounded-none border-t p-0 pt-6\">\n            <TileSpread>\n              <TileContent>\n                <TileTitle>{title}</TileTitle>\n                <TileDescription>{description}</TileDescription>\n              </TileContent>\n              <p>{price}</p>\n            </TileSpread>\n          </Tile>\n        ))\n      }\n    </SectionGrid>\n  </SectionSplit>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ]
+}

package/public/r/products-4.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "products-4",
+  "type": "registry:block",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/icon",
+    "@fulldev/section",
+    "@fulldev/tile"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/products-4.astro",
+      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n  SectionSplit,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileSpread,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  title?: string\n  description?: string\n  links?: {\n    text?: string\n    href?: string\n    icon?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n    price?: string\n    unit?: string\n    image?: {\n      src?: string\n      alt?: string\n    }\n  }[]\n}\n\nconst { links, items, ...props } = Astro.props\n---\n\n<Section {...props}>\n  <SectionSplit\n    class=\"items-start @5xl:*:sticky @5xl:*:top-[calc(var(--section-py)+var(--header-height,0px))]\"\n  >\n    <SectionContent>\n      <SectionProse>\n        <slot />\n      </SectionProse>\n    </SectionContent>\n    <SectionContent>\n      <SectionGrid size=\"lg\">\n        {\n          items?.map(({ title, description, price }) => (\n            <Tile class=\"m-0 rounded-none border-t p-0 pt-6\">\n              <TileSpread>\n                <TileContent>\n                  <TileTitle>{title}</TileTitle>\n                  <TileDescription>{description}</TileDescription>\n                </TileContent>\n                <p>{price}</p>\n              </TileSpread>\n            </Tile>\n          ))\n        }\n      </SectionGrid>\n      <SectionActions>\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button variant={i === 0 ? \"outline\" : \"ghost\"} {...link}>\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n    </SectionContent>\n  </SectionSplit>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ]
+}

package/public/r/products-5.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "products-5",
+  "type": "registry:block",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/icon",
+    "@fulldev/image",
+    "@fulldev/price",
+    "@fulldev/section",
+    "@fulldev/tile"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/products-5.astro",
+      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    href?: string\n    image?: {\n      src: string\n      alt: string\n    }\n    images?: {\n      src: string\n      alt: string\n    }[]\n    title?: string\n    description?: string\n    price?: string | number\n    unit?: string\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionContent>\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <SectionActions>\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <SectionGrid>\n    {\n      items?.map(({ title, description, image, images, href, price, unit }) => (\n        <Tile href={href}>\n          <TileMedia>\n            <Image\n              class=\"bg-muted aspect-3/4 object-contain p-6\"\n              sizes=\"600px\"\n              {...(image || images?.[0])}\n            />\n          </TileMedia>\n          <TileContent>\n            <TileTitle>{title}</TileTitle>\n            <TileDescription>{description}</TileDescription>\n            <Price>\n              <PriceValue price={price} />\n              <PriceUnit>{unit}</PriceUnit>\n            </Price>\n          </TileContent>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ]
+}

package/public/r/radio-group.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "radio-group",
+  "type": "registry:ui",
+  "files": [
+    {
+      "path": "src/components/ui/radio-group/radio-group.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  role=\"radiogroup\"\n  data-slot=\"radio-group\"\n  class={cn(\"grid gap-3\", className)}\n  {...props}\n>\n  <slot />\n</div>\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\ninterface Props extends Omit<HTMLAttributes<\"input\">, \"type\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<input\n  type=\"radio\"\n  data-slot=\"radio-group-item\"\n  class={cn(\n    \"border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n    \"accent-primary\",\n    className\n  )}\n  {...props}\n/>\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"
+    }
+  ]
+}

package/public/r/rating.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "rating",
+  "type": "registry:ui",
+  "files": [
+    {
+      "path": "src/components/ui/rating/rating.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport Star from \"lucide-static/icons/star.svg\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {\n  rating?: number\n}\n\nconst { rating, class: className, ...props } = Astro.props\n---\n\n{\n  rating && (\n    <div class={cn(\"flex gap-1 text-base\", className)} {...props}>\n      {Array.from({ length: 5 }).map((_, index) => {\n        const fillPercentage =\n          index < Math.floor(rating)\n            ? 100\n            : index === Math.floor(rating)\n              ? (rating % 1) * 100\n              : 0\n        return (\n          <Star\n            class=\"!text-primary size-[1em]\"\n            fill=\"currentColor\"\n            style={{\n              maskImage: `linear-gradient(to right, black ${fillPercentage}%, rgba(0,0,0,0.15) ${fillPercentage}%)`,\n            }}\n          />\n        )\n      })}\n    </div>\n  )\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/rating/index.ts",
+      "content": "export { default as Rating } from \"./rating.astro\"\n",
+      "type": "registry:ui"
+    }
+  ]
+}