fulldev-ui 0.10.1 → 0.11.0

package/public/r/faqs-3.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "faqs-3",
+  "title": "Faqs 3",
+  "description": "FAQ sections for product pages, launches, and documentation support content.",
   "registryDependencies": [
     "@fulldev/accordion",
     "@fulldev/badge",
@@ -9,9 +11,13 @@
   "files": [
     {
       "path": "src/components/blocks/faqs-3.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  badge?: string\n  title: string\n  description: string\n  faqs: {\n    id: string\n    question: string\n    answer: string\n  }[]\n}\n\nconst { class: className, badge, title, description, faqs } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-5\">\n      {badge && <Badge variant=\"secondary\">{badge}</Badge>}\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p class=\"text-muted-foreground text-base leading-relaxed text-balance\">\n        {description}\n      </p>\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"mx-auto w-full max-w-3xl rounded-xl border px-6 py-2\">\n      <Accordion collapsible>\n        {\n          faqs.map((item) => (\n            <AccordionItem value={item.id}>\n              <AccordionTrigger>{item.question}</AccordionTrigger>\n              <AccordionContent>{item.answer}</AccordionContent>\n            </AccordionItem>\n          ))\n        }\n      </Accordion>\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport { Badge } from \"@/components/ui/badge\"\nimport {\n  Section,\n  SectionContainer,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  badge?: string\n  title: string\n  description: string\n  faqs: {\n    id: string\n    question: string\n    answer: string\n  }[]\n}\n\nconst {\n  class: className,\n  badge,\n  title,\n  description,\n  faqs,\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"items-center text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-5\">\n      {badge && <Badge variant=\"secondary\">{badge}</Badge>}\n      <SectionTitle>\n        {title}\n      </SectionTitle>\n      <p class=\"text-muted-foreground text-base leading-relaxed text-balance\">\n        {description}\n      </p>\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"mx-auto w-full max-w-3xl rounded-xl border px-6 py-2\">\n      <Accordion collapsible>\n        {\n          faqs.map((item) => (\n            <AccordionItem value={item.id}>\n              <AccordionTrigger>{item.question}</AccordionTrigger>\n              <AccordionContent>{item.answer}</AccordionContent>\n            </AccordionItem>\n          ))\n        }\n      </Accordion>\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/faqs/",
+  "categories": [
+    "faqs"
+  ],
   "type": "registry:block"
 }

package/public/r/faqs-4.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "faqs-4",
+  "title": "Faqs 4",
+  "description": "FAQ sections for product pages, launches, and documentation support content.",
   "registryDependencies": [
     "@fulldev/accordion",
     "@fulldev/section"
@@ -8,9 +10,13 @@
   "files": [
     {
       "path": "src/components/blocks/faqs-4.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  faqs: {\n    id: string\n    question: string\n    answer: string\n  }[]\n}\n\nconst { class: className, title, faqs } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center\">\n    <div class=\"mx-auto w-full max-w-3xl\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <div class=\"mt-10\">\n        <Accordion collapsible>\n          {\n            faqs.map((item) => (\n              <AccordionItem value={item.id}>\n                <AccordionTrigger>{item.question}</AccordionTrigger>\n                <AccordionContent>{item.answer}</AccordionContent>\n              </AccordionItem>\n            ))\n          }\n        </Accordion>\n      </div>\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport {\n  Section,\n  SectionContainer,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  faqs: {\n    id: string\n    question: string\n    answer: string\n  }[]\n}\n\nconst { class: className, title, faqs, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"items-center\">\n    <div class=\"mx-auto w-full max-w-3xl\">\n      <SectionTitle>\n        {title}\n      </SectionTitle>\n      <div class=\"mt-10\">\n        <Accordion collapsible>\n          {\n            faqs.map((item) => (\n              <AccordionItem value={item.id}>\n                <AccordionTrigger>{item.question}</AccordionTrigger>\n                <AccordionContent>{item.answer}</AccordionContent>\n              </AccordionItem>\n            ))\n          }\n        </Accordion>\n      </div>\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/faqs/",
+  "categories": [
+    "faqs"
+  ],
   "type": "registry:block"
 }

package/public/r/features-1.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-1",
+  "title": "Features 1",
+  "description": "Feature section layouts for product narratives, launch pages, and capability overviews.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -11,9 +13,13 @@
   "files": [
     {
       "path": "src/components/blocks/features-1.astro",
-      "content": "---\nimport ArrowRightIcon from \"@lucide/astro/icons/arrow-right\"\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  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  features: {\n    title: string\n    description: string\n    icon: string\n    href?: string\n    linkText?: string\n  }[]\n}\n\nconst { class: className, title, description, buttons, features } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-6 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p\n        class=\"text-muted-foreground max-w-2xl text-lg leading-relaxed text-balance\"\n      >\n        {description}\n      </p>\n    </div>\n    {\n      buttons?.length && (\n        <div class=\"flex flex-wrap justify-center gap-3\">\n          {buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              variant={button.variant ?? (index === 0 ? \"default\" : \"outline\")}\n              {...button}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      )\n    }\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-6 sm:grid-cols-2\">\n      {\n        features.map((feature) => (\n          <div class=\"group/feature hover:bg-muted/40 flex flex-col gap-4 rounded-xl border p-6 transition-colors\">\n            <div class=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n              <Icon name={feature.icon} class=\"size-5\" />\n            </div>\n            <div class=\"flex flex-col gap-1.5\">\n              <h3 class=\"text-foreground text-base font-medium\">\n                {feature.title}\n              </h3>\n              <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                {feature.description}\n              </p>\n            </div>\n            {feature.href && feature.linkText && (\n              <a\n                href={feature.href}\n                class=\"text-primary mt-auto inline-flex items-center gap-1 text-sm font-medium hover:underline\"\n              >\n                {feature.linkText}\n                <ArrowRightIcon class=\"size-3.5\" />\n              </a>\n            )}\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport ArrowRightIcon from \"@lucide/astro/icons/arrow-right\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description: string\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  features: {\n    title: string\n    description: string\n    icon: string\n    href?: string\n    linkText?: string\n  }[]\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  buttons,\n  features,\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"items-center gap-6 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <SectionTitle>\n        {title}\n      </SectionTitle>\n      <SectionDescription class=\"max-w-2xl\">\n        {description}\n      </SectionDescription>\n    </div>\n    {\n      buttons?.length && (\n        <div class=\"flex flex-wrap justify-center gap-3\">\n          {buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              variant={button.variant ?? (index === 0 ? \"default\" : \"outline\")}\n              {...button}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      )\n    }\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-6 sm:grid-cols-2\">\n      {\n        features.map((feature) => (\n          <div class=\"group/feature hover:bg-muted/40 flex flex-col gap-4 rounded-xl border p-6 transition-colors\">\n            <div class=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n              <Icon name={feature.icon} class=\"size-5\" />\n            </div>\n            <div class=\"flex flex-col gap-1.5\">\n              <h3 class=\"text-foreground text-base font-medium\">\n                {feature.title}\n              </h3>\n              <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                {feature.description}\n              </p>\n            </div>\n            {feature.href && feature.linkText && (\n              <a\n                href={feature.href}\n                class=\"text-primary mt-auto inline-flex items-center gap-1 text-sm font-medium hover:underline\"\n              >\n                {feature.linkText}\n                <ArrowRightIcon class=\"size-3.5\" />\n              </a>\n            )}\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/features/",
+  "categories": [
+    "features"
+  ],
   "type": "registry:block"
 }

package/public/r/features-2.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-2",
+  "title": "Features 2",
+  "description": "Feature section layouts for product narratives, launch pages, and capability overviews.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -11,9 +13,13 @@
   "files": [
     {
       "path": "src/components/blocks/features-2.astro",
-      "content": "---\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  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  features: {\n    title: string\n    description: string\n    icon: string\n  }[]\n}\n\nconst { class: className, title, description, buttons, features } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-6 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p\n        class=\"text-muted-foreground max-w-2xl text-lg leading-relaxed text-balance\"\n      >\n        {description}\n      </p>\n    </div>\n    {\n      buttons?.length && (\n        <div class=\"flex flex-wrap justify-center gap-3\">\n          {buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              variant={button.variant ?? (index === 0 ? \"default\" : \"outline\")}\n              {...button}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      )\n    }\n  </SectionContainer>\n  <SectionContainer>\n    <div\n      class=\"ring-foreground/10 bg-border grid gap-px overflow-hidden rounded-xl ring-1 ring-inset sm:grid-cols-2 lg:grid-cols-3\"\n    >\n      {\n        features.map((feature) => (\n          <div class=\"bg-background group/feature hover:bg-accent/30 relative flex flex-col items-center gap-4 p-7 text-center transition-colors\">\n            <div class=\"bg-primary/10 text-primary ring-primary/15 flex size-10 items-center justify-center rounded-lg ring-1 transition-transform ring-inset group-hover/feature:scale-105\">\n              <Icon name={feature.icon} class=\"size-5\" />\n            </div>\n            <h3 class=\"text-foreground text-base font-medium tracking-tight text-balance\">\n              {feature.title}\n            </h3>\n            <p class=\"text-muted-foreground text-sm leading-relaxed text-balance\">\n              {feature.description}\n            </p>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description: string\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  features: {\n    title: string\n    description: string\n    icon: string\n  }[]\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  buttons,\n  features,\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"items-center gap-6 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <SectionTitle>\n        {title}\n      </SectionTitle>\n      <SectionDescription class=\"max-w-2xl\">\n        {description}\n      </SectionDescription>\n    </div>\n    {\n      buttons?.length && (\n        <div class=\"flex flex-wrap justify-center gap-3\">\n          {buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              variant={button.variant ?? (index === 0 ? \"default\" : \"outline\")}\n              {...button}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      )\n    }\n  </SectionContainer>\n  <SectionContainer>\n    <div\n      class=\"ring-foreground/10 bg-border grid gap-px overflow-hidden rounded-xl ring-1 ring-inset sm:grid-cols-2 lg:grid-cols-3\"\n    >\n      {\n        features.map((feature) => (\n          <div class=\"bg-background group/feature hover:bg-accent/30 relative flex flex-col items-center gap-4 p-7 text-center transition-colors\">\n            <div class=\"bg-primary/10 text-primary ring-primary/15 flex size-10 items-center justify-center rounded-lg ring-1 transition-transform ring-inset group-hover/feature:scale-105\">\n              <Icon name={feature.icon} class=\"size-5\" />\n            </div>\n            <h3 class=\"text-foreground text-base font-medium tracking-tight text-balance\">\n              {feature.title}\n            </h3>\n            <p class=\"text-muted-foreground text-sm leading-relaxed text-balance\">\n              {feature.description}\n            </p>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/features/",
+  "categories": [
+    "features"
+  ],
   "type": "registry:block"
 }

package/public/r/features-3.json

@@ -1,15 +1,21 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-3",
+  "title": "Features 3",
+  "description": "Feature section layouts for product narratives, launch pages, and capability overviews.",
   "registryDependencies": [
     "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/features-3.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\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  features: {\n    title: string\n    description: string\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n  }[]\n}\n\nconst { class: className, title, description, features } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-6 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p\n        class=\"text-muted-foreground max-w-2xl text-lg leading-relaxed text-balance\"\n      >\n        {description}\n      </p>\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-6 sm:grid-cols-2\">\n      {\n        features.map((feature) => (\n          <div class=\"group/feature hover:bg-muted/40 flex items-center gap-5 rounded-xl border p-4 transition-colors\">\n            <Image\n              src={feature.image.src}\n              alt={feature.image.alt}\n              class=\"size-20 shrink-0 rounded-lg object-cover\"\n              widths={[160, 320]}\n              sizes=\"80px\"\n            />\n            <div class=\"flex flex-col gap-1.5\">\n              <h3 class=\"text-foreground text-base font-medium\">\n                {feature.title}\n              </h3>\n              <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                {feature.description}\n              </p>\n            </div>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description: string\n  features: {\n    title: string\n    description: string\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n  }[]\n}\n\nconst { class: className, title, description, features, ...props } = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"items-center gap-6 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <SectionTitle>\n        {title}\n      </SectionTitle>\n      <SectionDescription class=\"max-w-2xl\">\n        {description}\n      </SectionDescription>\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-6 sm:grid-cols-2\">\n      {\n        features.map((feature) => (\n          <div class=\"group/feature hover:bg-muted/40 flex items-center gap-5 rounded-xl border p-4 transition-colors\">\n            <Image\n              src={feature.image.src}\n              alt={feature.image.alt}\n              class=\"size-20 shrink-0 rounded-lg object-cover\"\n              widths={[160, 320]}\n              sizes=\"80px\"\n            />\n            <div class=\"flex flex-col gap-1.5\">\n              <h3 class=\"text-foreground text-base font-medium\">\n                {feature.title}\n              </h3>\n              <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                {feature.description}\n              </p>\n            </div>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/features/",
+  "categories": [
+    "features"
+  ],
   "type": "registry:block"
 }

package/public/r/features-4.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-4",
+  "title": "Features 4",
+  "description": "Feature section layouts for product narratives, launch pages, and capability overviews.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -11,9 +13,13 @@
   "files": [
     {
       "path": "src/components/blocks/features-4.astro",
-      "content": "---\nimport ArrowRightIcon from \"@lucide/astro/icons/arrow-right\"\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  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  features: {\n    title: string\n    description: string\n    icon: string\n    href?: string\n    linkText?: string\n  }[]\n}\n\nconst { class: className, title, description, buttons, features } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer>\n    <div class=\"grid gap-12 lg:grid-cols-[1fr_2fr] lg:items-start\">\n      <div class=\"lg:sticky lg:top-28\">\n        <h2\n          class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        <p\n          class=\"text-muted-foreground mt-4 text-base leading-relaxed text-balance\"\n        >\n          {description}\n        </p>\n        {\n          buttons?.length && (\n            <div class=\"mt-6 flex flex-wrap gap-3\">\n              {buttons.map(({ href, label, ...button }, index) => (\n                <Button\n                  as=\"a\"\n                  href={href}\n                  variant={\n                    button.variant ?? (index === 0 ? \"default\" : \"outline\")\n                  }\n                  {...button}\n                >\n                  {label}\n                </Button>\n              ))}\n            </div>\n          )\n        }\n      </div>\n      <div class=\"grid gap-6 sm:grid-cols-2\">\n        {\n          features.map((feature) => (\n            <div class=\"group/feature hover:bg-muted/40 flex flex-col gap-4 rounded-xl border p-6 transition-colors\">\n              <div class=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n                <Icon name={feature.icon} class=\"size-5\" />\n              </div>\n              <div class=\"flex flex-col gap-1.5\">\n                <h3 class=\"text-foreground text-base font-medium\">\n                  {feature.title}\n                </h3>\n                <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                  {feature.description}\n                </p>\n              </div>\n              {feature.href && feature.linkText && (\n                <a\n                  href={feature.href}\n                  class=\"text-primary mt-auto inline-flex items-center gap-1 text-sm font-medium hover:underline\"\n                >\n                  {feature.linkText}\n                  <ArrowRightIcon class=\"size-3.5\" />\n                </a>\n              )}\n            </div>\n          ))\n        }\n      </div>\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport ArrowRightIcon from \"@lucide/astro/icons/arrow-right\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionContainer,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description: string\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  features: {\n    title: string\n    description: string\n    icon: string\n    href?: string\n    linkText?: string\n  }[]\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  buttons,\n  features,\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer>\n    <div class=\"grid gap-12 lg:grid-cols-[1fr_2fr] lg:items-start\">\n      <div class=\"lg:sticky lg:top-28\">\n        <SectionTitle>\n          {title}\n        </SectionTitle>\n        <p\n          class=\"text-muted-foreground mt-4 text-base leading-relaxed text-balance\"\n        >\n          {description}\n        </p>\n        {\n          buttons?.length && (\n            <div class=\"mt-6 flex flex-wrap gap-3\">\n              {buttons.map(({ href, label, ...button }, index) => (\n                <Button\n                  as=\"a\"\n                  href={href}\n                  variant={\n                    button.variant ?? (index === 0 ? \"default\" : \"outline\")\n                  }\n                  {...button}\n                >\n                  {label}\n                </Button>\n              ))}\n            </div>\n          )\n        }\n      </div>\n      <div class=\"grid gap-6 sm:grid-cols-2\">\n        {\n          features.map((feature) => (\n            <div class=\"group/feature hover:bg-muted/40 flex flex-col gap-4 rounded-xl border p-6 transition-colors\">\n              <div class=\"bg-primary/10 text-primary flex size-10 items-center justify-center rounded-lg\">\n                <Icon name={feature.icon} class=\"size-5\" />\n              </div>\n              <div class=\"flex flex-col gap-1.5\">\n                <h3 class=\"text-foreground text-base font-medium\">\n                  {feature.title}\n                </h3>\n                <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                  {feature.description}\n                </p>\n              </div>\n              {feature.href && feature.linkText && (\n                <a\n                  href={feature.href}\n                  class=\"text-primary mt-auto inline-flex items-center gap-1 text-sm font-medium hover:underline\"\n                >\n                  {feature.linkText}\n                  <ArrowRightIcon class=\"size-3.5\" />\n                </a>\n              )}\n            </div>\n          ))\n        }\n      </div>\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/features/",
+  "categories": [
+    "features"
+  ],
   "type": "registry:block"
 }

package/public/r/features-5.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-5",
+  "title": "Features 5",
+  "description": "Feature section layouts for product narratives, launch pages, and capability overviews.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -11,9 +13,13 @@
   "files": [
     {
       "path": "src/components/blocks/features-5.astro",
-      "content": "---\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  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  features: {\n    title: string\n    description: string\n    icon: string\n  }[]\n}\n\nconst { class: className, title, description, buttons, features } = Astro.props\n---\n\n<Section variant=\"floating\" class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-6 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p\n        class=\"text-muted-foreground max-w-2xl text-lg leading-relaxed text-balance\"\n      >\n        {description}\n      </p>\n    </div>\n    {\n      buttons?.length && (\n        <div class=\"flex flex-wrap justify-center gap-3\">\n          {buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              variant={button.variant ?? (index === 0 ? \"default\" : \"outline\")}\n              {...button}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      )\n    }\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-6 sm:grid-cols-2 lg:grid-cols-3\">\n      {\n        features.map((feature) => (\n          <div class=\"group/feature flex flex-col items-center gap-4 text-center\">\n            <div class=\"bg-primary/5 text-primary border-primary/20 flex size-12 items-center justify-center rounded-xl border\">\n              <Icon name={feature.icon} class=\"size-5\" />\n            </div>\n            <h3 class=\"text-foreground text-base font-medium text-balance\">\n              {feature.title}\n            </h3>\n            <p class=\"text-muted-foreground text-sm leading-relaxed text-balance\">\n              {feature.description}\n            </p>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description: string\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  features: {\n    title: string\n    description: string\n    icon: string\n  }[]\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  buttons,\n  features,\n  ...props\n} = Astro.props\n---\n\n<Section variant=\"floating\" class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"items-center gap-6 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <SectionTitle>\n        {title}\n      </SectionTitle>\n      <SectionDescription class=\"max-w-2xl\">\n        {description}\n      </SectionDescription>\n    </div>\n    {\n      buttons?.length && (\n        <div class=\"flex flex-wrap justify-center gap-3\">\n          {buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              variant={button.variant ?? (index === 0 ? \"default\" : \"outline\")}\n              {...button}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      )\n    }\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-6 sm:grid-cols-2 lg:grid-cols-3\">\n      {\n        features.map((feature) => (\n          <div class=\"group/feature flex flex-col items-center gap-4 text-center\">\n            <div class=\"bg-primary/5 text-primary border-primary/20 flex size-12 items-center justify-center rounded-xl border\">\n              <Icon name={feature.icon} class=\"size-5\" />\n            </div>\n            <h3 class=\"text-foreground text-base font-medium text-balance\">\n              {feature.title}\n            </h3>\n            <p class=\"text-muted-foreground text-sm leading-relaxed text-balance\">\n              {feature.description}\n            </p>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/features/",
+  "categories": [
+    "features"
+  ],
   "type": "registry:block"
 }

package/public/r/features-6.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-6",
+  "title": "Features 6",
+  "description": "Feature section layouts for product narratives, launch pages, and capability overviews.",
   "registryDependencies": [
     "@fulldev/button",
     "@fulldev/section",
@@ -9,9 +11,13 @@
   "files": [
     {
       "path": "src/components/blocks/features-6.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  features: {\n    title: string\n    description: string\n  }[]\n}\n\nconst { class: className, title, description, buttons, features } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer>\n    <div class=\"flex max-w-2xl flex-col gap-4\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p class=\"text-muted-foreground text-base leading-relaxed text-balance\">\n        {description}\n      </p>\n      {\n        buttons?.length && (\n          <div class=\"mt-2 flex flex-wrap gap-3\">\n            {buttons.map(({ href, label, ...button }, index) => (\n              <Button\n                as=\"a\"\n                href={href}\n                variant={\n                  button.variant ?? (index === 0 ? \"default\" : \"outline\")\n                }\n                {...button}\n              >\n                {label}\n              </Button>\n            ))}\n          </div>\n        )\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-12 sm:grid-cols-2 lg:grid-cols-3\">\n      {\n        features.map((feature) => (\n          <div>\n            <Separator />\n            <div class=\"pt-6\">\n              <h3 class=\"text-foreground text-lg font-medium\">\n                {feature.title}\n              </h3>\n              <p class=\"text-muted-foreground mt-2 text-sm leading-relaxed\">\n                {feature.description}\n              </p>\n            </div>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Section,\n  SectionContainer,\n  SectionTitle,\n} from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description: string\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  features: {\n    title: string\n    description: string\n  }[]\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  buttons,\n  features,\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer>\n    <div class=\"flex max-w-2xl flex-col gap-4\">\n      <SectionTitle>\n        {title}\n      </SectionTitle>\n      <p class=\"text-muted-foreground text-base leading-relaxed text-balance\">\n        {description}\n      </p>\n      {\n        buttons?.length && (\n          <div class=\"mt-2 flex flex-wrap gap-3\">\n            {buttons.map(({ href, label, ...button }, index) => (\n              <Button\n                as=\"a\"\n                href={href}\n                variant={\n                  button.variant ?? (index === 0 ? \"default\" : \"outline\")\n                }\n                {...button}\n              >\n                {label}\n              </Button>\n            ))}\n          </div>\n        )\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-12 sm:grid-cols-2 lg:grid-cols-3\">\n      {\n        features.map((feature) => (\n          <div>\n            <Separator />\n            <div class=\"pt-6\">\n              <h3 class=\"text-foreground text-lg font-medium\">\n                {feature.title}\n              </h3>\n              <p class=\"text-muted-foreground mt-2 text-sm leading-relaxed\">\n                {feature.description}\n              </p>\n            </div>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/features/",
+  "categories": [
+    "features"
+  ],
   "type": "registry:block"
 }

package/public/r/field.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "field",
+  "title": "Field",
+  "description": "Combine labels, controls, and help text to compose accessible form fields and grouped inputs.",
   "registryDependencies": [
     "@fulldev/label",
     "@fulldev/separator"
@@ -57,5 +59,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/field/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/footer-1.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "footer-1",
+  "title": "Footer 1",
+  "description": "Footer layouts for utility navigation, brand presence, and last-mile calls to action.",
   "dependencies": [
     "simple-icons-astro"
   ],
@@ -12,9 +14,13 @@
   "files": [
     {
       "path": "src/components/blocks/footer-1.astro",
-      "content": "---\nimport Discord from \"simple-icons-astro/Discord\"\nimport Github from \"simple-icons-astro/Github\"\nimport X from \"simple-icons-astro/X\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  brandName: string\n  brandHref: string\n  description: string\n  socials?: {\n    label: string\n    href: string\n    icon: string\n  }[]\n  columns: {\n    title: string\n    links: {\n      label: string\n      href: string\n    }[]\n  }[]\n  copyright: string\n}\n\nconst {\n  class: className,\n  brandName,\n  brandHref,\n  description,\n  socials,\n  columns,\n  copyright,\n} = Astro.props\n\nconst iconMap: Record<string, any> = {\n  github: Github,\n  discord: Discord,\n  x: X,\n}\n---\n\n<footer class={cn(\"\", className)}>\n  <Section class=\"py-16 lg:py-20\">\n    <SectionContainer>\n      <div class=\"grid gap-10 lg:grid-cols-[1fr_2fr]\">\n        <div class=\"flex flex-col gap-5\">\n          <Logo href={brandHref}>\n            <LogoText>{brandName}</LogoText>\n          </Logo>\n          <p class=\"text-muted-foreground max-w-xs text-sm leading-relaxed\">\n            {description}\n          </p>\n          {\n            socials && socials.length > 0 && (\n              <div class=\"flex items-center gap-3\">\n                {socials.map((social) => {\n                  const IconComp = iconMap[social.icon]\n                  return (\n                    <a\n                      href={social.href}\n                      class=\"text-muted-foreground hover:text-foreground transition-colors\"\n                      aria-label={social.label}\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                    >\n                      {IconComp && (\n                        <IconComp class=\"size-4\" fill=\"currentColor\" />\n                      )}\n                    </a>\n                  )\n                })}\n              </div>\n            )\n          }\n        </div>\n        <div class=\"grid gap-8 sm:grid-cols-3\">\n          {\n            columns.map((column) => (\n              <div class=\"flex flex-col gap-3\">\n                <p class=\"text-sm font-medium\">{column.title}</p>\n                <ul class=\"flex flex-col gap-2.5\">\n                  {column.links.map((link) => (\n                    <li>\n                      <a\n                        href={link.href}\n                        class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                      >\n                        {link.label}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))\n          }\n        </div>\n      </div>\n      <Separator />\n      <p class=\"text-muted-foreground text-sm\">{copyright}</p>\n    </SectionContainer>\n  </Section>\n</footer>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport Discord from \"simple-icons-astro/Discord\"\nimport Github from \"simple-icons-astro/Github\"\nimport X from \"simple-icons-astro/X\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = HTMLAttributes<\"footer\"> & {\n  brandName: string\n  brandHref: string\n  description: string\n  socials?: {\n    label: string\n    href: string\n    icon: string\n  }[]\n  columns: {\n    title: string\n    links: {\n      label: string\n      href: string\n    }[]\n  }[]\n  copyright: string\n}\n\nconst {\n  class: className,\n  brandName,\n  brandHref,\n  description,\n  socials,\n  columns,\n  copyright,\n  ...props\n} = Astro.props\n\nconst iconMap: Record<string, any> = {\n  github: Github,\n  discord: Discord,\n  x: X,\n}\n---\n\n<footer class={cn(\"\", className)} {...props}>\n  <Section class=\"py-16 lg:py-20\">\n    <SectionContainer>\n      <div class=\"grid gap-10 lg:grid-cols-[1fr_2fr]\">\n        <div class=\"flex flex-col gap-5\">\n          <Logo href={brandHref}>\n            <LogoText>{brandName}</LogoText>\n          </Logo>\n          <p class=\"text-muted-foreground max-w-xs text-sm leading-relaxed\">\n            {description}\n          </p>\n          {\n            socials && socials.length > 0 && (\n              <div class=\"flex items-center gap-3\">\n                {socials.map((social) => {\n                  const IconComp = iconMap[social.icon]\n                  return (\n                    <a\n                      href={social.href}\n                      class=\"text-muted-foreground hover:text-foreground transition-colors\"\n                      aria-label={social.label}\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                    >\n                      {IconComp && (\n                        <IconComp class=\"size-4\" fill=\"currentColor\" />\n                      )}\n                    </a>\n                  )\n                })}\n              </div>\n            )\n          }\n        </div>\n        <div class=\"grid gap-8 sm:grid-cols-3\">\n          {\n            columns.map((column) => (\n              <div class=\"flex flex-col gap-3\">\n                <p class=\"text-sm font-medium\">{column.title}</p>\n                <ul class=\"flex flex-col gap-2.5\">\n                  {column.links.map((link) => (\n                    <li>\n                      <a\n                        href={link.href}\n                        class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                      >\n                        {link.label}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))\n          }\n        </div>\n      </div>\n      <Separator />\n      <p class=\"text-muted-foreground text-sm\">{copyright}</p>\n    </SectionContainer>\n  </Section>\n</footer>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/footer/",
+  "categories": [
+    "footer"
+  ],
   "type": "registry:block"
 }

package/public/r/footer-2.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "footer-2",
+  "title": "Footer 2",
+  "description": "Footer layouts for utility navigation, brand presence, and last-mile calls to action.",
   "dependencies": [
     "simple-icons-astro"
   ],
@@ -12,9 +14,13 @@
   "files": [
     {
       "path": "src/components/blocks/footer-2.astro",
-      "content": "---\nimport Discord from \"simple-icons-astro/Discord\"\nimport Github from \"simple-icons-astro/Github\"\nimport X from \"simple-icons-astro/X\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  brandName: string\n  brandHref: string\n  description: string\n  links?: {\n    label: string\n    href: string\n  }[]\n  socials?: {\n    label: string\n    href: string\n    icon: string\n  }[]\n  copyright: string\n}\n\nconst {\n  class: className,\n  brandName,\n  brandHref,\n  description,\n  links,\n  socials,\n  copyright,\n} = Astro.props\n\nconst iconMap: Record<string, any> = {\n  github: Github,\n  discord: Discord,\n  x: X,\n}\n---\n\n<footer class={cn(\"\", className)}>\n  <Section class=\"py-12 lg:py-16\">\n    <SectionContainer class=\"items-center text-center\">\n      <Logo href={brandHref}>\n        <LogoText>{brandName}</LogoText>\n      </Logo>\n      <p class=\"text-muted-foreground max-w-md text-sm leading-relaxed\">\n        {description}\n      </p>\n      {\n        links && links.length > 0 && (\n          <nav class=\"flex flex-wrap items-center justify-center gap-x-6 gap-y-2\">\n            {links.map((link) => (\n              <a\n                href={link.href}\n                class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n              >\n                {link.label}\n              </a>\n            ))}\n          </nav>\n        )\n      }\n      {\n        socials && socials.length > 0 && (\n          <div class=\"flex items-center justify-center gap-3\">\n            {socials.map((social) => {\n              const IconComp = iconMap[social.icon]\n              return (\n                <a\n                  href={social.href}\n                  class=\"text-muted-foreground hover:text-foreground transition-colors\"\n                  aria-label={social.label}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  {IconComp && <IconComp class=\"size-4\" fill=\"currentColor\" />}\n                </a>\n              )\n            })}\n          </div>\n        )\n      }\n      <Separator />\n      <p class=\"text-muted-foreground text-sm\">{copyright}</p>\n    </SectionContainer>\n  </Section>\n</footer>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport Discord from \"simple-icons-astro/Discord\"\nimport Github from \"simple-icons-astro/Github\"\nimport X from \"simple-icons-astro/X\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = HTMLAttributes<\"footer\"> & {\n  brandName: string\n  brandHref: string\n  description: string\n  links?: {\n    label: string\n    href: string\n  }[]\n  socials?: {\n    label: string\n    href: string\n    icon: string\n  }[]\n  copyright: string\n}\n\nconst {\n  class: className,\n  brandName,\n  brandHref,\n  description,\n  links,\n  socials,\n  copyright,\n  ...props\n} = Astro.props\n\nconst iconMap: Record<string, any> = {\n  github: Github,\n  discord: Discord,\n  x: X,\n}\n---\n\n<footer class={cn(\"\", className)} {...props}>\n  <Section class=\"py-12 lg:py-16\">\n    <SectionContainer class=\"items-center text-center\">\n      <Logo href={brandHref}>\n        <LogoText>{brandName}</LogoText>\n      </Logo>\n      <p class=\"text-muted-foreground max-w-md text-sm leading-relaxed\">\n        {description}\n      </p>\n      {\n        links && links.length > 0 && (\n          <nav class=\"flex flex-wrap items-center justify-center gap-x-6 gap-y-2\">\n            {links.map((link) => (\n              <a\n                href={link.href}\n                class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n              >\n                {link.label}\n              </a>\n            ))}\n          </nav>\n        )\n      }\n      {\n        socials && socials.length > 0 && (\n          <div class=\"flex items-center justify-center gap-3\">\n            {socials.map((social) => {\n              const IconComp = iconMap[social.icon]\n              return (\n                <a\n                  href={social.href}\n                  class=\"text-muted-foreground hover:text-foreground transition-colors\"\n                  aria-label={social.label}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  {IconComp && <IconComp class=\"size-4\" fill=\"currentColor\" />}\n                </a>\n              )\n            })}\n          </div>\n        )\n      }\n      <Separator />\n      <p class=\"text-muted-foreground text-sm\">{copyright}</p>\n    </SectionContainer>\n  </Section>\n</footer>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/footer/",
+  "categories": [
+    "footer"
+  ],
   "type": "registry:block"
 }

package/public/r/footer-3.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "footer-3",
+  "title": "Footer 3",
+  "description": "Footer layouts for utility navigation, brand presence, and last-mile calls to action.",
   "dependencies": [
     "simple-icons-astro"
   ],
@@ -12,9 +14,13 @@
   "files": [
     {
       "path": "src/components/blocks/footer-3.astro",
-      "content": "---\nimport Discord from \"simple-icons-astro/Discord\"\nimport Github from \"simple-icons-astro/Github\"\nimport X from \"simple-icons-astro/X\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  brandName: string\n  brandHref: string\n  description: string\n  socials?: {\n    label: string\n    href: string\n    icon: string\n  }[]\n  columns: {\n    title: string\n    links: {\n      label: string\n      href: string\n    }[]\n  }[]\n  copyright: string\n  bottomLinks?: {\n    label: string\n    href: string\n  }[]\n}\n\nconst {\n  class: className,\n  brandName,\n  brandHref,\n  description,\n  socials,\n  columns,\n  copyright,\n  bottomLinks,\n} = Astro.props\n\nconst iconMap: Record<string, any> = {\n  github: Github,\n  discord: Discord,\n  x: X,\n}\n---\n\n<footer class={cn(\"\", className)}>\n  <Section class=\"py-16 lg:py-20\">\n    <SectionContainer>\n      <div class=\"grid gap-10 lg:grid-cols-[1fr_2fr]\">\n        <div class=\"flex flex-col gap-5\">\n          <Logo href={brandHref}>\n            <LogoText>{brandName}</LogoText>\n          </Logo>\n          <p class=\"text-muted-foreground max-w-xs text-sm leading-relaxed\">\n            {description}\n          </p>\n          {\n            socials && socials.length > 0 && (\n              <div class=\"flex items-center gap-3\">\n                {socials.map((social) => {\n                  const IconComp = iconMap[social.icon]\n                  return (\n                    <a\n                      href={social.href}\n                      class=\"text-muted-foreground hover:text-foreground transition-colors\"\n                      aria-label={social.label}\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                    >\n                      {IconComp && (\n                        <IconComp class=\"size-4\" fill=\"currentColor\" />\n                      )}\n                    </a>\n                  )\n                })}\n              </div>\n            )\n          }\n        </div>\n        <div class=\"grid gap-8 sm:grid-cols-3\">\n          {\n            columns.map((column) => (\n              <div class=\"flex flex-col gap-3\">\n                <p class=\"text-sm font-medium\">{column.title}</p>\n                <ul class=\"flex flex-col gap-2.5\">\n                  {column.links.map((link) => (\n                    <li>\n                      <a\n                        href={link.href}\n                        class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                      >\n                        {link.label}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))\n          }\n        </div>\n      </div>\n      <Separator />\n      <div\n        class=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\"\n      >\n        <p class=\"text-muted-foreground text-sm\">{copyright}</p>\n        {\n          bottomLinks && bottomLinks.length > 0 && (\n            <nav class=\"flex flex-wrap items-center gap-x-5 gap-y-2\">\n              {bottomLinks.map((link) => (\n                <a\n                  href={link.href}\n                  class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                >\n                  {link.label}\n                </a>\n              ))}\n            </nav>\n          )\n        }\n      </div>\n    </SectionContainer>\n  </Section>\n</footer>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport Discord from \"simple-icons-astro/Discord\"\nimport Github from \"simple-icons-astro/Github\"\nimport X from \"simple-icons-astro/X\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = HTMLAttributes<\"footer\"> & {\n  brandName: string\n  brandHref: string\n  description: string\n  socials?: {\n    label: string\n    href: string\n    icon: string\n  }[]\n  columns: {\n    title: string\n    links: {\n      label: string\n      href: string\n    }[]\n  }[]\n  copyright: string\n  bottomLinks?: {\n    label: string\n    href: string\n  }[]\n}\n\nconst {\n  class: className,\n  brandName,\n  brandHref,\n  description,\n  socials,\n  columns,\n  copyright,\n  bottomLinks,\n  ...props\n} = Astro.props\n\nconst iconMap: Record<string, any> = {\n  github: Github,\n  discord: Discord,\n  x: X,\n}\n---\n\n<footer class={cn(\"\", className)} {...props}>\n  <Section class=\"py-16 lg:py-20\">\n    <SectionContainer>\n      <div class=\"grid gap-10 lg:grid-cols-[1fr_2fr]\">\n        <div class=\"flex flex-col gap-5\">\n          <Logo href={brandHref}>\n            <LogoText>{brandName}</LogoText>\n          </Logo>\n          <p class=\"text-muted-foreground max-w-xs text-sm leading-relaxed\">\n            {description}\n          </p>\n          {\n            socials && socials.length > 0 && (\n              <div class=\"flex items-center gap-3\">\n                {socials.map((social) => {\n                  const IconComp = iconMap[social.icon]\n                  return (\n                    <a\n                      href={social.href}\n                      class=\"text-muted-foreground hover:text-foreground transition-colors\"\n                      aria-label={social.label}\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                    >\n                      {IconComp && (\n                        <IconComp class=\"size-4\" fill=\"currentColor\" />\n                      )}\n                    </a>\n                  )\n                })}\n              </div>\n            )\n          }\n        </div>\n        <div class=\"grid gap-8 sm:grid-cols-3\">\n          {\n            columns.map((column) => (\n              <div class=\"flex flex-col gap-3\">\n                <p class=\"text-sm font-medium\">{column.title}</p>\n                <ul class=\"flex flex-col gap-2.5\">\n                  {column.links.map((link) => (\n                    <li>\n                      <a\n                        href={link.href}\n                        class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                      >\n                        {link.label}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))\n          }\n        </div>\n      </div>\n      <Separator />\n      <div\n        class=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\"\n      >\n        <p class=\"text-muted-foreground text-sm\">{copyright}</p>\n        {\n          bottomLinks && bottomLinks.length > 0 && (\n            <nav class=\"flex flex-wrap items-center gap-x-5 gap-y-2\">\n              {bottomLinks.map((link) => (\n                <a\n                  href={link.href}\n                  class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                >\n                  {link.label}\n                </a>\n              ))}\n            </nav>\n          )\n        }\n      </div>\n    </SectionContainer>\n  </Section>\n</footer>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/footer/",
+  "categories": [
+    "footer"
+  ],
   "type": "registry:block"
 }

package/public/r/form.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "form",
+  "title": "Form",
+  "description": "A thin Astro form wrapper with sensible vertical spacing for fulldev field primitives.",
   "files": [
     {
       "path": "src/components/ui/form/form.astro",
@@ -13,5 +15,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/form/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/header-1.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "header-1",
+  "title": "Header 1",
+  "description": "Header layouts for brand, navigation, and high-level page actions.",
   "registryDependencies": [
     "@fulldev/button",
     "@fulldev/header",
@@ -12,9 +14,13 @@
   "files": [
     {
       "path": "src/components/blocks/header-1.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n} from \"@/components/ui/navigation-menu\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\ntype Props = {\n  class?: string\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  buttons: {\n    label: string\n    href: string\n    icon?: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, logo, navigation, buttons } = Astro.props\n---\n\n<Header class={cn(\"\", className)}>\n  <HeaderContainer class=\"justify-between gap-4\">\n    <HeaderGroup>\n      <Logo href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        {logo.label && <LogoText>{logo.label}</LogoText>}\n      </Logo>\n    </HeaderGroup>\n    <NavigationMenu class=\"hidden flex-none justify-start lg:flex\">\n      <NavigationMenuList class=\"justify-start\">\n        {\n          navigation.map((item, index) => (\n            <NavigationMenuItem value={`nav-${index}`}>\n              <NavigationMenuLink href={item.href}>\n                {item.label}\n              </NavigationMenuLink>\n            </NavigationMenuItem>\n          ))\n        }\n      </NavigationMenuList>\n    </NavigationMenu>\n    <HeaderGroup class=\"ml-auto hidden flex-1 justify-end lg:flex\">\n      <slot />\n      {\n        buttons.map(({ label, icon, ...button }) => (\n          <Button\n            as=\"a\"\n            size={icon && !label ? \"icon-sm\" : \"sm\"}\n            aria-label={label}\n            target={button.href.startsWith(\"http\") ? \"_blank\" : undefined}\n            rel={button.href.startsWith(\"http\") ? \"noreferrer\" : undefined}\n            {...button}\n          >\n            {icon && <Icon name={icon} />}\n            {label}\n          </Button>\n        ))\n      }\n    </HeaderGroup>\n    <Sheet class=\"lg:hidden\">\n      <SheetTrigger\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"ml-auto\"\n        aria-label=\"Open menu\"\n      >\n        <Icon name=\"menu\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" class=\"p-0\">\n        <SheetHeader class=\"sr-only\">\n          <SheetTitle>Menu</SheetTitle>\n          <SheetDescription>Site navigation and actions.</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex h-full flex-col gap-6 px-4 py-12\">\n          <nav aria-label=\"Main navigation\" class=\"flex flex-col gap-1\">\n            {\n              navigation.map((item) => (\n                <SheetClose variant=\"ghost\" class=\"justify-start\">\n                  {item.label}\n                </SheetClose>\n              ))\n            }\n          </nav>\n          <div class=\"mt-auto flex flex-col gap-2\">\n            <slot />\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  </HeaderContainer>\n</Header>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n} from \"@/components/ui/navigation-menu\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\ntype Props = HTMLAttributes<\"header\"> & {\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  buttons: {\n    label: string\n    href: string\n    icon?: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, logo, navigation, buttons, ...props } = Astro.props\n---\n\n<Header class={cn(\"\", className)} {...props}>\n  <HeaderContainer class=\"items-center justify-between gap-4\">\n    <HeaderGroup>\n      <Logo href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        {logo.label && <LogoText>{logo.label}</LogoText>}\n      </Logo>\n    </HeaderGroup>\n    <NavigationMenu class=\"hidden flex-none justify-start lg:flex\">\n      <NavigationMenuList class=\"justify-start\">\n        {\n          navigation.map((item, index) => (\n            <NavigationMenuItem value={`nav-${index}`}>\n              <NavigationMenuLink href={item.href}>\n                {item.label}\n              </NavigationMenuLink>\n            </NavigationMenuItem>\n          ))\n        }\n      </NavigationMenuList>\n    </NavigationMenu>\n    <HeaderGroup class=\"ml-auto hidden flex-1 justify-end lg:flex\">\n      <slot />\n      {\n        buttons.map(({ label, icon, ...button }) => (\n          <Button\n            as=\"a\"\n            size={icon && !label ? \"icon-sm\" : \"sm\"}\n            aria-label={label}\n            target={button.href.startsWith(\"http\") ? \"_blank\" : undefined}\n            rel={button.href.startsWith(\"http\") ? \"noreferrer\" : undefined}\n            {...button}\n          >\n            {icon && <Icon name={icon} />}\n            {label}\n          </Button>\n        ))\n      }\n    </HeaderGroup>\n    <Sheet class=\"lg:hidden\">\n      <SheetTrigger\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"ml-auto\"\n        aria-label=\"Open menu\"\n      >\n        <Icon name=\"menu\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" class=\"p-0\">\n        <SheetHeader class=\"sr-only\">\n          <SheetTitle>Menu</SheetTitle>\n          <SheetDescription>Site navigation and actions.</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex h-full flex-col gap-6 px-4 py-12\">\n          <nav aria-label=\"Main navigation\" class=\"flex flex-col gap-1\">\n            {\n              navigation.map((item) => (\n                <SheetClose\n                  as=\"a\"\n                  href={item.href}\n                  variant=\"ghost\"\n                  class=\"justify-start\"\n                >\n                  {item.label}\n                </SheetClose>\n              ))\n            }\n          </nav>\n          <div class=\"mt-auto flex flex-col gap-2\">\n            <slot name=\"mobile\" />\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  </HeaderContainer>\n</Header>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/header/",
+  "categories": [
+    "header"
+  ],
   "type": "registry:block"
 }

package/public/r/header-2.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "header-2",
+  "title": "Header 2",
+  "description": "Header layouts for brand, navigation, and high-level page actions.",
   "registryDependencies": [
     "@fulldev/button",
     "@fulldev/header",
@@ -12,9 +14,13 @@
   "files": [
     {
       "path": "src/components/blocks/header-2.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n} from \"@/components/ui/navigation-menu\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\ntype Props = {\n  class?: string\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  buttons: {\n    label: string\n    href: string\n    icon?: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, logo, navigation, buttons } = Astro.props\n---\n\n<Header variant=\"floating\" class={cn(\"\", className)}>\n  <HeaderContainer class=\"justify-between\">\n    <HeaderGroup>\n      <Logo href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        {logo.label && <LogoText>{logo.label}</LogoText>}\n      </Logo>\n    </HeaderGroup>\n    <NavigationMenu\n      class=\"absolute left-1/2 hidden max-w-none -translate-x-1/2 lg:flex\"\n    >\n      <NavigationMenuList>\n        {\n          navigation.map((item, index) => (\n            <NavigationMenuItem value={`nav-${index}`}>\n              <NavigationMenuLink href={item.href}>\n                {item.label}\n              </NavigationMenuLink>\n            </NavigationMenuItem>\n          ))\n        }\n      </NavigationMenuList>\n    </NavigationMenu>\n    <HeaderGroup class=\"ml-auto hidden justify-end lg:flex\">\n      <slot />\n      {\n        buttons.map(({ label, icon, ...button }) => (\n          <Button\n            as=\"a\"\n            size={icon && !label ? \"icon-sm\" : \"sm\"}\n            aria-label={label}\n            target={button.href.startsWith(\"http\") ? \"_blank\" : undefined}\n            rel={button.href.startsWith(\"http\") ? \"noreferrer\" : undefined}\n            {...button}\n          >\n            {icon && <Icon name={icon} />}\n            {label}\n          </Button>\n        ))\n      }\n    </HeaderGroup>\n    <Sheet class=\"lg:hidden\">\n      <SheetTrigger\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"ml-auto\"\n        aria-label=\"Open menu\"\n      >\n        <Icon name=\"menu\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" class=\"p-0\">\n        <SheetHeader class=\"sr-only\">\n          <SheetTitle>Menu</SheetTitle>\n          <SheetDescription>Site navigation and actions.</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex h-full flex-col gap-6 px-4 py-12\">\n          <nav aria-label=\"Main navigation\" class=\"flex flex-col gap-1\">\n            {\n              navigation.map((item) => (\n                <SheetClose variant=\"ghost\" class=\"justify-start\">\n                  {item.label}\n                </SheetClose>\n              ))\n            }\n          </nav>\n          <div class=\"mt-auto flex flex-col gap-2\">\n            <slot />\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  </HeaderContainer>\n</Header>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n} from \"@/components/ui/navigation-menu\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\ntype Props = HTMLAttributes<\"header\"> & {\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  buttons: {\n    label: string\n    href: string\n    icon?: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, logo, navigation, buttons, ...props } = Astro.props\n---\n\n<Header variant=\"floating\" class={cn(\"\", className)} {...props}>\n  <HeaderContainer class=\"justify-between\">\n    <HeaderGroup>\n      <Logo href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        {logo.label && <LogoText>{logo.label}</LogoText>}\n      </Logo>\n    </HeaderGroup>\n    <NavigationMenu\n      class=\"absolute left-1/2 hidden max-w-none -translate-x-1/2 lg:flex\"\n    >\n      <NavigationMenuList>\n        {\n          navigation.map((item, index) => (\n            <NavigationMenuItem value={`nav-${index}`}>\n              <NavigationMenuLink href={item.href}>\n                {item.label}\n              </NavigationMenuLink>\n            </NavigationMenuItem>\n          ))\n        }\n      </NavigationMenuList>\n    </NavigationMenu>\n    <HeaderGroup class=\"ml-auto hidden justify-end lg:flex\">\n      <slot />\n      {\n        buttons.map(({ label, icon, ...button }) => (\n          <Button\n            as=\"a\"\n            size={icon && !label ? \"icon-sm\" : \"sm\"}\n            aria-label={label}\n            target={button.href.startsWith(\"http\") ? \"_blank\" : undefined}\n            rel={button.href.startsWith(\"http\") ? \"noreferrer\" : undefined}\n            {...button}\n          >\n            {icon && <Icon name={icon} />}\n            {label}\n          </Button>\n        ))\n      }\n    </HeaderGroup>\n    <Sheet class=\"lg:hidden\">\n      <SheetTrigger\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"ml-auto\"\n        aria-label=\"Open menu\"\n      >\n        <Icon name=\"menu\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" class=\"p-0\">\n        <SheetHeader class=\"sr-only\">\n          <SheetTitle>Menu</SheetTitle>\n          <SheetDescription>Site navigation and actions.</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex h-full flex-col gap-6 px-4 py-12\">\n          <nav aria-label=\"Main navigation\" class=\"flex flex-col gap-1\">\n            {\n              navigation.map((item) => (\n                <SheetClose\n                  as=\"a\"\n                  href={item.href}\n                  variant=\"ghost\"\n                  class=\"justify-start\"\n                >\n                  {item.label}\n                </SheetClose>\n              ))\n            }\n          </nav>\n          <div class=\"mt-auto flex flex-col gap-2\">\n            <slot name=\"mobile\" />\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  </HeaderContainer>\n</Header>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/header/",
+  "categories": [
+    "header"
+  ],
   "type": "registry:block"
 }

package/public/r/header-3.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "header-3",
+  "title": "Header 3",
+  "description": "Header layouts for brand, navigation, and high-level page actions.",
   "registryDependencies": [
     "@fulldev/button",
     "@fulldev/header",
@@ -13,9 +15,13 @@
   "files": [
     {
       "path": "src/components/blocks/header-3.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n} from \"@/components/ui/navigation-menu\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\ntype Props = {\n  class?: string\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  buttons: {\n    label: string\n    href: string\n    icon?: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, logo, navigation, buttons } = Astro.props\n---\n\n<Header class={cn(\"border-b\", className)}>\n  <HeaderContainer class=\"justify-between\">\n    <HeaderGroup>\n      <Logo href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        {logo.label && <LogoText>{logo.label}</LogoText>}\n      </Logo>\n    </HeaderGroup>\n    <HeaderGroup class=\"ml-auto hidden justify-end gap-1 lg:flex\">\n      <NavigationMenu class=\"hidden max-w-none justify-end lg:flex\">\n        <NavigationMenuList>\n          {\n            navigation.map((item, index) => (\n              <NavigationMenuItem value={`nav-${index}`}>\n                <NavigationMenuLink href={item.href}>\n                  {item.label}\n                </NavigationMenuLink>\n              </NavigationMenuItem>\n            ))\n          }\n        </NavigationMenuList>\n      </NavigationMenu>\n      <Separator\n        orientation=\"vertical\"\n        class=\"mx-1 hidden h-5 self-center lg:block\"\n      />\n      <slot />\n      {\n        buttons.map(({ label, icon, ...button }) => (\n          <Button\n            as=\"a\"\n            size={icon && !label ? \"icon-sm\" : \"sm\"}\n            aria-label={label}\n            target={button.href.startsWith(\"http\") ? \"_blank\" : undefined}\n            rel={button.href.startsWith(\"http\") ? \"noreferrer\" : undefined}\n            {...button}\n          >\n            {icon && <Icon name={icon} />}\n            {label}\n          </Button>\n        ))\n      }\n    </HeaderGroup>\n    <Sheet class=\"lg:hidden\">\n      <SheetTrigger\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"ml-auto\"\n        aria-label=\"Open menu\"\n      >\n        <Icon name=\"menu\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" class=\"p-0\">\n        <SheetHeader class=\"sr-only\">\n          <SheetTitle>Menu</SheetTitle>\n          <SheetDescription>Site navigation and actions.</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex h-full flex-col gap-6 px-4 py-12\">\n          <nav aria-label=\"Main navigation\" class=\"flex flex-col gap-1\">\n            {\n              navigation.map((item) => (\n                <SheetClose variant=\"ghost\" class=\"justify-start\">\n                  {item.label}\n                </SheetClose>\n              ))\n            }\n          </nav>\n          <Separator />\n          <div class=\"mt-auto flex flex-col gap-2\">\n            <slot />\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  </HeaderContainer>\n</Header>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n} from \"@/components/ui/navigation-menu\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\ntype Props = HTMLAttributes<\"header\"> & {\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  buttons: {\n    label: string\n    href: string\n    icon?: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, logo, navigation, buttons, ...props } = Astro.props\n---\n\n<Header class={cn(\"border-b\", className)} {...props}>\n  <HeaderContainer class=\"justify-between\">\n    <HeaderGroup>\n      <Logo href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        {logo.label && <LogoText>{logo.label}</LogoText>}\n      </Logo>\n    </HeaderGroup>\n    <HeaderGroup class=\"ml-auto hidden justify-end gap-1 lg:flex\">\n      <NavigationMenu class=\"hidden max-w-none justify-end lg:flex\">\n        <NavigationMenuList>\n          {\n            navigation.map((item, index) => (\n              <NavigationMenuItem value={`nav-${index}`}>\n                <NavigationMenuLink href={item.href}>\n                  {item.label}\n                </NavigationMenuLink>\n              </NavigationMenuItem>\n            ))\n          }\n        </NavigationMenuList>\n      </NavigationMenu>\n      <Separator\n        orientation=\"vertical\"\n        class=\"mx-1 hidden h-5 self-center lg:block\"\n      />\n      <slot />\n      {\n        buttons.map(({ label, icon, ...button }) => (\n          <Button\n            as=\"a\"\n            size={icon && !label ? \"icon-sm\" : \"sm\"}\n            aria-label={label}\n            target={button.href.startsWith(\"http\") ? \"_blank\" : undefined}\n            rel={button.href.startsWith(\"http\") ? \"noreferrer\" : undefined}\n            {...button}\n          >\n            {icon && <Icon name={icon} />}\n            {label}\n          </Button>\n        ))\n      }\n    </HeaderGroup>\n    <Sheet class=\"lg:hidden\">\n      <SheetTrigger\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"ml-auto\"\n        aria-label=\"Open menu\"\n      >\n        <Icon name=\"menu\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" class=\"p-0\">\n        <SheetHeader class=\"sr-only\">\n          <SheetTitle>Menu</SheetTitle>\n          <SheetDescription>Site navigation and actions.</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex h-full flex-col gap-6 px-4 py-12\">\n          <nav aria-label=\"Main navigation\" class=\"flex flex-col gap-1\">\n            {\n              navigation.map((item) => (\n                <SheetClose\n                  as=\"a\"\n                  href={item.href}\n                  variant=\"ghost\"\n                  class=\"justify-start\"\n                >\n                  {item.label}\n                </SheetClose>\n              ))\n            }\n          </nav>\n          <Separator />\n          <div class=\"mt-auto flex flex-col gap-2\">\n            <slot name=\"mobile\" />\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  </HeaderContainer>\n</Header>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/header/",
+  "categories": [
+    "header"
+  ],
   "type": "registry:block"
 }