fulldev-ui 0.10.0 → 0.11.0

package/public/r/blocks.json

@@ -0,0 +1,92 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "blocks",
+  "title": "All blocks",
+  "description": "Installs every Fulldev UI block.",
+  "registryDependencies": [
+    "@fulldev/article-1",
+    "@fulldev/article-2",
+    "@fulldev/articles-1",
+    "@fulldev/articles-2",
+    "@fulldev/articles-3",
+    "@fulldev/articles-4",
+    "@fulldev/banner-1",
+    "@fulldev/banner-2",
+    "@fulldev/blocks-1",
+    "@fulldev/contact-1",
+    "@fulldev/contact-2",
+    "@fulldev/contact-3",
+    "@fulldev/content-1",
+    "@fulldev/content-2",
+    "@fulldev/content-3",
+    "@fulldev/content-4",
+    "@fulldev/cta-1",
+    "@fulldev/cta-2",
+    "@fulldev/cta-3",
+    "@fulldev/cta-4",
+    "@fulldev/cta-5",
+    "@fulldev/cta-6",
+    "@fulldev/cta-7",
+    "@fulldev/cta-8",
+    "@fulldev/doc-1",
+    "@fulldev/faqs-1",
+    "@fulldev/faqs-2",
+    "@fulldev/faqs-3",
+    "@fulldev/faqs-4",
+    "@fulldev/features-1",
+    "@fulldev/features-2",
+    "@fulldev/features-3",
+    "@fulldev/features-4",
+    "@fulldev/features-5",
+    "@fulldev/features-6",
+    "@fulldev/footer-1",
+    "@fulldev/footer-2",
+    "@fulldev/footer-3",
+    "@fulldev/header-1",
+    "@fulldev/header-2",
+    "@fulldev/header-3",
+    "@fulldev/header-4",
+    "@fulldev/header-5",
+    "@fulldev/hero-1",
+    "@fulldev/hero-10",
+    "@fulldev/hero-11",
+    "@fulldev/hero-12",
+    "@fulldev/hero-13",
+    "@fulldev/hero-2",
+    "@fulldev/hero-3",
+    "@fulldev/hero-4",
+    "@fulldev/hero-5",
+    "@fulldev/hero-6",
+    "@fulldev/hero-7",
+    "@fulldev/hero-8",
+    "@fulldev/hero-9",
+    "@fulldev/links-2",
+    "@fulldev/logos-1",
+    "@fulldev/logos-2",
+    "@fulldev/logos-3",
+    "@fulldev/pricing-1",
+    "@fulldev/pricing-2",
+    "@fulldev/pricing-3",
+    "@fulldev/product-1",
+    "@fulldev/products-1",
+    "@fulldev/products-2",
+    "@fulldev/products-3",
+    "@fulldev/products-4",
+    "@fulldev/products-5",
+    "@fulldev/reviews-1",
+    "@fulldev/reviews-2",
+    "@fulldev/reviews-3",
+    "@fulldev/reviews-4",
+    "@fulldev/reviews-5",
+    "@fulldev/services-1",
+    "@fulldev/services-2",
+    "@fulldev/services-3",
+    "@fulldev/services-4",
+    "@fulldev/services-5",
+    "@fulldev/services-6",
+    "@fulldev/services-7",
+    "@fulldev/sidebar-1"
+  ],
+  "docs": "https://ui.full.dev/blocks/",
+  "type": "registry:item"
+}

package/public/r/breadcrumb.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "breadcrumb",
+  "title": "Breadcrumb",
+  "description": "Displays the path to the current resource using a hierarchy of links.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -46,5 +48,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/breadcrumb/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/button.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "button",
+  "title": "Button",
+  "description": "Displays a button or a component that looks like a button.",
   "files": [
     {
       "path": "src/components/ui/button/button-variants.ts",
@@ -18,5 +20,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/button/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/card.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "card",
+  "title": "Card",
+  "description": "Displays a card with header, content, and footer.",
   "files": [
     {
       "path": "src/components/ui/card/card.astro",
@@ -43,5 +45,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/card/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/carousel.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "carousel",
+  "title": "Carousel",
+  "description": "A carousel with motion and swipe built using Embla.",
   "dependencies": [
     "embla-carousel",
     "@lucide/astro"
@@ -40,5 +42,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/carousel/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/checkbox.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "checkbox",
+  "title": "Checkbox",
+  "description": "A control that allows the user to toggle between checked and not checked.",
   "files": [
     {
       "path": "src/components/ui/checkbox/checkbox.astro",
@@ -13,5 +15,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/checkbox/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/collapsible.json

@@ -1,13 +1,15 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "collapsible",
+  "title": "Collapsible",
+  "description": "An interactive component which expands/collapses a panel.",
   "dependencies": [
     "@data-slot/collapsible"
   ],
   "files": [
     {
       "path": "src/components/ui/collapsible/collapsible.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  hiddenUntilFound?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  hiddenUntilFound,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"collapsible\"\n  data-default-open={defaultOpen}\n  data-hidden-until-found={hiddenUntilFound}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/collapsible\"\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  hiddenUntilFound?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  hiddenUntilFound,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"collapsible\"\n  data-default-open={defaultOpen}\n  data-hidden-until-found={hiddenUntilFound}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/collapsible\"\n\n  create()\n  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -26,5 +28,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/collapsible/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/combobox.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "combobox",
+  "title": "Combobox",
+  "description": "Autocomplete input with a list of suggestions.",
   "dependencies": [
     "@data-slot/combobox",
     "@lucide/astro"
@@ -70,5 +72,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/combobox/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/command.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "command",
+  "title": "Command",
+  "description": "Command menu for search and quick actions.",
   "dependencies": [
     "@data-slot/command",
     "@lucide/astro"
@@ -60,5 +62,9 @@
       "type": "registry:ui"
     }
   ],
+  "docs": "https://ui.full.dev/components/command/",
+  "categories": [
+    "ui"
+  ],
   "type": "registry:ui"
 }

package/public/r/components.json

@@ -1,16 +1,19 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "components",
+  "title": "All components",
+  "description": "Installs every Fulldev UI component.",
   "registryDependencies": [
     "@fulldev/accordion",
     "@fulldev/alert",
     "@fulldev/alert-dialog",
-    "@fulldev/form",
     "@fulldev/avatar",
     "@fulldev/badge",
     "@fulldev/banner",
+    "@fulldev/breadcrumb",
     "@fulldev/button",
     "@fulldev/card",
+    "@fulldev/carousel",
     "@fulldev/checkbox",
     "@fulldev/collapsible",
     "@fulldev/combobox",
@@ -19,25 +22,31 @@
     "@fulldev/dropdown-menu",
     "@fulldev/empty",
     "@fulldev/field",
+    "@fulldev/form",
     "@fulldev/header",
+    "@fulldev/hover-card",
+    "@fulldev/icon",
     "@fulldev/input",
     "@fulldev/input-group",
     "@fulldev/item",
+    "@fulldev/kbd",
     "@fulldev/label",
+    "@fulldev/layout",
     "@fulldev/logo",
     "@fulldev/marquee",
     "@fulldev/native-select",
     "@fulldev/navigation-menu",
+    "@fulldev/popover",
     "@fulldev/price",
     "@fulldev/radio-group",
     "@fulldev/rating",
-    "@fulldev/select",
     "@fulldev/section",
+    "@fulldev/select",
     "@fulldev/separator",
     "@fulldev/sheet",
     "@fulldev/sidebar",
-    "@fulldev/slider",
     "@fulldev/skeleton",
+    "@fulldev/slider",
     "@fulldev/spinner",
     "@fulldev/switch",
     "@fulldev/table",
@@ -45,9 +54,11 @@
     "@fulldev/textarea",
     "@fulldev/theme-toggle",
     "@fulldev/toc",
+    "@fulldev/toggle",
     "@fulldev/tooltip",
     "@fulldev/typography",
     "@fulldev/video"
   ],
+  "docs": "https://ui.full.dev/components/",
   "type": "registry:item"
 }

package/public/r/contact-1.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "contact-1",
+  "title": "Contact 1",
+  "description": "Contact sections for project inquiries, support, and sales conversations.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -9,14 +11,20 @@
     "@fulldev/field",
     "@fulldev/input",
     "@fulldev/section",
-    "@fulldev/textarea"
+    "@fulldev/textarea",
+    "@fulldev/form",
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/contact-1.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Field,\n  FieldDescription,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    messageDescription: string\n    actionLabel: string\n  }\n}\n\nconst { class: className, title, description, contactItems, form } = 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-4 sm:grid-cols-2 lg:grid-cols-4\">\n      {\n        contactItems.map((item) => (\n          <div class=\"flex flex-col gap-3 rounded-xl border p-5\">\n            {item.href ? (\n              <Button\n                as=\"a\"\n                href={item.href}\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            ) : (\n              <Button\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            )}\n            <h3 class=\"text-foreground text-sm font-medium\">{item.title}</h3>\n            <p class=\"text-muted-foreground text-sm leading-relaxed\">\n              {item.description}\n            </p>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"mx-auto w-full max-w-2xl rounded-xl border p-6 sm:p-8\">\n      <FieldSet>\n        <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n        <FieldGroup>\n          <div class=\"grid gap-4 md:grid-cols-2\">\n            <Field>\n              <FieldLabel for=\"contact-name-1\">{form.nameLabel}</FieldLabel>\n              <Input id=\"contact-name-1\" placeholder={form.namePlaceholder} />\n            </Field>\n            <Field>\n              <FieldLabel for=\"contact-email-1\">{form.emailLabel}</FieldLabel>\n              <Input\n                id=\"contact-email-1\"\n                type=\"email\"\n                placeholder={form.emailPlaceholder}\n              />\n            </Field>\n          </div>\n          <Field>\n            <FieldLabel for=\"contact-message-1\">{form.messageLabel}</FieldLabel>\n            <Textarea\n              id=\"contact-message-1\"\n              rows={5}\n              placeholder={form.messagePlaceholder}\n            />\n            <FieldDescription>{form.messageDescription}</FieldDescription>\n          </Field>\n          <Button size=\"lg\" class=\"w-full\">{form.actionLabel}</Button>\n        </FieldGroup>\n      </FieldSet>\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  Field,\n  FieldDescription,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Form } from \"@/components/ui/form\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    id?: string\n    action?: string\n    method?: \"get\" | \"post\"\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    messageDescription: string\n    actionLabel: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  contactItems,\n  form,\n  ...props\n} = Astro.props\nconst formId = form.id ?? `contact-${crypto.randomUUID()}`\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-4 sm:grid-cols-2 lg:grid-cols-4\">\n      {\n        contactItems.map((item) => (\n          <div class=\"flex flex-col gap-3 rounded-xl border p-5\">\n            {item.href ? (\n              <Button\n                as=\"a\"\n                href={item.href}\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            ) : (\n              <Button\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            )}\n            <h3 class=\"text-foreground text-sm font-medium\">{item.title}</h3>\n            <p class=\"text-muted-foreground text-sm leading-relaxed\">\n              {item.description}\n            </p>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"mx-auto w-full max-w-2xl rounded-xl border p-6 sm:p-8\">\n      <Form id={formId} action={form.action} method={form.method ?? \"post\"}>\n        <FieldSet>\n          <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n          <FieldGroup>\n            <div class=\"grid gap-4 md:grid-cols-2\">\n              <Field>\n                <FieldLabel for={`${formId}-name`}>{form.nameLabel}</FieldLabel>\n                <Input\n                  id={`${formId}-name`}\n                  name=\"name\"\n                  autocomplete=\"name\"\n                  required\n                  placeholder={form.namePlaceholder}\n                />\n              </Field>\n              <Field>\n                <FieldLabel for={`${formId}-email`}\n                  >{form.emailLabel}</FieldLabel\n                >\n                <Input\n                  id={`${formId}-email`}\n                  name=\"email\"\n                  autocomplete=\"email\"\n                  required\n                  type=\"email\"\n                  placeholder={form.emailPlaceholder}\n                />\n              </Field>\n            </div>\n            <Field>\n              <FieldLabel for={`${formId}-message`}\n                >{form.messageLabel}</FieldLabel\n              >\n              <Textarea\n                id={`${formId}-message`}\n                name=\"message\"\n                required\n                rows={5}\n                placeholder={form.messagePlaceholder}\n              />\n              <FieldDescription>{form.messageDescription}</FieldDescription>\n            </Field>\n            <Button type=\"submit\" size=\"lg\" class=\"w-full\"\n              >{form.actionLabel}</Button\n            >\n          </FieldGroup>\n        </FieldSet>\n      </Form>\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/contact/",
+  "categories": [
+    "contact"
+  ],
   "type": "registry:block"
 }

package/public/r/contact-2.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "contact-2",
+  "title": "Contact 2",
+  "description": "Contact sections for project inquiries, support, and sales conversations.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -9,14 +11,20 @@
     "@fulldev/field",
     "@fulldev/input",
     "@fulldev/section",
-    "@fulldev/textarea"
+    "@fulldev/textarea",
+    "@fulldev/form",
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/contact-2.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Field,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    title: string\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    actionLabel: string\n  }\n}\n\nconst { class: className, title, description, contactItems, form } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer\n    class=\"grid gap-10 lg:grid-cols-[minmax(0,1fr)_22rem] lg:items-start\"\n  >\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"flex 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 max-w-xl text-base leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <div class=\"rounded-xl border p-6\">\n        <div class=\"mb-6\">\n          <h3 class=\"text-lg font-medium\">{form.title}</h3>\n        </div>\n        <FieldSet>\n          <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n          <FieldGroup>\n            <div class=\"grid gap-4 md:grid-cols-2\">\n              <Field>\n                <FieldLabel for=\"contact-name-2\">{form.nameLabel}</FieldLabel>\n                <Input id=\"contact-name-2\" placeholder={form.namePlaceholder} />\n              </Field>\n              <Field>\n                <FieldLabel for=\"contact-email-2\">{form.emailLabel}</FieldLabel>\n                <Input\n                  id=\"contact-email-2\"\n                  type=\"email\"\n                  placeholder={form.emailPlaceholder}\n                />\n              </Field>\n            </div>\n            <Field>\n              <FieldLabel for=\"contact-message-2\"\n                >{form.messageLabel}</FieldLabel\n              >\n              <Textarea\n                id=\"contact-message-2\"\n                rows={5}\n                placeholder={form.messagePlaceholder}\n              />\n            </Field>\n            <Button size=\"lg\" class=\"w-full\">{form.actionLabel}</Button>\n          </FieldGroup>\n        </FieldSet>\n      </div>\n    </div>\n\n    <div class=\"flex flex-col gap-3\">\n      {\n        contactItems.map((item) => (\n          <div class=\"flex gap-4 rounded-xl border p-4\">\n            {item.href ? (\n              <Button\n                as=\"a\"\n                href={item.href}\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary shrink-0\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            ) : (\n              <Button\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary shrink-0\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            )}\n            <div class=\"flex flex-col gap-1\">\n              <p class=\"text-foreground text-sm font-medium\">{item.title}</p>\n              <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                {item.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  Field,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Form } from \"@/components/ui/form\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport {\n  Section,\n  SectionContainer,\n  SectionTitle,\n} from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    id?: string\n    action?: string\n    method?: \"get\" | \"post\"\n    title: string\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    actionLabel: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  contactItems,\n  form,\n  ...props\n} = Astro.props\nconst formId = form.id ?? `contact-${crypto.randomUUID()}`\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer\n    class=\"grid gap-10 lg:grid-cols-[minmax(0,1fr)_22rem] lg:items-start\"\n  >\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <SectionTitle>\n          {title}\n        </SectionTitle>\n        <p class=\"text-muted-foreground max-w-xl text-base leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <div class=\"rounded-xl border p-6\">\n        <div class=\"mb-6\">\n          <h3 class=\"text-lg font-medium\">{form.title}</h3>\n        </div>\n        <Form id={formId} action={form.action} method={form.method ?? \"post\"}>\n          <FieldSet>\n            <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n            <FieldGroup>\n              <div class=\"grid gap-4 md:grid-cols-2\">\n                <Field>\n                  <FieldLabel for={`${formId}-name`}\n                    >{form.nameLabel}</FieldLabel\n                  >\n                  <Input\n                    id={`${formId}-name`}\n                    name=\"name\"\n                    autocomplete=\"name\"\n                    required\n                    placeholder={form.namePlaceholder}\n                  />\n                </Field>\n                <Field>\n                  <FieldLabel for={`${formId}-email`}\n                    >{form.emailLabel}</FieldLabel\n                  >\n                  <Input\n                    id={`${formId}-email`}\n                    name=\"email\"\n                    autocomplete=\"email\"\n                    required\n                    type=\"email\"\n                    placeholder={form.emailPlaceholder}\n                  />\n                </Field>\n              </div>\n              <Field>\n                <FieldLabel for={`${formId}-message`}\n                  >{form.messageLabel}</FieldLabel\n                >\n                <Textarea\n                  id={`${formId}-message`}\n                  name=\"message\"\n                  required\n                  rows={5}\n                  placeholder={form.messagePlaceholder}\n                />\n              </Field>\n              <Button type=\"submit\" size=\"lg\" class=\"w-full\"\n                >{form.actionLabel}</Button\n              >\n            </FieldGroup>\n          </FieldSet>\n        </Form>\n      </div>\n    </div>\n\n    <div class=\"flex flex-col gap-3\">\n      {\n        contactItems.map((item) => (\n          <div class=\"flex gap-4 rounded-xl border p-4\">\n            {item.href ? (\n              <Button\n                as=\"a\"\n                href={item.href}\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary shrink-0\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            ) : (\n              <Button\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary shrink-0\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            )}\n            <div class=\"flex flex-col gap-1\">\n              <p class=\"text-foreground text-sm font-medium\">{item.title}</p>\n              <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                {item.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/contact/",
+  "categories": [
+    "contact"
+  ],
   "type": "registry:block"
 }

package/public/r/contact-3.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "contact-3",
+  "title": "Contact 3",
+  "description": "Contact sections for project inquiries, support, and sales conversations.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -9,12 +11,14 @@
     "@fulldev/field",
     "@fulldev/input",
     "@fulldev/section",
-    "@fulldev/textarea"
+    "@fulldev/textarea",
+    "@fulldev/form",
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/contact-3.astro",
-      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Field,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport PlaceholderImage from \"@/assets/placeholder.webp\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    actionLabel: string\n  }\n  image?: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  contactItems,\n  form,\n  image = { src: PlaceholderImage, alt: \"Contact image\" },\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-start\">\n    <div class=\"flex flex-col gap-8\">\n      <div class=\"flex 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 max-w-xl text-base leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <div class=\"grid gap-4 sm:grid-cols-2\">\n        {\n          contactItems.map((item) => (\n            <div class=\"flex gap-4\">\n              {item.href ? (\n                <Button\n                  as=\"a\"\n                  href={item.href}\n                  variant=\"secondary\"\n                  size=\"icon\"\n                  class=\"text-primary shrink-0\"\n                  aria-label={item.title}\n                >\n                  <Icon name={item.icon} />\n                </Button>\n              ) : (\n                <Button\n                  variant=\"secondary\"\n                  size=\"icon\"\n                  class=\"text-primary shrink-0\"\n                  aria-label={item.title}\n                >\n                  <Icon name={item.icon} />\n                </Button>\n              )}\n              <div class=\"flex flex-col gap-1\">\n                <p class=\"text-foreground text-sm font-medium\">{item.title}</p>\n                <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                  {item.description}\n                </p>\n              </div>\n            </div>\n          ))\n        }\n      </div>\n      <div class=\"rounded-xl border p-6\">\n        <FieldSet>\n          <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n          <FieldGroup>\n            <div class=\"grid gap-4 md:grid-cols-2\">\n              <Field>\n                <FieldLabel for=\"contact-name-3\">{form.nameLabel}</FieldLabel>\n                <Input id=\"contact-name-3\" placeholder={form.namePlaceholder} />\n              </Field>\n              <Field>\n                <FieldLabel for=\"contact-email-3\">{form.emailLabel}</FieldLabel>\n                <Input\n                  id=\"contact-email-3\"\n                  type=\"email\"\n                  placeholder={form.emailPlaceholder}\n                />\n              </Field>\n            </div>\n            <Field>\n              <FieldLabel for=\"contact-message-3\"\n                >{form.messageLabel}</FieldLabel\n              >\n              <Textarea\n                id=\"contact-message-3\"\n                rows={5}\n                placeholder={form.messagePlaceholder}\n              />\n            </Field>\n            <Button size=\"lg\" class=\"w-full\">{form.actionLabel}</Button>\n          </FieldGroup>\n        </FieldSet>\n      </div>\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-[3/4] w-full rounded-xl border object-cover lg:sticky lg:top-24\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 50vw, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Field,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Form } from \"@/components/ui/form\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport {\n  Section,\n  SectionContainer,\n  SectionTitle,\n} from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport PlaceholderImage from \"@/assets/placeholder.webp\"\n\ntype Props = HTMLAttributes<\"section\"> & {\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    id?: string\n    action?: string\n    method?: \"get\" | \"post\"\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    actionLabel: string\n  }\n  image?: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  contactItems,\n  form,\n  image = { src: PlaceholderImage, alt: \"Contact image\" },\n  ...props\n} = Astro.props\nconst formId = form.id ?? `contact-${crypto.randomUUID()}`\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-start\">\n    <div class=\"flex flex-col gap-8\">\n      <div class=\"flex flex-col gap-4\">\n        <SectionTitle>\n          {title}\n        </SectionTitle>\n        <p class=\"text-muted-foreground max-w-xl text-base leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <div class=\"grid gap-4 sm:grid-cols-2\">\n        {\n          contactItems.map((item) => (\n            <div class=\"flex gap-4\">\n              {item.href ? (\n                <Button\n                  as=\"a\"\n                  href={item.href}\n                  variant=\"secondary\"\n                  size=\"icon\"\n                  class=\"text-primary shrink-0\"\n                  aria-label={item.title}\n                >\n                  <Icon name={item.icon} />\n                </Button>\n              ) : (\n                <Button\n                  variant=\"secondary\"\n                  size=\"icon\"\n                  class=\"text-primary shrink-0\"\n                  aria-label={item.title}\n                >\n                  <Icon name={item.icon} />\n                </Button>\n              )}\n              <div class=\"flex flex-col gap-1\">\n                <p class=\"text-foreground text-sm font-medium\">{item.title}</p>\n                <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                  {item.description}\n                </p>\n              </div>\n            </div>\n          ))\n        }\n      </div>\n      <div class=\"rounded-xl border p-6\">\n        <Form id={formId} action={form.action} method={form.method ?? \"post\"}>\n          <FieldSet>\n            <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n            <FieldGroup>\n              <div class=\"grid gap-4 md:grid-cols-2\">\n                <Field>\n                  <FieldLabel for={`${formId}-name`}\n                    >{form.nameLabel}</FieldLabel\n                  >\n                  <Input\n                    id={`${formId}-name`}\n                    name=\"name\"\n                    autocomplete=\"name\"\n                    required\n                    placeholder={form.namePlaceholder}\n                  />\n                </Field>\n                <Field>\n                  <FieldLabel for={`${formId}-email`}\n                    >{form.emailLabel}</FieldLabel\n                  >\n                  <Input\n                    id={`${formId}-email`}\n                    name=\"email\"\n                    autocomplete=\"email\"\n                    required\n                    type=\"email\"\n                    placeholder={form.emailPlaceholder}\n                  />\n                </Field>\n              </div>\n              <Field>\n                <FieldLabel for={`${formId}-message`}\n                  >{form.messageLabel}</FieldLabel\n                >\n                <Textarea\n                  id={`${formId}-message`}\n                  name=\"message\"\n                  required\n                  rows={5}\n                  placeholder={form.messagePlaceholder}\n                />\n              </Field>\n              <Button type=\"submit\" size=\"lg\" class=\"w-full\"\n                >{form.actionLabel}</Button\n              >\n            </FieldGroup>\n          </FieldSet>\n        </Form>\n      </div>\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-[3/4] w-full rounded-xl border object-cover lg:sticky lg:top-24\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 50vw, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     },
     {
@@ -24,5 +28,9 @@
       "target": "src/assets/placeholder.webp"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/contact/",
+  "categories": [
+    "contact"
+  ],
   "type": "registry:block"
 }

package/public/r/content-1.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "content-1",
+  "title": "Content 1",
+  "description": "Flexible narrative content sections for explainers, comparisons, and supporting context.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -11,7 +13,7 @@
   "files": [
     {
       "path": "src/components/blocks/content-1.astro",
-      "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\"\nimport PlaceholderImage from \"@/assets/placeholder.webp\"\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 = { src: PlaceholderImage, alt: \"Content image\" },\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-6\">\n    <div class=\"flex 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-lg leading-relaxed text-balance\">\n        {description}\n      </p>\n    </div>\n    {\n      features?.length && (\n        <ul class=\"flex flex-col gap-3\">\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        </ul>\n      )\n    }\n    {\n      buttons?.length && (\n        <div class=\"flex flex-wrap gap-3\">\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        </div>\n      )\n    }\n  </SectionContainer>\n  <SectionContainer>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-video w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280, 1536]}\n      sizes=\"(min-width: 80rem) 80rem, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport type { HTMLAttributes } from \"astro/types\"\nimport { CheckIcon } from \"@lucide/astro\"\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\"\nimport PlaceholderImage from \"@/assets/placeholder.webp\"\n\ntype Props = HTMLAttributes<\"section\"> & {\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 = { src: PlaceholderImage, alt: \"Content image\" },\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"gap-6\">\n    <div class=\"flex flex-col gap-4\">\n      <SectionTitle>\n        {title}\n      </SectionTitle>\n      <SectionDescription>\n        {description}\n      </SectionDescription>\n    </div>\n    {\n      features?.length && (\n        <ul class=\"flex flex-col gap-3\">\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        </ul>\n      )\n    }\n    {\n      buttons?.length && (\n        <div class=\"flex flex-wrap gap-3\">\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        </div>\n      )\n    }\n  </SectionContainer>\n  <SectionContainer>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-video w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280, 1536]}\n      sizes=\"(min-width: 80rem) 80rem, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     },
     {
@@ -21,5 +23,9 @@
       "target": "src/assets/placeholder.webp"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/content/",
+  "categories": [
+    "content"
+  ],
   "type": "registry:block"
 }

package/public/r/content-2.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "content-2",
+  "title": "Content 2",
+  "description": "Flexible narrative content sections for explainers, comparisons, and supporting context.",
   "dependencies": [
     "@lucide/astro"
   ],
@@ -11,7 +13,7 @@
   "files": [
     {
       "path": "src/components/blocks/content-2.astro",
-      "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\"\nimport PlaceholderImage from \"@/assets/placeholder.webp\"\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 = { src: PlaceholderImage, alt: \"Content 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        <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-lg leading-relaxed text-balance\">\n          {description}\n        </p>\n      </div>\n      {\n        features?.length && (\n          <ul class=\"flex flex-col gap-3\">\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          </ul>\n        )\n      }\n      {\n        buttons?.length && (\n          <div class=\"flex flex-wrap gap-3\">\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          </div>\n        )\n      }\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    />\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport type { HTMLAttributes } from \"astro/types\"\nimport { CheckIcon } from \"@lucide/astro\"\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\"\nimport PlaceholderImage from \"@/assets/placeholder.webp\"\n\ntype Props = HTMLAttributes<\"section\"> & {\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 = { src: PlaceholderImage, alt: \"Content image\" },\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\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        <SectionTitle>\n          {title}\n        </SectionTitle>\n        <SectionDescription>\n          {description}\n        </SectionDescription>\n      </div>\n      {\n        features?.length && (\n          <ul class=\"flex flex-col gap-3\">\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          </ul>\n        )\n      }\n      {\n        buttons?.length && (\n          <div class=\"flex flex-wrap gap-3\">\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          </div>\n        )\n      }\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    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     },
     {
@@ -21,5 +23,9 @@
       "target": "src/assets/placeholder.webp"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/content/",
+  "categories": [
+    "content"
+  ],
   "type": "registry:block"
 }

package/public/r/content-3.json

@@ -1,6 +1,8 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "content-3",
+  "title": "Content 3",
+  "description": "Flexible narrative content sections for explainers, comparisons, and supporting context.",
   "registryDependencies": [
     "@fulldev/button",
     "@fulldev/section"
@@ -8,7 +10,7 @@
   "files": [
     {
       "path": "src/components/blocks/content-3.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\"\nimport PlaceholderImage from \"@/assets/placeholder.webp\"\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 {\n  class: className,\n  title,\n  description,\n  buttons,\n  image = { src: PlaceholderImage, alt: \"Content image\" },\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-8\">\n    <div\n      class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\n    >\n      <div class=\"max-w-2xl\">\n        <h2\n          class=\"text-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-lg leading-relaxed text-balance\"\n        >\n          {description}\n        </p>\n      </div>\n      {\n        buttons?.length && (\n          <div class=\"flex flex-wrap gap-3\">\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          </div>\n        )\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-video w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280, 1536]}\n      sizes=\"(min-width: 80rem) 80rem, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Section,\n  SectionContainer,\n  SectionDescription,\n  SectionTitle,\n} from \"@/components/ui/section\"\nimport PlaceholderImage from \"@/assets/placeholder.webp\"\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  image?: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  buttons,\n  image = { src: PlaceholderImage, alt: \"Content image\" },\n  ...props\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)} {...props}>\n  <SectionContainer class=\"gap-8\">\n    <div\n      class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\n    >\n      <div class=\"max-w-2xl\">\n        <SectionTitle>\n          {title}\n        </SectionTitle>\n        <SectionDescription class=\"mt-4\">\n          {description}\n        </SectionDescription>\n      </div>\n      {\n        buttons?.length && (\n          <div class=\"flex flex-wrap gap-3\">\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          </div>\n        )\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-video w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280, 1536]}\n      sizes=\"(min-width: 80rem) 80rem, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     },
     {
@@ -18,5 +20,9 @@
       "target": "src/assets/placeholder.webp"
     }
   ],
+  "docs": "https://ui.full.dev/blocks/content/",
+  "categories": [
+    "content"
+  ],
   "type": "registry:block"
 }