fulldev-ui 0.9.2 → 0.10.0

package/public/r/hero-4.json

@@ -1,15 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "hero-4",
+  "dependencies": [
+    "@lucide/astro"
+  ],
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/section",
-    "@fulldev/icon"
+    "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/hero-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 { Icon } from \"@/components/ui/icon\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features: string[]\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  image,\n} = Astro.props\n---\n\n<Section\n  class={cn(\"dark bg-background min-h-screen justify-center\", className)}\n>\n  <SectionContainer class=\"relative z-10 items-center gap-8 text-center\">\n    <h1\n      class=\"text-foreground max-w-4xl text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl lg:text-6xl\"\n    >\n      {title}\n    </h1>\n    <p\n      class=\"text-foreground/80 max-w-2xl text-lg leading-relaxed text-balance\"\n    >\n      {description}\n    </p>\n    <ul class=\"flex flex-wrap justify-center gap-x-6 gap-y-2\">\n      {\n        features.map((feature) => (\n          <li class=\"flex items-center gap-2 text-sm\">\n            <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n            {feature}\n          </li>\n        ))\n      }\n    </ul>\n    <div class=\"flex flex-wrap justify-center gap-3\">\n      {\n        buttons.map(({ href, label, ...button }, index) => (\n          <Button\n            as=\"a\"\n            href={href}\n            size=\"lg\"\n            variant={button.variant ?? (index === 0 ? \"default\" : \"secondary\")}\n            {...button}\n          >\n            {label}\n          </Button>\n        ))\n      }\n    </div>\n  </SectionContainer>\n  <div class=\"bg-background pointer-events-none absolute inset-0\">\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"size-full object-cover opacity-50\"\n      widths={[640, 960, 1280, 1920]}\n      sizes=\"100vw\"\n      loading=\"eager\"\n    />\n  </div>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features: string[]\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  image,\n} = Astro.props\n---\n\n<Section\n  class={cn(\"dark bg-background min-h-screen justify-center\", className)}\n>\n  <SectionContainer class=\"relative z-10 items-center gap-8 text-center\">\n    <h1\n      class=\"text-foreground max-w-4xl text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl lg:text-6xl\"\n    >\n      {title}\n    </h1>\n    <p\n      class=\"text-foreground/80 max-w-2xl text-lg leading-relaxed text-balance\"\n    >\n      {description}\n    </p>\n    <ul class=\"flex flex-wrap justify-center gap-x-6 gap-y-2\">\n      {\n        features.map((feature) => (\n          <li class=\"flex items-center gap-2 text-sm\">\n            <CheckIcon class=\"text-primary size-4 shrink-0\" />\n            {feature}\n          </li>\n        ))\n      }\n    </ul>\n    <div class=\"flex flex-wrap justify-center gap-3\">\n      {\n        buttons.map(({ href, label, ...button }, index) => (\n          <Button\n            as=\"a\"\n            href={href}\n            size=\"lg\"\n            variant={button.variant ?? (index === 0 ? \"default\" : \"secondary\")}\n            {...button}\n          >\n            {label}\n          </Button>\n        ))\n      }\n    </div>\n  </SectionContainer>\n  <div class=\"bg-background pointer-events-none absolute inset-0\">\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"size-full object-cover opacity-50\"\n      widths={[640, 960, 1280, 1920]}\n      sizes=\"100vw\"\n      loading=\"eager\"\n    />\n  </div>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/hero-5.json

@@ -1,17 +1,19 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "hero-5",
+  "dependencies": [
+    "@lucide/astro"
+  ],
   "registryDependencies": [
     "@fulldev/avatar",
     "@fulldev/button",
     "@fulldev/rating",
-    "@fulldev/section",
-    "@fulldev/icon"
+    "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/hero-5.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Rating } from \"@/components/ui/rating\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features: string[]\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  socialProof,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-center\">\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-muted-foreground text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <ul class=\"flex flex-col gap-3\">\n        {\n          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      <div class=\"flex flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <AvatarGroup>\n          {\n            socialProof.avatars.map((avatar) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage\n                  src={avatar.image}\n                  alt={avatar.name ?? avatar.initials}\n                />\n                <AvatarFallback>{avatar.initials}</AvatarFallback>\n              </Avatar>\n            ))\n          }\n        </AvatarGroup>\n        <div class=\"flex flex-col gap-0.5\">\n          <Rating value={socialProof.rating} />\n          <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n        </div>\n      </div>\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-4/3 w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 50vw, 100vw\"\n      loading=\"eager\"\n    />\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Rating } from \"@/components/ui/rating\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features: string[]\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  socialProof,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-center\">\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-muted-foreground text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <ul class=\"flex flex-col gap-3\">\n        {\n          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      <div class=\"flex flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <AvatarGroup>\n          {\n            socialProof.avatars.map((avatar) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage\n                  src={avatar.image}\n                  alt={avatar.name ?? avatar.initials}\n                />\n                <AvatarFallback>{avatar.initials}</AvatarFallback>\n              </Avatar>\n            ))\n          }\n        </AvatarGroup>\n        <div class=\"flex flex-col gap-0.5\">\n          <Rating value={socialProof.rating} />\n          <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n        </div>\n      </div>\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-[4/3] w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 50vw, 100vw\"\n      loading=\"eager\"\n    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/hero-6.json

@@ -1,17 +1,19 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "hero-6",
+  "dependencies": [
+    "@lucide/astro"
+  ],
   "registryDependencies": [
     "@fulldev/avatar",
     "@fulldev/button",
     "@fulldev/rating",
-    "@fulldev/section",
-    "@fulldev/icon"
+    "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/hero-6.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Rating } from \"@/components/ui/rating\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features: string[]\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  socialProof,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-center\">\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-4/3 w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 50vw, 100vw\"\n      loading=\"eager\"\n    />\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-muted-foreground text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <ul class=\"flex flex-col gap-3\">\n        {\n          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      <div class=\"flex flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <AvatarGroup>\n          {\n            socialProof.avatars.map((avatar) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage\n                  src={avatar.image}\n                  alt={avatar.name ?? avatar.initials}\n                />\n                <AvatarFallback>{avatar.initials}</AvatarFallback>\n              </Avatar>\n            ))\n          }\n        </AvatarGroup>\n        <div class=\"flex flex-col gap-0.5\">\n          <Rating value={socialProof.rating} />\n          <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n        </div>\n      </div>\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Rating } from \"@/components/ui/rating\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features: string[]\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  socialProof,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-center\">\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-[4/3] w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 50vw, 100vw\"\n      loading=\"eager\"\n    />\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-muted-foreground text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <ul class=\"flex flex-col gap-3\">\n        {\n          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      <div class=\"flex flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <AvatarGroup>\n          {\n            socialProof.avatars.map((avatar) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage\n                  src={avatar.image}\n                  alt={avatar.name ?? avatar.initials}\n                />\n                <AvatarFallback>{avatar.initials}</AvatarFallback>\n              </Avatar>\n            ))\n          }\n        </AvatarGroup>\n        <div class=\"flex flex-col gap-0.5\">\n          <Rating value={socialProof.rating} />\n          <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n        </div>\n      </div>\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/hero-7.json

@@ -1,17 +1,19 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "hero-7",
+  "dependencies": [
+    "@lucide/astro"
+  ],
   "registryDependencies": [
     "@fulldev/avatar",
     "@fulldev/button",
     "@fulldev/rating",
-    "@fulldev/section",
-    "@fulldev/icon"
+    "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/hero-7.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Rating } from \"@/components/ui/rating\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features: string[]\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  socialProof,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer\n    class=\"grid gap-12 lg:grid-cols-[2fr_3fr] lg:items-center lg:gap-0\"\n  >\n    <div class=\"flex flex-col gap-6 lg:pr-12\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-muted-foreground text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <ul class=\"flex flex-col gap-3\">\n        {\n          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      <div class=\"flex flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <AvatarGroup>\n          {\n            socialProof.avatars.map((avatar) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage\n                  src={avatar.image}\n                  alt={avatar.name ?? avatar.initials}\n                />\n                <AvatarFallback>{avatar.initials}</AvatarFallback>\n              </Avatar>\n            ))\n          }\n        </AvatarGroup>\n        <div class=\"flex flex-col gap-0.5\">\n          <Rating value={socialProof.rating} />\n          <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n        </div>\n      </div>\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-4/3 w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 60vw, 100vw\"\n      loading=\"eager\"\n    />\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Rating } from \"@/components/ui/rating\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features: string[]\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  socialProof,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer\n    class=\"grid gap-12 lg:grid-cols-[2fr_3fr] lg:items-center lg:gap-0\"\n  >\n    <div class=\"flex flex-col gap-6 lg:pr-12\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-muted-foreground text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <ul class=\"flex flex-col gap-3\">\n        {\n          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      <div class=\"flex flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <AvatarGroup>\n          {\n            socialProof.avatars.map((avatar) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage\n                  src={avatar.image}\n                  alt={avatar.name ?? avatar.initials}\n                />\n                <AvatarFallback>{avatar.initials}</AvatarFallback>\n              </Avatar>\n            ))\n          }\n        </AvatarGroup>\n        <div class=\"flex flex-col gap-0.5\">\n          <Rating value={socialProof.rating} />\n          <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n        </div>\n      </div>\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-[4/3] w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 60vw, 100vw\"\n      loading=\"eager\"\n    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/hero-8.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "src/components/blocks/hero-8.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 { 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  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst { class: className, title, description, buttons, image } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer\n    class=\"grid gap-12 lg:grid-cols-[1fr_3fr] lg:items-center lg:gap-0\"\n  >\n    <div class=\"flex flex-col gap-6 lg:pr-12\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-muted-foreground text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <div class=\"flex flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-4/3 w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 75vw, 100vw\"\n      loading=\"eager\"\n    />\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 { 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  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst { class: className, title, description, buttons, image } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer\n    class=\"grid gap-12 lg:grid-cols-[1fr_3fr] lg:items-center lg:gap-0\"\n  >\n    <div class=\"flex flex-col gap-6 lg:pr-12\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-muted-foreground text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <div class=\"flex flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-[4/3] w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 75vw, 100vw\"\n      loading=\"eager\"\n    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/hero-9.json

@@ -1,17 +1,19 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "hero-9",
+  "dependencies": [
+    "@lucide/astro"
+  ],
   "registryDependencies": [
     "@fulldev/avatar",
     "@fulldev/button",
     "@fulldev/rating",
-    "@fulldev/section",
-    "@fulldev/icon"
+    "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/hero-9.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Rating } from \"@/components/ui/rating\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features: string[]\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  socialProof,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"dark bg-background\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-center\">\n    <div class=\"relative z-10 flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-foreground/80 text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <ul class=\"flex flex-col gap-3\">\n        {\n          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      <div class=\"flex flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <AvatarGroup>\n          {\n            socialProof.avatars.map((avatar) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage\n                  src={avatar.image}\n                  alt={avatar.name ?? avatar.initials}\n                />\n                <AvatarFallback>{avatar.initials}</AvatarFallback>\n              </Avatar>\n            ))\n          }\n        </AvatarGroup>\n        <div class=\"flex flex-col gap-0.5\">\n          <Rating value={socialProof.rating} />\n          <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n        </div>\n      </div>\n    </div>\n  </SectionContainer>\n  <div\n    class=\"bg-background pointer-events-none absolute inset-0 lg:mask-l-from-30%\"\n  >\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"size-full object-cover opacity-50\"\n      widths={[640, 960, 1280, 1920]}\n      sizes=\"100vw\"\n      loading=\"eager\"\n    />\n  </div>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport { CheckIcon } from \"@lucide/astro\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Rating } from \"@/components/ui/rating\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features: string[]\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  socialProof,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"dark bg-background\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-center\">\n    <div class=\"relative z-10 flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h1\n          class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n        >\n          {title}\n        </h1>\n        <p class=\"text-foreground/80 text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <ul class=\"flex flex-col gap-3\">\n        {\n          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      <div class=\"flex flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <AvatarGroup>\n          {\n            socialProof.avatars.map((avatar) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage\n                  src={avatar.image}\n                  alt={avatar.name ?? avatar.initials}\n                />\n                <AvatarFallback>{avatar.initials}</AvatarFallback>\n              </Avatar>\n            ))\n          }\n        </AvatarGroup>\n        <div class=\"flex flex-col gap-0.5\">\n          <Rating value={socialProof.rating} />\n          <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n        </div>\n      </div>\n    </div>\n  </SectionContainer>\n  <div\n    class=\"bg-background pointer-events-none absolute inset-0 lg:mask-l-from-30%\"\n  >\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"size-full object-cover opacity-50\"\n      widths={[640, 960, 1280, 1920]}\n      sizes=\"100vw\"\n      loading=\"eager\"\n    />\n  </div>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/hover-card.json

@@ -7,12 +7,12 @@
   "files": [
     {
       "path": "src/components/ui/hover-card/hover-card.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  open?: boolean\n  delay?: number\n  skipDelayDuration?: number\n  closeDelay?: number\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  align?: \"start\" | \"center\" | \"end\"\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  portal?: boolean\n  closeOnClickOutside?: boolean\n  closeOnEscape?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  open,\n  delay = 300,\n  skipDelayDuration = 300,\n  closeDelay = 300,\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 4,\n  alignOffset = 4,\n  avoidCollisions = true,\n  collisionPadding = 8,\n  portal = true,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"hover-card\"\n  data-default-open={defaultOpen}\n  data-open={open}\n  data-delay={delay}\n  data-skip-delay-duration={skipDelayDuration}\n  data-close-delay={closeDelay}\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-portal={portal}\n  data-close-on-click-outside={closeOnClickOutside}\n  data-close-on-escape={closeOnEscape}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/hover-card\"\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  defaultOpen?: boolean\n  open?: boolean\n  delay?: number\n  skipDelayDuration?: number\n  closeDelay?: number\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  align?: \"start\" | \"center\" | \"end\"\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  portal?: boolean\n  closeOnClickOutside?: boolean\n  closeOnEscape?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  open,\n  delay = 700,\n  skipDelayDuration = 300,\n  closeDelay = 300,\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 4,\n  alignOffset = 0,\n  avoidCollisions = true,\n  collisionPadding = 8,\n  portal = true,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"hover-card\"\n  data-default-open={defaultOpen}\n  data-open={open}\n  data-delay={delay}\n  data-skip-delay-duration={skipDelayDuration}\n  data-close-delay={closeDelay}\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-portal={portal}\n  data-close-on-click-outside={closeOnClickOutside}\n  data-close-on-escape={closeOnEscape}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/hover-card\"\n\n  create()\n</script>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/hover-card/hover-card-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  align?: \"start\" | \"center\" | \"end\"\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n}\n\nconst {\n  class: className,\n  hidden = true,\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 4,\n  alignOffset = 4,\n  avoidCollisions,\n  collisionPadding,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"hover-card-portal\">\n  <div\n    data-slot=\"hover-card-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    class=\"isolate z-50\"\n  >\n    <div\n      data-slot=\"hover-card-content\"\n      hidden={hidden}\n      class={cn(\n        \"bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 w-64 origin-(--transform-origin) rounded-lg 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",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  align?: \"start\" | \"center\" | \"end\"\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n}\n\nconst {\n  class: className,\n  hidden = true,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"hover-card-portal\">\n  <div\n    data-slot=\"hover-card-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    class=\"isolate z-50\"\n  >\n    <div\n      data-slot=\"hover-card-content\"\n      hidden={hidden}\n      class={cn(\n        \"bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 w-64 origin-(--transform-origin) rounded-lg 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/icon.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "src/components/ui/icon/icon.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\ntype Props = Omit<HTMLAttributes<\"svg\">, \"name\" | \"href\"> & {\n  href?: HTMLAttributes<\"a\">[\"href\"]\n  name?: string | number | null\n}\n\nconst { name, href, ...props } = Astro.props\n\nconst hrefMap = {\n  \"x.com\": \"x\",\n  twitter: \"twitter\",\n  facebook: \"facebook\",\n  instagram: \"instagram\",\n  pinterest: \"pinterest\",\n  youtube: \"youtube\",\n  tiktok: \"tiktok\",\n  snapchat: \"snapchat\",\n  reddit: \"reddit\",\n  tumblr: \"tumblr\",\n  \"wa.me\": \"whatsapp\",\n  telegram: \"telegram\",\n  discord: \"discord\",\n  vimeo: \"vimeo\",\n  flickr: \"flickr\",\n  yelp: \"yelp\",\n  spotify: \"spotify\",\n  behance: \"behance\",\n  dribbble: \"dribbble\",\n  soundcloud: \"soundcloud\",\n  github: \"github\",\n  twitch: \"twitch\",\n  \"tel:\": \"phone\",\n  \"mailto:\": \"mail\",\n  \"maps.app.goo.gl\": \"map-pin\",\n  linkedin: \"linkedin\",\n} as const\n\nconst icons = import.meta.glob(\n  [\n    \"/node_modules/lucide-static/icons/*.svg\",\n    \"/node_modules/simple-icons/icons/*.svg\",\n  ],\n  { eager: true }\n) as Record<string, { default: any }>\n\nconst foundPath = () => {\n  let foundPath: string | undefined = undefined\n\n  // For x.com, use the Simple Icons X instead of Lucide's X icon.\n  if (name === \"x.com\") {\n    foundPath = \"/node_modules/simple-icons/icons/x.svg\"\n  } else if (name) {\n    foundPath = Object.keys(icons).find((key) => key.includes(`/${name}.svg`))\n  } else if (href) {\n    const hrefKey = Object.keys(hrefMap).find((key) =>\n      href.toString().includes(key)\n    )\n    const hrefValue = hrefMap[hrefKey as keyof typeof hrefMap]\n    foundPath = Object.keys(icons)\n      .reverse()\n      .find((key) => key.includes(`/${hrefValue}.svg`))\n  }\n\n  return foundPath\n}\n\nconst iconPath = foundPath()\nconst module = iconPath ? icons[iconPath] : undefined\nconst Comp = module?.default\n---\n\n{\n  Comp && foundPath()?.includes(\"simple-icons\") && (\n    <Comp\n      height={24}\n      width={24}\n      fill=\"currentColor\"\n      class=\"size-[1em] text-base\"\n      {...props}\n    />\n  )\n}\n\n{\n  Comp && foundPath()?.includes(\"lucide-static\") && (\n    <Comp height={24} width={24} class=\"size-[1em] text-base\" {...props} />\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\ntype Props = Omit<HTMLAttributes<\"svg\">, \"name\" | \"href\"> & {\n  href?: HTMLAttributes<\"a\">[\"href\"]\n  name?: string | number\n}\n\nconst { name, href, ...props } = Astro.props\n\nconst hrefMap = {\n  \"x.com\": \"x\",\n  twitter: \"twitter\",\n  facebook: \"facebook\",\n  instagram: \"instagram\",\n  pinterest: \"pinterest\",\n  youtube: \"youtube\",\n  tiktok: \"tiktok\",\n  snapchat: \"snapchat\",\n  reddit: \"reddit\",\n  tumblr: \"tumblr\",\n  \"wa.me\": \"whatsapp\",\n  telegram: \"telegram\",\n  discord: \"discord\",\n  vimeo: \"vimeo\",\n  flickr: \"flickr\",\n  yelp: \"yelp\",\n  spotify: \"spotify\",\n  behance: \"behance\",\n  dribbble: \"dribbble\",\n  soundcloud: \"soundcloud\",\n  github: \"github\",\n  twitch: \"twitch\",\n  \"tel:\": \"phone\",\n  \"mailto:\": \"mail\",\n  \"maps.app.goo.gl\": \"map-pin\",\n  linkedin: \"linkedin\",\n} as const\n\nconst icons = import.meta.glob([\n  \"node_modules/lucide-static/icons/*.svg\",\n  \"node_modules/simple-icons/icons/*.svg\",\n])\n\nconst foundPath = () => {\n  let foundPath: string | undefined = undefined\n\n  // For x.com, use the Simple Icons X instead of Lucide's X icon.\n  if (name === \"x.com\") {\n    foundPath = \"/node_modules/simple-icons/icons/x.svg\"\n  } else if (name) {\n    foundPath = Object.keys(icons).find((key) => key.includes(`/${name}.svg`))\n  } else if (href) {\n    const hrefKey = Object.keys(hrefMap).find((key) =>\n      href.toString().includes(key)\n    )\n    const hrefValue = hrefMap[hrefKey as keyof typeof hrefMap]\n    foundPath = Object.keys(icons)\n      .reverse()\n      .find((key) => key.includes(`/${hrefValue}.svg`))\n  }\n\n  return foundPath\n}\n\nconst foundModule = foundPath() && icons[foundPath() as keyof typeof icons]\nconst module = foundModule && ((await foundModule()) as any)\nconst Comp = module?.default\n---\n\n{\n  Comp && foundPath()?.includes(\"simple-icons\") && (\n    <Comp\n      height={24}\n      width={24}\n      fill=\"currentColor\"\n      class=\"size-[1em] text-base\"\n      {...props}\n    />\n  )\n}\n\n{\n  Comp && foundPath()?.includes(\"lucide-static\") && (\n    <Comp height={24} width={24} class=\"size-[1em] text-base\" {...props} />\n  )\n}\n",
       "type": "registry:ui"
     },
     {

package/public/r/input-group.json

@@ -20,7 +20,7 @@
     },
     {
       "path": "src/components/ui/input-group/input-group-button.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, type ButtonVariantProps } from \"@/components/ui/button\"\n\nconst variants = cva(\"flex items-center gap-2 text-sm shadow-none\", {\n  variants: {\n    size: {\n      xs: \"h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n      sm: \"\",\n      \"icon-xs\": \"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0\",\n      \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n    },\n  },\n  defaultVariants: {\n    size: \"xs\",\n  },\n})\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"a\"> & {\n    type?: \"button\" | \"submit\" | \"reset\"\n    variant?: ButtonVariantProps[\"variant\"]\n  }\n\nconst {\n  class: className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n} = Astro.props\n\nconst isLink = \"href\" in Astro.props\n---\n\n<Button\n  data-size={size}\n  type={isLink ? undefined : type}\n  variant={variant}\n  size={size}\n  class={cn(variants({ size }), className)}\n  {...props}\n>\n  <slot />\n</Button>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, type ButtonVariantProps } from \"@/components/ui/button\"\n\nconst variants = cva(\"flex items-center gap-2 text-sm shadow-none\", {\n  variants: {\n    size: {\n      xs: \"h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n      sm: \"\",\n      \"icon-xs\": \"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0\",\n      \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n    },\n  },\n  defaultVariants: {\n    size: \"xs\",\n  },\n})\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"a\"> & {\n    type?: \"button\" | \"submit\" | \"reset\"\n    variant?: ButtonVariantProps[\"variant\"]\n  }\n\nconst {\n  class: className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n} = Astro.props\n\nconst isLink = \"href\" in Astro.props\n---\n\n<Button\n  data-size={size}\n  type={isLink ? undefined : type}\n  variant={variant}\n  class={cn(variants({ size }), className)}\n  {...props}\n>\n  <slot />\n</Button>\n",
       "type": "registry:ui"
     },
     {

package/public/r/item.json

@@ -1,13 +1,10 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "item",
-  "registryDependencies": [
-    "@fulldev/separator"
-  ],
   "files": [
     {
       "path": "src/components/ui/item/item.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"a\">\n\nconst variants = cva(\n  \"[a]:hover:bg-muted group/item focus-visible:border-ring focus-visible:ring-ring/50 flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:ring-[3px] [a]:transition-colors\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        inset: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"bg-muted/50 border-transparent\",\n      },\n      size: {\n        default: \"gap-3.5 px-4 py-3.5\",\n        sm: \"gap-2.5 px-3 py-2.5\",\n        xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    compoundVariants: [\n      {\n        variant: \"inset\",\n        size: \"default\",\n        class: \"-mx-4\",\n      },\n      {\n        variant: \"inset\",\n        size: \"sm\",\n        class: \"-mx-3\",\n      },\n      {\n        variant: \"inset\",\n        size: \"xs\",\n        class: \"-mx-2.5\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst {\n  class: className,\n  variant = \"default\",\n  size = \"default\",\n  href,\n  ...props\n} = Astro.props\n\nconst Comp = href ? \"a\" : \"div\"\n---\n\n<Comp\n  data-slot=\"item\"\n  data-variant={variant}\n  data-size={size}\n  class={cn(variants({ variant, size }), className)}\n  href={href}\n  {...props}\n>\n  <slot />\n</Comp>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"a\">\n\nconst variants = cva(\n  \"[a]:hover:bg-muted group/item focus-visible:border-ring focus-visible:ring-ring/50 flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:ring-[3px] [a]:transition-colors\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"bg-muted/50 border-transparent\",\n      },\n      size: {\n        default: \"gap-3.5 px-4 py-3.5\",\n        sm: \"gap-2.5 px-3 py-2.5\",\n        xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst {\n  class: className,\n  variant = \"default\",\n  size = \"default\",\n  href,\n  ...props\n} = Astro.props\n\nconst Comp = href ? \"a\" : \"div\"\n---\n\n<Comp\n  data-slot=\"item\"\n  data-variant={variant}\n  data-size={size}\n  class={cn(variants({ variant, size }), className)}\n  href={href}\n  {...props}\n>\n  <slot />\n</Comp>\n",
       "type": "registry:ui"
     },
     {
@@ -25,29 +22,14 @@
       "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"p\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<p\n  data-slot=\"item-description\"\n  class={cn(\n    \"text-muted-foreground [&>a:hover]:text-primary line-clamp-2 text-left text-sm leading-normal font-normal group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</p>\n",
       "type": "registry:ui"
     },
-    {
-      "path": "src/components/ui/item/item-footer.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"item-footer\"\n  class={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
-      "type": "registry:ui"
-    },
     {
       "path": "src/components/ui/item/item-group.astro",
       "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  role=\"list\"\n  data-slot=\"item-group\"\n  class={cn(\n    \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
-    {
-      "path": "src/components/ui/item/item-header.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"item-header\"\n  class={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
-      "type": "registry:ui"
-    },
     {
       "path": "src/components/ui/item/item-media.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst variants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\ntype Props = HTMLAttributes<\"div\"> & VariantProps<typeof variants>\n\nconst { class: className, variant, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"item-media\"\n  data-variant={variant}\n  class={cn(variants({ variant }), className)}\n  {...props}\n>\n  <slot />\n</div>\n",
-      "type": "registry:ui"
-    },
-    {
-      "path": "src/components/ui/item/item-separator.astro",
-      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = ComponentProps<typeof Separator>\n\nconst { class: className, ...props } = Astro.props\n---\n\n<Separator\n  data-slot=\"item-separator\"\n  orientation=\"horizontal\"\n  class={cn(\"my-2\", className)}\n  {...props}\n/>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst variants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\ntype Props = HTMLAttributes<\"div\"> & VariantProps<typeof variants>\n\nconst { class: className, variant = \"default\", ...props } = Astro.props\n---\n\n<div\n  data-slot=\"item-media\"\n  data-variant={variant}\n  class={cn(variants({ variant }), className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {

package/public/r/kbd.json

@@ -4,12 +4,12 @@
   "files": [
     {
       "path": "src/components/ui/kbd/kbd.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"kbd\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<kbd\n  data-slot=\"kbd\"\n  class={cn(\n    \"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs leading-none font-medium select-none [&_svg:not([class*='size-'])]:size-3\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</kbd>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"kbd\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<kbd\n  data-slot=\"kbd\"\n  class={cn(\n    \"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none [&_svg:not([class*='size-'])]:size-3\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</kbd>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/kbd/kbd-group.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"kbd-group\"\n  class={cn(\"inline-flex items-center gap-1 leading-none\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"kbd-group\"\n  class={cn(\"inline-flex items-center gap-1\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {

package/public/r/layout.json

@@ -1,28 +1,25 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "layout",
-  "dependencies": [
-    "@lexingtonthemes/seo"
-  ],
   "files": [
     {
       "path": "src/components/ui/layout/layout.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport \"@/styles/global.css\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"html\">\n\nconst { class: className, lang, ...props } = Astro.props\n---\n\n<html\n  class={cn(\n    \"bg-background text-foreground has-data-[variant=inset]:bg-sidebar overscroll-none scroll-smooth\",\n    className\n  )}\n  data-slot=\"layout\"\n  lang={Astro.currentLocale || \"en\"}\n  {...props}\n>\n  <slot />\n</html>\n\n<style is:global>\n  :root {\n    --container: 1280px;\n    color-scheme: light;\n  }\n\n  .dark {\n    color-scheme: dark;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport \"@/styles/global.css\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"html\">\n\nconst { class: className, lang, ...props } = Astro.props\n---\n\n<html\n  class={cn(\n    \"bg-background text-foreground has-data-[variant=inset]:bg-sidebar overscroll-none scroll-smooth\",\n    className\n  )}\n  data-slot=\"layout\"\n  lang={Astro.currentLocale || \"en\"}\n  {...props}\n>\n  <slot />\n</html>\n\n<style is:global>\n  :root {\n    --container: 1280px;\n    color-scheme: light;\n  }\n\n  .dark {\n    color-scheme: dark;\n  }\n\n  @view-transition {\n    navigation: auto;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/layout/layout-head.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { getImage } from \"astro:assets\"\nimport { AstroSeo } from \"@lexingtonthemes/seo\"\n\ntype Props = {\n  name?: string\n  title?: string\n  description?: string\n  image?: {\n    src?: ImageMetadata | string\n    alt?: string\n  }\n  noindex?: boolean\n  nofollow?: boolean\n  canonical?: string\n}\n\nconst baseUrl = Astro.site?.origin || Astro.url.origin\nconst pagePathname = Astro.url.pathname.endsWith(\"/\")\n  ? Astro.url.pathname\n  : `${Astro.url.pathname}/`\n\nconst {\n  name,\n  title,\n  description,\n  image,\n  noindex,\n  nofollow,\n  canonical,\n  ...props\n} = Astro.props\n\nconst resolvedCanonical = new URL(canonical || pagePathname, baseUrl).toString()\n\nconst toImageMimeType = (format?: string) => {\n  if (!format) return undefined\n  if (format.includes(\"/\")) return format\n  if (format === \"jpg\") return \"image/jpeg\"\n  return `image/${format}`\n}\n\nconst transformedImage =\n  image?.src && typeof image.src !== \"string\"\n    ? await getImage({\n        src: image.src,\n        format: \"png\",\n        width: 1200,\n        height: 630,\n        quality: \"medium\",\n      })\n    : undefined\n\nconst openGraphImage =\n  typeof image?.src === \"string\"\n    ? {\n        url: new URL(image.src, baseUrl).toString(),\n        alt: image.alt,\n      }\n    : transformedImage\n      ? {\n          url: new URL(transformedImage.src, baseUrl).toString(),\n          alt: image?.alt,\n          width: transformedImage.attributes.width,\n          height: transformedImage.attributes.height,\n          type: toImageMimeType(transformedImage.attributes.format),\n        }\n      : undefined\n---\n\n<head data-slot=\"layout-head\" {...props}>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n  <meta name=\"generator\" content={Astro.generator} />\n  <meta charset=\"utf-8\" />\n  <AstroSeo\n    title={title}\n    description={description}\n    canonical={resolvedCanonical}\n    noindex={noindex}\n    nofollow={nofollow}\n    openGraph={{\n      url: resolvedCanonical,\n      type: \"website\",\n      ...(name && { site_name: name }),\n      ...(openGraphImage && {\n        images: [\n          {\n            ...openGraphImage,\n            ...(openGraphImage.url.startsWith(\"https://\") && {\n              secureUrl: openGraphImage.url,\n            }),\n          },\n        ],\n      }),\n    }}\n  />\n  <slot name=\"head\" />\n  <slot />\n</head>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Font, getImage } from \"astro:assets\"\nimport { AstroSeo } from \"@lexingtonthemes/seo\"\n\ntype Props = {\n  name?: string\n  title?: string\n  description?: string\n  image?: {\n    src?: ImageMetadata | string\n    alt?: string\n  }\n  noindex?: boolean\n  nofollow?: boolean\n  canonical?: string\n}\n\nconst baseUrl = Astro.site?.origin || Astro.url.origin\nconst pagePathname = Astro.url.pathname.endsWith(\"/\")\n  ? Astro.url.pathname\n  : `${Astro.url.pathname}/`\n\nconst {\n  name,\n  title,\n  description,\n  image,\n  noindex,\n  nofollow,\n  canonical,\n  ...props\n} = Astro.props\n\nconst resolvedCanonical = new URL(canonical || pagePathname, baseUrl).toString()\n\nconst toImageMimeType = (format?: string) => {\n  if (!format) return undefined\n  if (format.includes(\"/\")) return format\n  if (format === \"jpg\") return \"image/jpeg\"\n  return `image/${format}`\n}\n\nconst transformedImage =\n  image?.src && typeof image.src !== \"string\"\n    ? await getImage({\n        src: image.src,\n        format: \"png\",\n        width: 1200,\n        height: 630,\n        quality: \"medium\",\n      })\n    : undefined\n\nconst openGraphImage =\n  typeof image?.src === \"string\"\n    ? {\n        url: new URL(image.src, baseUrl).toString(),\n        alt: image.alt,\n      }\n    : transformedImage\n      ? {\n          url: new URL(transformedImage.src, baseUrl).toString(),\n          alt: image?.alt,\n          width: transformedImage.attributes.width,\n          height: transformedImage.attributes.height,\n          type: toImageMimeType(transformedImage.attributes.format),\n        }\n      : undefined\n---\n\n<head data-slot=\"layout-head\" {...props}>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n  <meta name=\"generator\" content={Astro.generator} />\n  <meta charset=\"utf-8\" />\n  <Font cssVariable=\"--font-sans\" />\n  <Font cssVariable=\"--font-mono\" />\n  <AstroSeo\n    title={title}\n    description={description}\n    canonical={resolvedCanonical}\n    noindex={noindex}\n    nofollow={nofollow}\n    openGraph={{\n      url: resolvedCanonical,\n      type: \"website\",\n      ...(name && { site_name: name }),\n      ...(openGraphImage && {\n        images: [\n          {\n            ...openGraphImage,\n            ...(openGraphImage.url.startsWith(\"https://\") && {\n              secureUrl: openGraphImage.url,\n            }),\n          },\n        ],\n      }),\n    }}\n  />\n  <slot />\n</head>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/layout/layout-body.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"body\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<body\n  class={cn(\n    \"bg-background text-foreground overscroll-none antialiased\",\n    className\n  )}\n  data-slot=\"layout-body\"\n  {...props}\n>\n  <slot />\n</body>\n\n<style is:global>\n  body {\n    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"body\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<body\n  class={cn(\n    \"bg-background text-foreground overscroll-none antialiased\",\n    className\n  )}\n  data-slot=\"layout-body\"\n  {...props}\n>\n  <slot />\n</body>\n\n<style is:global>\n  body {\n    font-family: var(--font-sans);\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/layout/layout-main.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"main\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<main\n  data-slot=\"layout-main\"\n  class={cn(\n    \"@container flex flex-col in-data-[slot=sidebar-inset]:rounded-[inherit]\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</main>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"main\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<main\n  data-slot=\"layout-main\"\n  class={cn(\n    \"@container flex flex-col in-[[data-slot=sidebar-inset]]:rounded-[inherit]\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</main>\n",
       "type": "registry:ui"
     },
     {

package/public/r/links-2.json

@@ -1,19 +1,21 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "links-2",
+  "dependencies": [
+    "@lucide/astro"
+  ],
   "registryDependencies": [
     "@fulldev/accordion",
     "@fulldev/button",
     "@fulldev/card",
     "@fulldev/carousel",
     "@fulldev/section",
-    "@fulldev/tabs",
-    "@fulldev/icon"
+    "@fulldev/tabs"
   ],
   "files": [
     {
       "path": "src/components/blocks/links-2.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  links: {\n    href: string\n    title: string\n    description: string\n    preview?: string\n  }[]\n}\n\nconst { class: className, title, description, links } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-10\">\n    <div class=\"flex min-w-0 flex-col gap-4 border-b pb-8\">\n      <h2\n        class=\"text-foreground text-2xl font-semibold tracking-tight text-balance sm:text-3xl\"\n      >\n        {title}\n      </h2>\n      <p class=\"text-muted-foreground max-w-2xl text-base leading-7\">\n        {description}\n      </p>\n    </div>\n\n    <div class=\"grid gap-2 md:grid-cols-2 xl:grid-cols-3\">\n      {\n        links.map((item) => (\n          <a\n            href={item.href}\n            class=\"bg-muted/40 hover:bg-muted/60 focus-visible:ring-ring/50 group/link rounded-lg px-4 py-4 transition-colors focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <span class=\"flex min-w-0 items-center justify-between gap-3\">\n              <span class=\"text-sm font-medium\">{item.title}</span>\n              <Icon\n                name=\"arrow-right\"\n                class=\"text-muted-foreground size-3.5 shrink-0 transition-transform group-hover/link:translate-x-0.5\"\n              />\n            </span>\n            <span class=\"text-muted-foreground mt-1 block text-sm leading-6\">\n              {item.description}\n            </span>\n          </a>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport ArrowRightIcon from \"@lucide/astro/icons/arrow-right\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  links: {\n    href: string\n    title: string\n    description: string\n    preview?: string\n  }[]\n}\n\nconst { class: className, title, description, links } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-10\">\n    <div class=\"flex min-w-0 flex-col gap-4 border-b pb-8\">\n      <h2\n        class=\"text-foreground text-2xl font-semibold tracking-tight text-balance sm:text-3xl\"\n      >\n        {title}\n      </h2>\n      <p class=\"text-muted-foreground max-w-2xl text-base leading-7\">\n        {description}\n      </p>\n    </div>\n\n    <div class=\"grid gap-2 md:grid-cols-2 xl:grid-cols-3\">\n      {\n        links.map((item) => (\n          <a\n            href={item.href}\n            class=\"bg-muted/40 hover:bg-muted/60 focus-visible:ring-ring/50 group/link rounded-lg px-4 py-4 transition-colors focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <span class=\"flex min-w-0 items-center justify-between gap-3\">\n              <span class=\"text-sm font-medium\">{item.title}</span>\n              <ArrowRightIcon class=\"text-muted-foreground size-3.5 shrink-0 transition-transform group-hover/link:translate-x-0.5\" />\n            </span>\n            <span class=\"text-muted-foreground mt-1 block text-sm leading-6\">\n              {item.description}\n            </span>\n          </a>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],

package/public/r/marquee.json

@@ -4,7 +4,7 @@
   "files": [
     {
       "path": "src/components/ui/marquee/marquee.astro",
-      "content": "---\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = {\n  direction?: \"left\" | \"right\" | \"top\" | \"bottom\"\n  duration?: number | string\n  gap?: string\n  infinite?: boolean\n  pauseOnHover?: boolean\n  time?: number | string\n  variant?: \"gradient\" | \"solid\"\n  class?: string\n  style?: string\n}\n\nconst {\n  class: className = \"\",\n  direction = \"left\",\n  duration,\n  gap = \"1rem\",\n  infinite = true,\n  pauseOnHover = false,\n  style,\n  time = 30,\n  variant = \"gradient\",\n  ...props\n} = Astro.props\n\nconst resolvedDuration = duration ?? time\nconst styleValue = `--duration:${\n  typeof resolvedDuration === \"number\"\n    ? `${resolvedDuration}s`\n    : resolvedDuration\n}; --gap:${gap}; ${style ?? \"\"}`\nconst contentClass = cn(\n  \"marquee-content flex min-w-full shrink-0 justify-around gap-[var(--gap)] will-change-transform group-data-[direction=bottom]:[animation-direction:reverse] group-data-[direction=right]:[animation-direction:reverse] data-[direction=bottom]:min-h-full data-[direction=bottom]:flex-col data-[direction=top]:min-h-full data-[direction=top]:flex-col motion-reduce:[animation-play-state:paused]\",\n  infinite &&\n    \"animate-[marquee-x_var(--duration,20s)_linear_infinite] group-data-[direction=bottom]:animate-[marquee-y_var(--duration,20s)_linear_infinite] group-data-[direction=top]:animate-[marquee-y_var(--duration,20s)_linear_infinite]\",\n  direction === \"top\" && \"flex-col\",\n  direction === \"bottom\" && \"flex-col\"\n)\n\nconst marqueeVariants = cva(\"relative w-full\", {\n  variants: {\n    variant: {\n      gradient:\n        \"[mask-image:linear-gradient(to_right,transparent,black_10%,black_90%,transparent)] [-webkit-mask-image:linear-gradient(to_right,transparent,black_10%,black_90%,transparent)] [&[data-direction=bottom]]:[mask-image:linear-gradient(to_top,transparent,black_10%,black_90%,transparent)] [&[data-direction=bottom]]:[-webkit-mask-image:linear-gradient(to_top,transparent,black_10%,black_90%,transparent)] [&[data-direction=top]]:[mask-image:linear-gradient(to_bottom,transparent,black_10%,black_90%,transparent)] [&[data-direction=top]]:[-webkit-mask-image:linear-gradient(to_bottom,transparent,black_10%,black_90%,transparent)]\",\n      solid: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"gradient\",\n  },\n})\n---\n\n<div\n  data-marquee\n  data-direction={direction}\n  data-pause-on-hover={pauseOnHover ? \"true\" : undefined}\n  class={cn(\n    \"\",\n    // container utilities\n    \"group flex w-full overflow-hidden data-[direction=bottom]:flex-col data-[direction=top]:flex-col\",\n    marqueeVariants({ variant }),\n    className\n  )}\n  style={styleValue}\n  {...props}\n>\n  <div class={contentClass}>\n    <slot />\n  </div>\n  {\n    infinite && (\n      <div class={contentClass} aria-hidden=\"true\">\n        <slot />\n      </div>\n    )\n  }\n</div>\n\n<style>\n  @keyframes marquee-x {\n    from {\n      transform: translateX(0);\n    }\n    to {\n      transform: translateX(-100%);\n    }\n  }\n  @keyframes marquee-y {\n    from {\n      transform: translateY(0);\n    }\n    to {\n      transform: translateY(-100%);\n    }\n  }\n\n  [data-marquee][data-pause-on-hover=\"true\"]:hover .marquee-content {\n    animation-play-state: paused;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst trackVariants = cva(\n  \"flex min-w-max shrink-0 [animation:marquee_var(--marquee-duration)_linear_infinite] items-center gap-[var(--marquee-gap)] before:block before:size-0 before:shrink-0 before:content-['']\",\n  {\n    variants: {\n      direction: {\n        left: \"\",\n        right: \"[animation-direction:reverse]\",\n      },\n      pauseOnHover: {\n        true: \"group-hover/marquee:[animation-play-state:paused]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      direction: \"left\",\n      pauseOnHover: false,\n    },\n  }\n)\n\ntype Props = HTMLAttributes<\"div\"> &\n  VariantProps<typeof trackVariants> & {\n    duration?: string\n    gap?: string\n    infinite?: boolean\n  }\n\nconst {\n  class: className,\n  direction,\n  pauseOnHover,\n  duration = \"40s\",\n  gap = \"1.5rem\",\n  infinite = true,\n  style,\n  ...props\n} = Astro.props\n\nconst resolvedStyle = [\n  `--marquee-duration:${duration}`,\n  `--marquee-gap:${gap}`,\n  typeof style === \"string\" ? style : undefined,\n]\n  .filter(Boolean)\n  .join(\";\")\n---\n\n<div\n  class={cn(\n    \"group/marquee flex overflow-hidden select-none [--marquee-duration:40s] [--marquee-gap:1.5rem]\",\n    className\n  )}\n  style={resolvedStyle}\n  {...props}\n>\n  <div class={trackVariants({ direction, pauseOnHover })}>\n    <slot />\n  </div>\n  {\n    infinite && (\n      <div\n        aria-hidden=\"true\"\n        class={trackVariants({ direction, pauseOnHover })}\n      >\n        <slot />\n      </div>\n    )\n  }\n</div>\n\n<style>\n  @keyframes marquee {\n    from {\n      transform: translateX(0);\n    }\n\n    to {\n      transform: translateX(-100%);\n    }\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {

package/public/r/native-select.json

@@ -1,13 +1,13 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "native-select",
-  "registryDependencies": [
-    "@fulldev/icon"
+  "dependencies": [
+    "@lucide/astro"
   ],
   "files": [
     {
       "path": "src/components/ui/native-select/native-select.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = Omit<HTMLAttributes<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<div\n  class={cn(\n    \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n    className\n  )}\n  data-slot=\"native-select-wrapper\"\n  data-size={size}\n>\n  <select\n    data-slot=\"native-select\"\n    data-size={size}\n    class=\"border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 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:aria-invalid:border-destructive/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent py-1 pr-8 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] outline-none select-none focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:ring-3 data-[size=sm]:h-8\"\n    {...props}\n  >\n    <slot />\n  </select>\n  <Icon\n    name=\"chevron-down\"\n    class=\"text-muted-foreground pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 select-none\"\n    aria-hidden=\"true\"\n    data-slot=\"native-select-icon\"\n  />\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport ChevronDownIcon from \"@lucide/astro/icons/chevron-down\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = Omit<HTMLAttributes<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<div\n  class={cn(\n    \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n    className\n  )}\n  data-slot=\"native-select-wrapper\"\n  data-size={size}\n>\n  <select\n    data-slot=\"native-select\"\n    data-size={size}\n    class=\"border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 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:aria-invalid:border-destructive/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent py-1 pr-8 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] outline-none select-none focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:ring-3 data-[size=sm]:h-8\"\n    {...props}\n  >\n    <slot />\n  </select>\n  <ChevronDownIcon\n    class=\"text-muted-foreground pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 select-none\"\n    aria-hidden=\"true\"\n    data-slot=\"native-select-icon\"\n  />\n</div>\n",
       "type": "registry:ui"
     },
     {

package/public/r/navigation-menu.json

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

package/public/r/page.json

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