fulldev-ui 0.7.0 → 0.9.0

package/public/r/empty.json

@@ -1,36 +1,35 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "empty",
-  "type": "registry:ui",
   "files": [
     {
       "path": "src/components/ui/empty/empty.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"empty\"\n      class={cn(\n        \"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"empty\"\n  class={cn(\n    \"flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/empty/empty-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"empty-content\"\n      class={cn(\n        \"flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"empty-content\"\n  class={cn(\n    \"flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/empty/empty-description.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"empty-description\"\n      class={cn(\n        \"text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"empty-description\"\n  class={cn(\n    \"text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/empty/empty-header.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"empty-header\"\n      class={cn(\n        \"flex max-w-sm flex-col items-center gap-2 text-center\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"empty-header\"\n  class={cn(\"flex max-w-sm flex-col items-center gap-2\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/empty/empty-media.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = VariantProps<typeof variants> & HTMLAttributes<\"div\">\n\nconst variants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst { class: className, variant = \"default\", ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      class={cn(variants({ variant, className }))}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = VariantProps<typeof variants> & HTMLAttributes<\"div\">\n\nconst variants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst { class: className, variant = \"default\", ...props } = Astro.props\n---\n\n<div\n  data-slot=\"empty-icon\"\n  data-variant={variant}\n  class={cn(variants({ variant }), className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/empty/empty-title.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"empty-title\"\n      class={cn(\"text-lg font-medium tracking-tight\", className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"empty-title\"\n  class={cn(\"text-lg font-medium tracking-tight\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
@@ -38,5 +37,6 @@
       "content": "export { default as Empty } from \"./empty.astro\"\nexport { default as EmptyContent } from \"./empty-content.astro\"\nexport { default as EmptyDescription } from \"./empty-description.astro\"\nexport { default as EmptyMedia } from \"./empty-media.astro\"\nexport { default as EmptyTitle } from \"./empty-title.astro\"\nexport { default as EmptyHeader } from \"./empty-header.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }

package/public/r/faqs-1.json

@@ -1,18 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "faqs-1",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/accordion",
     "@fulldev/button",
-    "@fulldev/icon",
     "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/faqs-1.astro",
-      "content": "---\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionProse,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionContent>\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <SectionActions>\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <Accordion>\n    {\n      items?.map(({ title, description }) => (\n        <AccordionItem>\n          <AccordionTrigger>{title}</AccordionTrigger>\n          <AccordionContent>{description}</AccordionContent>\n        </AccordionItem>\n      ))\n    }\n  </Accordion>\n</Section>\n",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport { Button } from \"@/components/ui/button\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  faqs: {\n    id: string\n    question: string\n    answer: string\n  }[]\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, title, description, faqs, buttons } = 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      <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      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              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    <div class=\"mx-auto w-full max-w-3xl\">\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"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/faqs-2.json

@@ -1,18 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "faqs-2",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/accordion",
     "@fulldev/button",
-    "@fulldev/icon",
     "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/faqs-2.astro",
-      "content": "---\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionProse,\n  SectionSplit,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSplit>\n    <SectionContent>\n      <SectionProse>\n        <slot />\n      </SectionProse>\n      <SectionActions>\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n    </SectionContent>\n    <Accordion>\n      {\n        items?.map(({ title, description }) => (\n          <AccordionItem>\n            <AccordionTrigger>{title}</AccordionTrigger>\n            <AccordionContent>{description}</AccordionContent>\n          </AccordionItem>\n        ))\n      }\n    </Accordion>\n  </SectionSplit>\n</Section>\n",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport { Button } from \"@/components/ui/button\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  faqs: {\n    id: string\n    question: string\n    answer: string\n  }[]\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, title, description, faqs, buttons } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer>\n    <div\n      class=\"grid gap-12 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.5fr)] lg:gap-16\"\n    >\n      <div class=\"lg:sticky lg:top-24 lg:self-start\">\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-8 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\n      <div>\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"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/faqs-3.json

@@ -1,18 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "faqs-3",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/accordion",
-    "@fulldev/button",
-    "@fulldev/icon",
+    "@fulldev/badge",
     "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/faqs-3.astro",
-      "content": "---\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionActions,\n  SectionProse,\n  SectionSpread,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSpread class=\"@5xl:items-end\">\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <SectionActions>\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionSpread>\n  <Accordion>\n    {\n      items?.map(({ title, description }) => (\n        <AccordionItem>\n          <AccordionTrigger>{title}</AccordionTrigger>\n          <AccordionContent>{description}</AccordionContent>\n        </AccordionItem>\n      ))\n    }\n  </Accordion>\n</Section>\n",
+      "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",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/faqs-4.json

@@ -1,18 +1,16 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "faqs-4",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/accordion",
-    "@fulldev/button",
-    "@fulldev/icon",
     "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/faqs-4.astro",
-      "content": "---\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionProse,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id} style=\"--section-width: 672px;\">\n  <SectionContent>\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <SectionActions>\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <Accordion>\n    {\n      items?.map(({ title, description }) => (\n        <AccordionItem>\n          <AccordionTrigger>{title}</AccordionTrigger>\n          <AccordionContent>{description}</AccordionContent>\n        </AccordionItem>\n      ))\n    }\n  </Accordion>\n</Section>\n",
+      "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",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/features-1.json

@@ -1,18 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-1",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/icon",
     "@fulldev/section",
-    "@fulldev/tile"
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/features-1.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileActions,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n    icon?: string\n    href?: string\n    links?: {\n      icon?: string\n      text?: string\n      href?: string\n      target?: string\n    }[]\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionContent>\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <SectionActions>\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <SectionGrid>\n    {\n      items?.map(({ title, description, icon, links }) => (\n        <Tile>\n          <TileMedia variant=\"icon\">\n            <Icon name={icon} />\n          </TileMedia>\n          <TileContent>\n            <TileTitle>{title}</TileTitle>\n            <TileDescription>{description}</TileDescription>\n          </TileContent>\n          <TileActions>\n            {links?.map(({ icon, text, href, target }) => (\n              <Button\n                class=\"h-auto p-0\"\n                variant=\"link\"\n                href={href}\n                target={target}\n              >\n                {icon && <Icon name={icon} />}\n                {text}\n              </Button>\n            ))}\n          </TileActions>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "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    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                <Icon name=\"arrow-right\" class=\"size-3.5\" />\n              </a>\n            )}\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/features-2.json

@@ -1,18 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-2",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/icon",
     "@fulldev/section",
-    "@fulldev/tile"
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/features-2.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileActions,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n    icon?: string\n    href?: string\n    links?: {\n      icon?: string\n      text?: string\n      href?: string\n      target?: string\n    }[]\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionContent class=\"items-center\">\n    <SectionProse class=\"text-center\">\n      <slot />\n    </SectionProse>\n    <SectionActions class=\"justify-center\">\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <SectionGrid>\n    {\n      items?.map(({ title, description, icon, links }) => (\n        <Tile class=\"items-center\">\n          <TileMedia variant=\"icon\">\n            <Icon name={icon} />\n          </TileMedia>\n          <TileContent class=\"items-center text-center text-balance\">\n            <TileTitle>{title}</TileTitle>\n            <TileDescription>{description}</TileDescription>\n          </TileContent>\n          <TileActions class=\"justify-center\">\n            {links?.map(({ icon, text, href, target }) => (\n              <Button\n                class=\"h-auto p-0\"\n                variant=\"link\"\n                href={href}\n                target={target}\n              >\n                {icon && <Icon name={icon} />}\n                {text}\n              </Button>\n            ))}\n          </TileActions>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "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 class=\"grid overflow-hidden rounded-xl sm:grid-cols-2 lg:grid-cols-3\">\n      {\n        features.map((feature) => (\n          <div class=\"group/feature hover:bg-accent/30 relative flex flex-col items-center gap-4 border-b p-7 text-center transition-colors sm:nth-last-[-n+2]:border-b-0 lg:nth-last-[-n+3]:border-b-0\">\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"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/features-3.json

@@ -1,17 +1,15 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-3",
-  "type": "registry:block",
   "registryDependencies": [
-    "@fulldev/image",
-    "@fulldev/section",
-    "@fulldev/tile"
+    "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/features-3.astro",
-      "content": "---\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Section,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileSplit,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  items?: {\n    href?: string\n    title?: string\n    description?: string\n    image?: {\n      src: string\n      alt: string\n    }\n  }[]\n}\n\nconst { class: className, id, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionContent class=\"@5xl:items-center\">\n    <SectionProse class=\"@5xl:text-center\">\n      <slot />\n    </SectionProse>\n  </SectionContent>\n  <SectionGrid>\n    {\n      items?.map(({ title, description, href, image }) => (\n        <Tile href={href}>\n          <TileSplit class=\"items-center\">\n            <TileMedia>\n              <Image sizes=\"230px\" {...image} />\n            </TileMedia>\n            <TileContent>\n              <TileTitle>{title}</TileTitle>\n              <TileDescription>{description}</TileDescription>\n            </TileContent>\n          </TileSplit>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "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",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/features-4.json

@@ -1,18 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-4",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/icon",
     "@fulldev/section",
-    "@fulldev/tile"
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/features-4.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n  SectionSplit,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileActions,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n    icon?: string\n    href?: string\n    links?: {\n      icon?: string\n      text?: string\n      href?: string\n      target?: string\n    }[]\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSplit class=\"@5xl:grid-cols-[1fr_2fr]\">\n    <SectionContent\n      class=\"@5xl:sticky @5xl:top-[calc(var(--section-py)+var(--header-height,0px))]\"\n    >\n      <SectionProse>\n        <slot />\n      </SectionProse>\n      <SectionActions>\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n    </SectionContent>\n    <SectionGrid size=\"lg\">\n      {\n        items?.map(({ title, description, icon, links }) => (\n          <Tile>\n            <TileMedia variant=\"icon\">\n              <Icon name={icon} />\n            </TileMedia>\n            <TileContent>\n              <TileTitle>{title}</TileTitle>\n              <TileDescription>{description}</TileDescription>\n            </TileContent>\n            <TileActions>\n              {links?.map(({ icon, text, href, target }) => (\n                <Button\n                  class=\"h-auto p-0\"\n                  variant=\"link\"\n                  href={href}\n                  target={target}\n                >\n                  {text}\n                  {icon && <Icon name={icon} />}\n                </Button>\n              ))}\n            </TileActions>\n          </Tile>\n        ))\n      }\n    </SectionGrid>\n  </SectionSplit>\n</Section>\n",
+      "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    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                  <Icon name=\"arrow-right\" class=\"size-3.5\" />\n                </a>\n              )}\n            </div>\n          ))\n        }\n      </div>\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/features-5.json

@@ -1,18 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-5",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/icon",
     "@fulldev/section",
-    "@fulldev/tile"
+    "@fulldev/icon"
   ],
   "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 {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileActions,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n    icon?: string\n    href?: string\n    links?: {\n      icon?: string\n      text?: string\n      href?: string\n      target?: string\n    }[]\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section\n  class={cn(\n    \"border-primary/20 my-0 -mt-px rounded-none shadow-none\",\n    className\n  )}\n  id={id}\n  variant=\"floating\"\n>\n  <SectionContent class=\"items-center\">\n    <SectionProse class=\"text-center\">\n      <slot />\n    </SectionProse>\n    <SectionActions class=\"justify-center\">\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <SectionGrid>\n    {\n      items?.map(({ title, description, icon, links }) => (\n        <Tile class=\"items-center\">\n          <TileMedia class=\"bg-primary/5 border-primary/20\" variant=\"icon\">\n            <Icon class=\"text-primary\" name={icon} />\n          </TileMedia>\n          <TileContent class=\"items-center text-center text-balance\">\n            <TileTitle>{title}</TileTitle>\n            <TileDescription class=\"text-foreground\">\n              {description}\n            </TileDescription>\n          </TileContent>\n          <TileActions class=\"justify-center\">\n            {links?.map(({ icon, text, href, target }) => (\n              <Button\n                class=\"h-auto p-0\"\n                variant=\"link\"\n                href={href}\n                target={target}\n              >\n                {icon && <Icon name={icon} />}\n                {text}\n              </Button>\n            ))}\n          </TileActions>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "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",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/features-6.json

@@ -1,18 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "features-6",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/icon",
     "@fulldev/section",
-    "@fulldev/tile"
+    "@fulldev/separator"
   ],
   "files": [
     {
       "path": "src/components/blocks/features-6.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileDescription,\n  TileSplit,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  items?: {\n    title?: string\n    description?: string\n    icon?: string\n    href?: string\n    links?: {\n      icon?: string\n      text?: string\n      href?: string\n      target?: string\n    }[]\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionContent>\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <SectionActions>\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <SectionGrid class=\"grid-cols-1! gap-12\">\n    {\n      items?.map(({ title, description }) => (\n        <Tile class=\"border-t pt-12\">\n          <TileSplit>\n            <TileTitle>{title}</TileTitle>\n            <TileDescription>{description}</TileDescription>\n          </TileSplit>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "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",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/field.json

@@ -1,63 +1,66 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "field",
-  "type": "registry:ui",
-  "registryDependencies": ["@fulldev/separator"],
+  "registryDependencies": [
+    "@fulldev/label",
+    "@fulldev/separator"
+  ],
   "files": [
     {
       "path": "src/components/ui/field/field.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\">, VariantProps<typeof variants> {}\n\nconst variants = cva(\n  \"group/field data-[invalid=true]:text-destructive flex w-full gap-3\",\n  {\n    variants: {\n      orientation: {\n        vertical: [\"flex-col [&>*]:w-full [&>.sr-only]:w-auto\"],\n        horizontal: [\n          \"flex-row items-center\",\n          \"[&>[data-slot=field-label]]:flex-auto\",\n          \"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        ],\n        responsive: [\n          \"flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto\",\n          \"@md/field-group:[&>[data-slot=field-label]]:flex-auto\",\n          \"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n)\n\nconst { class: className, orientation = \"vertical\", ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      class={cn(variants({ orientation }), className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & VariantProps<typeof variants>\n\nconst variants = cva(\n  \"data-[invalid=true]:text-destructive group/field flex w-full gap-3\",\n  {\n    variants: {\n      orientation: {\n        vertical:\n          \"flex-col [&>.sr-only]:w-auto [&>:not([role=checkbox]):not([role=radio])]:w-full\",\n        horizontal:\n          \"flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        responsive:\n          \"flex-col @md/field-group:flex-row @md/field-group:items-center @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto [&>:not([role=checkbox]):not([role=radio])]:w-full @md/field-group:[&>:not([role=checkbox]):not([role=radio])]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n)\n\nconst { class: className, orientation = \"vertical\", ...props } = Astro.props\n---\n\n<div\n  role=\"group\"\n  data-slot=\"field\"\n  data-orientation={orientation}\n  class={cn(variants({ orientation }), className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/field/field-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"field-content\"\n      class={cn(\n        \"group/field-content flex flex-1 flex-col gap-1.5 leading-snug\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"field-content\"\n  class={cn(\n    \"group/field-content flex flex-1 flex-col gap-1 leading-snug\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/field/field-description.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"p\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <p\n      data-slot=\"field-description\"\n      class={cn(\n        \"text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance\",\n        \"last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </p>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"p\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<p\n  data-slot=\"field-description\"\n  class={cn(\n    \"text-muted-foreground text-left text-sm leading-normal font-normal group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5\",\n    \"last:mt-0 nth-last-2:-mt-1\",\n    \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</p>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/field/field-error.astro",
-      "content": "\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  errors?: Array<{ message?: string } | undefined>\n}\n\nconst { class: className, errors, ...props } = Astro.props\n\nconst messages = [\n  ...new Set(\n    (errors ?? [])\n      .map((error) => error?.message?.trim())\n      .filter((message): message is string => Boolean(message))\n  ),\n]\n\nconst hasDefaultSlot = Astro.slots.has(\"default\")\nconst shouldRender = hasDefaultSlot || messages.length > 0\n---\n\n{\n  shouldRender && (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      class={cn(\"text-destructive text-sm font-normal\", className)}\n      {...props}\n    >\n      {hasDefaultSlot ? (\n        <slot />\n      ) : messages.length === 1 ? (\n        messages[0]\n      ) : (\n        <ul class=\"ml-4 flex list-disc flex-col gap-1\">\n          {messages.map((message) => (\n            <li>{message}</li>\n          ))}\n        </ul>\n      )}\n    </div>\n  )\n}\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/field/field-group.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"field-group\"\n      class={cn(\n        \"group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"field-group\"\n  class={cn(\n    \"group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/field/field-label.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"label\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <label\n      data-slot=\"field-label\"\n      class={cn(\n        \"group/field-label peer/field-label flex w-fit gap-2 text-sm leading-snug font-medium select-none\",\n        \"group-data-[disabled=true]/field:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4\",\n        \"has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </label>\n  )\n}\n",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Label } from \"@/components/ui/label\"\n\ntype Props = ComponentProps<typeof Label>\n\nconst { class: className, ...props } = Astro.props\n---\n\n<Label\n  data-slot=\"field-label\"\n  class={cn(\n    \"has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3\",\n    \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</Label>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/field/field-legend.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"legend\"> {\n  variant?: \"legend\" | \"label\"\n}\n\nconst { class: className, variant = \"legend\", ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      class={cn(\n        \"mb-3 font-medium\",\n        \"data-[variant=legend]:text-base\",\n        \"data-[variant=label]:text-sm\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </legend>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"legend\"> & {\n  variant?: \"legend\" | \"label\"\n}\n\nconst { class: className, variant = \"legend\", ...props } = Astro.props\n---\n\n<legend\n  data-slot=\"field-legend\"\n  data-variant={variant}\n  class={cn(\n    \"mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</legend>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/field/field-separator.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Separator } from \"@/components/ui/separator\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n<div\n  data-slot=\"field-separator\"\n  data-content={slot}\n  class={cn(\n    \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\",\n    className\n  )}\n  {...props}\n>\n  <Separator class=\"absolute inset-0 top-1/2\" />\n  {\n    slot?.trim().length > 0 && (\n      <span\n        class=\"bg-background text-muted-foreground relative mx-auto block w-fit px-2\"\n        data-slot=\"field-separator-content\"\n      >\n        <Fragment set:html={slot} />\n      </span>\n    )\n  }\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\nconst hasContent = Astro.slots.has(\"default\")\n---\n\n<div\n  data-slot=\"field-separator\"\n  data-content={hasContent}\n  class={cn(\n    \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\",\n    className\n  )}\n  {...props}\n>\n  <Separator class=\"absolute inset-0 top-1/2\" />\n  {\n    hasContent && (\n      <span\n        class=\"text-muted-foreground bg-background relative mx-auto block w-fit px-2\"\n        data-slot=\"field-separator-content\"\n      >\n        <slot />\n      </span>\n    )\n  }\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/field/field-set.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"fieldset\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <fieldset\n      data-slot=\"field-set\"\n      class={cn(\n        \"flex flex-col gap-6\",\n        \"has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </fieldset>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"fieldset\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<fieldset\n  data-slot=\"field-set\"\n  class={cn(\n    \"flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</fieldset>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/field/field-title.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"field-label\"\n      class={cn(\n        \"flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"field-label\"\n  class={cn(\n    \"flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/field/index.ts",
-      "content": "export { default as Field } from \"./field.astro\"\nexport { default as FieldContent } from \"./field-content.astro\"\nexport { default as FieldDescription } from \"./field-description.astro\"\nexport { default as FieldGroup } from \"./field-group.astro\"\nexport { default as FieldLabel } from \"./field-label.astro\"\nexport { default as FieldLegend } from \"./field-legend.astro\"\nexport { default as FieldSeparator } from \"./field-separator.astro\"\nexport { default as FieldSet } from \"./field-set.astro\"\nexport { default as FieldTitle } from \"./field-title.astro\"\n",
+      "content": "export { default as Field } from \"./field.astro\"\nexport { default as FieldContent } from \"./field-content.astro\"\nexport { default as FieldDescription } from \"./field-description.astro\"\nexport { default as FieldError } from \"./field-error.astro\"\nexport { default as FieldGroup } from \"./field-group.astro\"\nexport { default as FieldLabel } from \"./field-label.astro\"\nexport { default as FieldLegend } from \"./field-legend.astro\"\nexport { default as FieldSeparator } from \"./field-separator.astro\"\nexport { default as FieldSet } from \"./field-set.astro\"\nexport { default as FieldTitle } from \"./field-title.astro\"\n",
       "type": "registry:ui"
     }
-  ]
-}
+  ],
+  "type": "registry:ui"
+}