fulldev-ui 0.7.0 → 0.9.1

package/public/r/footer-1.json

@@ -1,13 +1,18 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "footer-1",
-  "type": "registry:block",
-  "registryDependencies": ["@fulldev/footer", "@fulldev/icon", "@fulldev/logo"],
+  "registryDependencies": [
+    "@fulldev/logo",
+    "@fulldev/section",
+    "@fulldev/separator",
+    "@fulldev/icon"
+  ],
   "files": [
     {
       "path": "src/components/blocks/footer-1.astro",
-      "content": "---\nimport {\n  Footer,\n  FooterDescription,\n  FooterGrid,\n  FooterGroup,\n  FooterGroupLabel,\n  FooterMenu,\n  FooterMenuItem,\n  FooterMenuLink,\n  FooterSplit,\n} from \"@/components/ui/footer\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\n\ninterface Props {\n  logo?: {\n    src?: string\n    alt?: string\n    text?: string\n    href?: string\n  }\n  description?: string\n  socials?: string[]\n  menus?: {\n    text?: string\n    href?: string\n    links?: {\n      text?: string\n      href?: string\n    }[]\n  }[]\n  links?: {\n    href?: string\n    text?: string\n    icon?: string\n  }[]\n}\n\nconst { logo, description, links, socials, menus } = Astro.props\n---\n\n<Footer>\n  <FooterSplit class=\"@5xl:grid-cols-[1fr_3fr]\">\n    <FooterGroup>\n      <Logo href={logo?.href || \"/\"}>\n        <LogoImage src={logo?.src} alt={logo?.alt} />\n        <LogoText>{logo?.text}</LogoText>\n      </Logo>\n      <FooterDescription>{description}</FooterDescription>\n      <FooterMenu>\n        {\n          links?.map(({ href, icon, text }) => (\n            <FooterMenuItem>\n              <FooterMenuLink href={href}>\n                <Icon href={href} name={icon} />\n                {text}\n              </FooterMenuLink>\n            </FooterMenuItem>\n          ))\n        }\n      </FooterMenu>\n      <FooterMenu orientation=\"horizontal\">\n        {\n          socials?.map((social) => (\n            <FooterMenuItem>\n              <FooterMenuLink href={social}>\n                <Icon href={social} />\n              </FooterMenuLink>\n            </FooterMenuItem>\n          ))\n        }\n      </FooterMenu>\n    </FooterGroup>\n    <FooterGrid class=\"@5xl:justify-end\">\n      {\n        menus?.map((menu) => (\n          <FooterGroup>\n            <FooterGroupLabel>{menu.text}</FooterGroupLabel>\n            <FooterMenu>\n              {menu.links?.map(({ href, text }) => (\n                <FooterMenuItem>\n                  <FooterMenuLink href={href}>{text}</FooterMenuLink>\n                </FooterMenuItem>\n              ))}\n            </FooterMenu>\n          </FooterGroup>\n        ))\n      }\n    </FooterGrid>\n  </FooterSplit>\n</Footer>\n",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  brandName: string\n  brandHref: string\n  description: string\n  socials?: {\n    label: string\n    href: string\n    icon: string\n  }[]\n  columns: {\n    title: string\n    links: {\n      label: string\n      href: string\n    }[]\n  }[]\n  copyright: string\n}\n\nconst {\n  class: className,\n  brandName,\n  brandHref,\n  description,\n  socials,\n  columns,\n  copyright,\n} = Astro.props\n---\n\n<footer class={cn(\"\", className)}>\n  <Section class=\"py-16 lg:py-20\">\n    <SectionContainer>\n      <div class=\"grid gap-10 lg:grid-cols-[1fr_2fr]\">\n        <div class=\"flex flex-col gap-5\">\n          <Logo href={brandHref}>\n            <LogoText>{brandName}</LogoText>\n          </Logo>\n          <p class=\"text-muted-foreground max-w-xs text-sm leading-relaxed\">\n            {description}\n          </p>\n          {\n            socials && socials.length > 0 && (\n              <div class=\"flex items-center gap-3\">\n                {socials.map((social) => (\n                  <a\n                    href={social.href}\n                    class=\"text-muted-foreground hover:text-foreground transition-colors\"\n                    aria-label={social.label}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                  >\n                    <Icon name={social.icon} class=\"size-4\" />\n                  </a>\n                ))}\n              </div>\n            )\n          }\n        </div>\n        <div class=\"grid gap-8 sm:grid-cols-3\">\n          {\n            columns.map((column) => (\n              <div class=\"flex flex-col gap-3\">\n                <p class=\"text-sm font-medium\">{column.title}</p>\n                <ul class=\"flex flex-col gap-2.5\">\n                  {column.links.map((link) => (\n                    <li>\n                      <a\n                        href={link.href}\n                        class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                      >\n                        {link.label}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))\n          }\n        </div>\n      </div>\n      <Separator />\n      <p class=\"text-muted-foreground text-sm\">{copyright}</p>\n    </SectionContainer>\n  </Section>\n</footer>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/footer-2.json

@@ -1,13 +1,18 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "footer-2",
-  "type": "registry:block",
-  "registryDependencies": ["@fulldev/footer", "@fulldev/icon", "@fulldev/logo"],
+  "registryDependencies": [
+    "@fulldev/logo",
+    "@fulldev/section",
+    "@fulldev/separator",
+    "@fulldev/icon"
+  ],
   "files": [
     {
       "path": "src/components/blocks/footer-2.astro",
-      "content": "---\nimport {\n  Footer,\n  FooterCopyright,\n  FooterDescription,\n  FooterGroup,\n  FooterMenu,\n  FooterMenuItem,\n  FooterMenuLink,\n} from \"@/components/ui/footer\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\n\ninterface Props {\n  logo?: {\n    src?: string\n    alt?: string\n    text?: string\n    href?: string\n  }\n  description?: string\n  links?: {\n    text?: string\n    href?: string\n  }[]\n  socials?: string[]\n}\n\nconst { logo, description, links, socials } = Astro.props\n---\n\n<Footer class=\"items-center\">\n  <FooterGroup class=\"items-center\">\n    <Logo href={logo?.href || \"/\"}>\n      <LogoImage src={logo?.src} alt={logo?.alt} />\n      <LogoText>{logo?.text}</LogoText>\n    </Logo>\n    <FooterDescription>{description}</FooterDescription>\n    <FooterMenu orientation=\"horizontal\">\n      {\n        links?.map(({ href, text }) => (\n          <FooterMenuItem>\n            <FooterMenuLink href={href}>{text}</FooterMenuLink>\n          </FooterMenuItem>\n        ))\n      }\n    </FooterMenu>\n    <FooterMenu orientation=\"horizontal\">\n      {\n        socials?.map((social) => (\n          <FooterMenuItem>\n            <FooterMenuLink href={social}>\n              <Icon href={social} />\n            </FooterMenuLink>\n          </FooterMenuItem>\n        ))\n      }\n    </FooterMenu>\n  </FooterGroup>\n  <FooterCopyright>{logo?.text}</FooterCopyright>\n</Footer>\n",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  brandName: string\n  brandHref: string\n  description: string\n  links?: {\n    label: string\n    href: string\n  }[]\n  socials?: {\n    label: string\n    href: string\n    icon: string\n  }[]\n  copyright: string\n}\n\nconst {\n  class: className,\n  brandName,\n  brandHref,\n  description,\n  links,\n  socials,\n  copyright,\n} = Astro.props\n---\n\n<footer class={cn(\"\", className)}>\n  <Section class=\"py-12 lg:py-16\">\n    <SectionContainer class=\"items-center text-center\">\n      <Logo href={brandHref}>\n        <LogoText>{brandName}</LogoText>\n      </Logo>\n      <p class=\"text-muted-foreground max-w-md text-sm leading-relaxed\">\n        {description}\n      </p>\n      {\n        links && links.length > 0 && (\n          <nav class=\"flex flex-wrap items-center justify-center gap-x-6 gap-y-2\">\n            {links.map((link) => (\n              <a\n                href={link.href}\n                class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n              >\n                {link.label}\n              </a>\n            ))}\n          </nav>\n        )\n      }\n      {\n        socials && socials.length > 0 && (\n          <div class=\"flex items-center justify-center gap-3\">\n            {socials.map((social) => (\n              <a\n                href={social.href}\n                class=\"text-muted-foreground hover:text-foreground transition-colors\"\n                aria-label={social.label}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                <Icon name={social.icon} class=\"size-4\" />\n              </a>\n            ))}\n          </div>\n        )\n      }\n      <Separator />\n      <p class=\"text-muted-foreground text-sm\">{copyright}</p>\n    </SectionContainer>\n  </Section>\n</footer>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/footer-3.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "footer-3",
+  "registryDependencies": [
+    "@fulldev/logo",
+    "@fulldev/section",
+    "@fulldev/separator",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/footer-3.astro",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  brandName: string\n  brandHref: string\n  description: string\n  socials?: {\n    label: string\n    href: string\n    icon: string\n  }[]\n  columns: {\n    title: string\n    links: {\n      label: string\n      href: string\n    }[]\n  }[]\n  copyright: string\n  bottomLinks?: {\n    label: string\n    href: string\n  }[]\n}\n\nconst {\n  class: className,\n  brandName,\n  brandHref,\n  description,\n  socials,\n  columns,\n  copyright,\n  bottomLinks,\n} = Astro.props\n---\n\n<footer class={cn(\"\", className)}>\n  <Section class=\"py-16 lg:py-20\">\n    <SectionContainer>\n      <div class=\"grid gap-10 lg:grid-cols-[1fr_2fr]\">\n        <div class=\"flex flex-col gap-5\">\n          <Logo href={brandHref}>\n            <LogoText>{brandName}</LogoText>\n          </Logo>\n          <p class=\"text-muted-foreground max-w-xs text-sm leading-relaxed\">\n            {description}\n          </p>\n          {\n            socials && socials.length > 0 && (\n              <div class=\"flex items-center gap-3\">\n                {socials.map((social) => (\n                  <a\n                    href={social.href}\n                    class=\"text-muted-foreground hover:text-foreground transition-colors\"\n                    aria-label={social.label}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                  >\n                    <Icon name={social.icon} class=\"size-4\" />\n                  </a>\n                ))}\n              </div>\n            )\n          }\n        </div>\n        <div class=\"grid gap-8 sm:grid-cols-3\">\n          {\n            columns.map((column) => (\n              <div class=\"flex flex-col gap-3\">\n                <p class=\"text-sm font-medium\">{column.title}</p>\n                <ul class=\"flex flex-col gap-2.5\">\n                  {column.links.map((link) => (\n                    <li>\n                      <a\n                        href={link.href}\n                        class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                      >\n                        {link.label}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))\n          }\n        </div>\n      </div>\n      <Separator />\n      <div\n        class=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\"\n      >\n        <p class=\"text-muted-foreground text-sm\">{copyright}</p>\n        {\n          bottomLinks && bottomLinks.length > 0 && (\n            <nav class=\"flex flex-wrap items-center gap-x-5 gap-y-2\">\n              {bottomLinks.map((link) => (\n                <a\n                  href={link.href}\n                  class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                >\n                  {link.label}\n                </a>\n              ))}\n            </nav>\n          )\n        }\n      </div>\n    </SectionContainer>\n  </Section>\n</footer>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/form.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "form",
+  "files": [
+    {
+      "path": "src/components/ui/form/form.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"form\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<form data-slot=\"form\" class={cn(\"flex flex-col gap-6\", className)} {...props}>\n  <slot />\n</form>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/form/index.ts",
+      "content": "export { default as Form } from \"./form.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/header-1.json

@@ -1,23 +1,20 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "header-1",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/collapsible",
     "@fulldev/header",
     "@fulldev/icon",
     "@fulldev/logo",
     "@fulldev/navigation-menu",
-    "@fulldev/sheet",
-    "@fulldev/sidebar",
-    "@fulldev/theme-toggle"
+    "@fulldev/sheet"
   ],
   "files": [
     {
       "path": "src/components/blocks/header-1.astro",
-      "content": "---\nimport MenuIcon from \"lucide-static/icons/menu.svg\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\"\nimport { Header, HeaderActions } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuSub,\n  NavigationMenuSubItem,\n  NavigationMenuSubLink,\n  NavigationMenuTrigger,\n} from \"@/components/ui/navigation-menu\"\nimport { Sheet, SheetContent, SheetTrigger } from \"@/components/ui/sheet\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/components/ui/sidebar\"\nimport { ThemeToggle } from \"@/components/ui/theme-toggle\"\n\ninterface Props {\n  logo?: {\n    src?: string\n    alt?: string\n    text?: string\n    href?: string\n  }\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  socials?: string[]\n  menus?: {\n    text?: string\n    href?: string\n    links?: {\n      text?: string\n      href?: string\n    }[]\n  }[]\n}\n\nconst { logo, menus, links, socials } = Astro.props\n---\n\n<Header>\n  <Logo href={logo?.href || \"/\"}>\n    <LogoImage src={logo?.src} alt={logo?.alt} />\n    <LogoText>{logo?.text}</LogoText>\n  </Logo>\n  <NavigationMenu class=\"mr-auto @max-5xl:hidden\">\n    <NavigationMenuList>\n      {\n        menus?.map((menu) => (\n          <NavigationMenuItem>\n            {menu.links && menu.links.length > 0 ? (\n              <>\n                <NavigationMenuTrigger\n                  class=\"inline-flex h-8 items-center bg-transparent px-3 py-0\"\n                  href={menu.href}\n                >\n                  {menu.text}\n                </NavigationMenuTrigger>\n                <NavigationMenuContent>\n                  <NavigationMenuSub>\n                    {menu.links?.map((link) => (\n                      <NavigationMenuSubItem>\n                        <NavigationMenuSubLink href={link.href}>\n                          {link.text}\n                        </NavigationMenuSubLink>\n                      </NavigationMenuSubItem>\n                    ))}\n                  </NavigationMenuSub>\n                </NavigationMenuContent>\n              </>\n            ) : (\n              <NavigationMenuLink\n                class=\"inline-flex h-8 items-center bg-transparent px-3 py-0\"\n                variant=\"trigger\"\n                href={menu.href}\n              >\n                {menu.text}\n              </NavigationMenuLink>\n            )}\n          </NavigationMenuItem>\n        ))\n      }\n    </NavigationMenuList>\n  </NavigationMenu>\n  <HeaderActions class=\"@max-5xl:hidden\">\n    {\n      socials?.map((social) => (\n        <>\n          <Button variant=\"ghost\" size=\"icon-sm\" href={social} target=\"_blank\">\n            <Icon href={social} />\n          </Button>\n        </>\n      ))\n    }\n    <ThemeToggle />\n    {\n      links?.map(({ icon, text, ...link }, i) => (\n        <Button\n          variant={i === links.length - 1 ? \"default\" : \"outline\"}\n          size=\"sm\"\n          {...link}\n        >\n          {icon && <Icon name={icon} />}\n          {text}\n        </Button>\n      ))\n    }\n  </HeaderActions>\n  <Sheet class=\"first:ml-auto\">\n    <SheetTrigger\n      class=\"@5xl:hidden\"\n      variant=\"ghost\"\n      size=\"icon\"\n      name=\"open-menu-button\"\n    >\n      <MenuIcon class=\"size-5\" />\n    </SheetTrigger>\n    <SheetContent class=\"overflow-y-auto px-4 py-12\">\n      <SidebarMenu>\n        {\n          menus?.map((menu) => (\n            <SidebarMenuItem>\n              {menu.links && menu.links.length > 0 ? (\n                <Collapsible>\n                  <CollapsibleTrigger>\n                    <SidebarMenuButton class=\"h-10 rounded-md px-4 text-xl\">\n                      {menu.text}\n                    </SidebarMenuButton>\n                  </CollapsibleTrigger>\n                  <CollapsibleContent>\n                    <SidebarMenuSub>\n                      {menu.links?.map((link) => (\n                        <SidebarMenuSubItem>\n                          <SidebarMenuSubButton href={link.href}>\n                            {link.text}\n                          </SidebarMenuSubButton>\n                        </SidebarMenuSubItem>\n                      ))}\n                    </SidebarMenuSub>\n                  </CollapsibleContent>\n                </Collapsible>\n              ) : (\n                <SidebarMenuButton\n                  class=\"h-10 w-full rounded-md px-4 text-xl has-[>svg]:px-4\"\n                  href={menu.href}\n                >\n                  {menu.text}\n                </SidebarMenuButton>\n              )}\n            </SidebarMenuItem>\n          ))\n        }\n      </SidebarMenu>\n      <HeaderActions class=\"flex flex-col gap-2\">\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button\n              variant={i === links.length - 1 ? \"default\" : \"secondary\"}\n              class=\"w-full\"\n              {...link}\n            >\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </HeaderActions>\n      <HeaderActions>\n        {\n          socials?.map((social) => (\n            <Button variant=\"ghost\" size=\"icon\" href={social}>\n              <Icon href={social} />\n            </Button>\n          ))\n        }\n      </HeaderActions>\n    </SheetContent>\n  </Sheet>\n</Header>\n",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n} from \"@/components/ui/navigation-menu\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\ntype Props = {\n  class?: string\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  buttons: {\n    label: string\n    href: string\n    icon?: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, logo, navigation, buttons } = Astro.props\n---\n\n<Header class={cn(\"\", className)}>\n  <HeaderContainer class=\"items-center justify-between gap-4\">\n    <HeaderGroup>\n      <Logo href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        {logo.label && <LogoText>{logo.label}</LogoText>}\n      </Logo>\n    </HeaderGroup>\n    <NavigationMenu class=\"hidden flex-none justify-start lg:flex\">\n      <NavigationMenuList class=\"justify-start\">\n        {\n          navigation.map((item, index) => (\n            <NavigationMenuItem value={`nav-${index}`}>\n              <NavigationMenuLink href={item.href}>\n                {item.label}\n              </NavigationMenuLink>\n            </NavigationMenuItem>\n          ))\n        }\n      </NavigationMenuList>\n    </NavigationMenu>\n    <HeaderGroup class=\"ml-auto hidden flex-1 justify-end lg:flex\">\n      <slot />\n      {\n        buttons.map(({ label, icon, ...button }) => (\n          <Button\n            as=\"a\"\n            size={icon && !label ? \"icon-sm\" : \"sm\"}\n            aria-label={label}\n            target={button.href.startsWith(\"http\") ? \"_blank\" : undefined}\n            rel={button.href.startsWith(\"http\") ? \"noreferrer\" : undefined}\n            {...button}\n          >\n            {icon && <Icon name={icon} />}\n            {label}\n          </Button>\n        ))\n      }\n    </HeaderGroup>\n    <Sheet class=\"lg:hidden\">\n      <SheetTrigger\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"ml-auto\"\n        aria-label=\"Open menu\"\n      >\n        <Icon name=\"menu\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" class=\"p-0\">\n        <SheetHeader class=\"sr-only\">\n          <SheetTitle>Menu</SheetTitle>\n          <SheetDescription>Site navigation and actions.</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex h-full flex-col gap-6 px-4 py-12\">\n          <nav aria-label=\"Main navigation\" class=\"flex flex-col gap-1\">\n            {\n              navigation.map((item) => (\n                <SheetClose variant=\"ghost\" class=\"justify-start\">\n                  {item.label}\n                </SheetClose>\n              ))\n            }\n          </nav>\n          <div class=\"mt-auto flex flex-col gap-2\">\n            <slot />\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  </HeaderContainer>\n</Header>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/header-2.json

@@ -1,23 +1,20 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "header-2",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/collapsible",
     "@fulldev/header",
     "@fulldev/icon",
     "@fulldev/logo",
     "@fulldev/navigation-menu",
-    "@fulldev/sheet",
-    "@fulldev/sidebar",
-    "@fulldev/theme-toggle"
+    "@fulldev/sheet"
   ],
   "files": [
     {
       "path": "src/components/blocks/header-2.astro",
-      "content": "---\nimport MenuIcon from \"lucide-static/icons/menu.svg\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\"\nimport { Header, HeaderActions } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuSub,\n  NavigationMenuSubItem,\n  NavigationMenuSubLink,\n  NavigationMenuTrigger,\n} from \"@/components/ui/navigation-menu\"\nimport { Sheet, SheetContent, SheetTrigger } from \"@/components/ui/sheet\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/components/ui/sidebar\"\nimport { ThemeToggle } from \"@/components/ui/theme-toggle\"\n\ninterface Props {\n  logo?: {\n    src?: string\n    alt?: string\n    text?: string\n    href?: string\n  }\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  socials?: string[]\n  menus?: {\n    text?: string\n    href?: string\n    links?: {\n      text?: string\n      href?: string\n    }[]\n  }[]\n}\n\nconst { logo, menus, links, socials } = Astro.props\n---\n\n<Header>\n  <Logo href={logo?.href || \"/\"}>\n    <LogoImage src={logo?.src} alt={logo?.alt} />\n    <LogoText>{logo?.text}</LogoText>\n  </Logo>\n  <NavigationMenu class=\"absolute left-1/2 -translate-x-1/2 @max-5xl:hidden\">\n    <NavigationMenuList>\n      {\n        menus?.map((menu) => (\n          <NavigationMenuItem>\n            {menu.links && menu.links.length > 0 ? (\n              <>\n                <NavigationMenuTrigger\n                  class=\"inline-flex h-8 items-center bg-transparent px-3 py-0\"\n                  href={menu.href}\n                >\n                  {menu.text}\n                </NavigationMenuTrigger>\n                <NavigationMenuContent>\n                  <NavigationMenuSub>\n                    {menu.links?.map((link) => (\n                      <NavigationMenuSubItem>\n                        <NavigationMenuSubLink href={link.href}>\n                          {link.text}\n                        </NavigationMenuSubLink>\n                      </NavigationMenuSubItem>\n                    ))}\n                  </NavigationMenuSub>\n                </NavigationMenuContent>\n              </>\n            ) : (\n              <NavigationMenuLink\n                class=\"inline-flex h-8 items-center bg-transparent px-3 py-0\"\n                variant=\"trigger\"\n                href={menu.href}\n              >\n                {menu.text}\n              </NavigationMenuLink>\n            )}\n          </NavigationMenuItem>\n        ))\n      }\n    </NavigationMenuList>\n  </NavigationMenu>\n  <HeaderActions class=\"@max-5xl:hidden\">\n    <ThemeToggle />\n    {\n      socials?.map((social) => (\n        <Button variant=\"ghost\" size=\"icon-sm\" href={social} target=\"_blank\">\n          <Icon href={social} />\n        </Button>\n      ))\n    }\n    {\n      links?.map(({ icon, text, ...link }, i) => (\n        <Button\n          variant={i === links.length - 1 ? \"default\" : \"ghost\"}\n          size=\"sm\"\n          {...link}\n        >\n          {icon && <Icon name={icon} />}\n          {text}\n        </Button>\n      ))\n    }\n  </HeaderActions>\n  <Sheet>\n    <SheetTrigger\n      class=\"@5xl:hidden\"\n      variant=\"ghost\"\n      size=\"icon\"\n      name=\"open-menu-button\"\n    >\n      <MenuIcon class=\"size-5\" />\n    </SheetTrigger>\n    <SheetContent class=\"overflow-y-auto px-4 py-12\">\n      <SidebarMenu>\n        {\n          menus?.map((menu) => (\n            <SidebarMenuItem>\n              {menu.links && menu.links.length > 0 ? (\n                <Collapsible>\n                  <CollapsibleTrigger>\n                    <SidebarMenuButton>{menu.text}</SidebarMenuButton>\n                  </CollapsibleTrigger>\n                  <CollapsibleContent>\n                    <SidebarMenuSub>\n                      {menu.links?.map((link) => (\n                        <SidebarMenuSubItem>\n                          <SidebarMenuSubButton href={link.href}>\n                            {link.text}\n                          </SidebarMenuSubButton>\n                        </SidebarMenuSubItem>\n                      ))}\n                    </SidebarMenuSub>\n                  </CollapsibleContent>\n                </Collapsible>\n              ) : (\n                <SidebarMenuButton\n                  class=\"h-10 w-full rounded-md px-4 text-xl has-[>svg]:px-4\"\n                  href={menu.href}\n                >\n                  {menu.text}\n                </SidebarMenuButton>\n              )}\n            </SidebarMenuItem>\n          ))\n        }\n      </SidebarMenu>\n      <HeaderActions>\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button\n              variant={i === links.length - 1 ? \"default\" : \"ghost\"}\n              {...link}\n            >\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </HeaderActions>\n      <HeaderActions>\n        {\n          socials?.map((social) => (\n            <Button variant=\"ghost\" size=\"icon\" href={social}>\n              <Icon href={social} />\n            </Button>\n          ))\n        }\n      </HeaderActions>\n    </SheetContent>\n  </Sheet>\n</Header>\n",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n} from \"@/components/ui/navigation-menu\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\ntype Props = {\n  class?: string\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  buttons: {\n    label: string\n    href: string\n    icon?: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, logo, navigation, buttons } = Astro.props\n---\n\n<Header variant=\"floating\" class={cn(\"\", className)}>\n  <HeaderContainer class=\"justify-between\">\n    <HeaderGroup>\n      <Logo href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        {logo.label && <LogoText>{logo.label}</LogoText>}\n      </Logo>\n    </HeaderGroup>\n    <NavigationMenu\n      class=\"absolute left-1/2 hidden max-w-none -translate-x-1/2 lg:flex\"\n    >\n      <NavigationMenuList>\n        {\n          navigation.map((item, index) => (\n            <NavigationMenuItem value={`nav-${index}`}>\n              <NavigationMenuLink href={item.href}>\n                {item.label}\n              </NavigationMenuLink>\n            </NavigationMenuItem>\n          ))\n        }\n      </NavigationMenuList>\n    </NavigationMenu>\n    <HeaderGroup class=\"ml-auto hidden justify-end lg:flex\">\n      <slot />\n      {\n        buttons.map(({ label, icon, ...button }) => (\n          <Button\n            as=\"a\"\n            size={icon && !label ? \"icon-sm\" : \"sm\"}\n            aria-label={label}\n            target={button.href.startsWith(\"http\") ? \"_blank\" : undefined}\n            rel={button.href.startsWith(\"http\") ? \"noreferrer\" : undefined}\n            {...button}\n          >\n            {icon && <Icon name={icon} />}\n            {label}\n          </Button>\n        ))\n      }\n    </HeaderGroup>\n    <Sheet class=\"lg:hidden\">\n      <SheetTrigger\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"ml-auto\"\n        aria-label=\"Open menu\"\n      >\n        <Icon name=\"menu\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" class=\"p-0\">\n        <SheetHeader class=\"sr-only\">\n          <SheetTitle>Menu</SheetTitle>\n          <SheetDescription>Site navigation and actions.</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex h-full flex-col gap-6 px-4 py-12\">\n          <nav aria-label=\"Main navigation\" class=\"flex flex-col gap-1\">\n            {\n              navigation.map((item) => (\n                <SheetClose variant=\"ghost\" class=\"justify-start\">\n                  {item.label}\n                </SheetClose>\n              ))\n            }\n          </nav>\n          <div class=\"mt-auto flex flex-col gap-2\">\n            <slot />\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  </HeaderContainer>\n</Header>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/header-3.json

@@ -1,23 +1,21 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "header-3",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/collapsible",
     "@fulldev/header",
     "@fulldev/icon",
     "@fulldev/logo",
     "@fulldev/navigation-menu",
-    "@fulldev/sheet",
-    "@fulldev/sidebar",
-    "@fulldev/theme-toggle"
+    "@fulldev/separator",
+    "@fulldev/sheet"
   ],
   "files": [
     {
       "path": "src/components/blocks/header-3.astro",
-      "content": "---\nimport MenuIcon from \"lucide-static/icons/menu.svg\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\"\nimport { Header, HeaderActions } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuSub,\n  NavigationMenuSubItem,\n  NavigationMenuSubLink,\n  NavigationMenuTrigger,\n} from \"@/components/ui/navigation-menu\"\nimport { Sheet, SheetContent, SheetTrigger } from \"@/components/ui/sheet\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/components/ui/sidebar\"\nimport { ThemeToggle } from \"@/components/ui/theme-toggle\"\n\ninterface Props {\n  logo?: {\n    src?: string\n    alt?: string\n    text?: string\n    href?: string\n  }\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  socials?: string[]\n  menus?: {\n    text?: string\n    href?: string\n    links?: {\n      text?: string\n      href?: string\n    }[]\n  }[]\n}\n\nconst { logo, menus, links, socials } = Astro.props\n\nconst githubStarCount = (\n  await (await fetch(\"https://api.github.com/repos/fulldotdev/ui\")).json()\n).stargazers_count\n---\n\n<Header class=\"bg-background/60 backdrop-blur-md\">\n  <Logo href={logo?.href || \"/\"}>\n    <LogoImage src={logo?.src} alt={logo?.alt} />\n    <LogoText>{logo?.text}</LogoText>\n  </Logo>\n  <NavigationMenu class=\"mr-auto @max-5xl:hidden\">\n    <NavigationMenuList>\n      {\n        menus?.map((menu) => (\n          <NavigationMenuItem>\n            {menu.links && menu.links.length > 0 ? (\n              <>\n                <NavigationMenuTrigger\n                  class=\"inline-flex h-8 items-center bg-transparent px-3 py-0\"\n                  href={menu.href}\n                >\n                  {menu.text}\n                </NavigationMenuTrigger>\n                <NavigationMenuContent>\n                  <NavigationMenuSub>\n                    {menu.links?.map((link) => (\n                      <NavigationMenuSubItem>\n                        <NavigationMenuSubLink href={link.href}>\n                          {link.text}\n                        </NavigationMenuSubLink>\n                      </NavigationMenuSubItem>\n                    ))}\n                  </NavigationMenuSub>\n                </NavigationMenuContent>\n              </>\n            ) : (\n              <NavigationMenuLink\n                class=\"inline-flex h-8 items-center bg-transparent px-3 py-0\"\n                variant=\"trigger\"\n                href={menu.href}\n              >\n                {menu.text}\n              </NavigationMenuLink>\n            )}\n          </NavigationMenuItem>\n        ))\n      }\n    </NavigationMenuList>\n  </NavigationMenu>\n  <HeaderActions class=\"@max-5xl:hidden\">\n    <ThemeToggle />\n    {\n      socials?.map((social) => (\n        <>\n          <Button variant=\"ghost\" size=\"icon-sm\" href={social} target=\"_blank\">\n            <Icon href={social} />\n          </Button>\n        </>\n      ))\n    }\n    {\n      links?.map(({ icon, text, ...link }, i) => (\n        <Button\n          variant={i === links.length - 1 ? \"default\" : \"outline\"}\n          size=\"sm\"\n          {...link}\n        >\n          {icon && <Icon name={icon} />}\n          {text}\n        </Button>\n      ))\n    }\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      href=\"https://github.com/fulldotdev/ui\"\n      target=\"_blank\"\n    >\n      <Icon name=\"github\" />\n      {githubStarCount}\n    </Button>\n  </HeaderActions>\n  <Sheet class=\"first:ml-auto @5xl:hidden\">\n    <SheetTrigger\n      class=\"@5xl:hidden\"\n      variant=\"ghost\"\n      size=\"icon\"\n      name=\"open-menu-button\"\n    >\n      <MenuIcon class=\"size-5\" />\n    </SheetTrigger>\n    <SheetContent class=\"overflow-y-auto px-4 py-12\">\n      <SidebarMenu>\n        {\n          menus?.map((menu) => (\n            <SidebarMenuItem>\n              {menu.links && menu.links.length > 0 ? (\n                <Collapsible>\n                  <CollapsibleTrigger>\n                    <SidebarMenuButton class=\"h-10 rounded-md px-4 text-xl\">\n                      {menu.text}\n                    </SidebarMenuButton>\n                  </CollapsibleTrigger>\n                  <CollapsibleContent>\n                    <SidebarMenuSub>\n                      {menu.links?.map((link) => (\n                        <SidebarMenuSubItem>\n                          <SidebarMenuSubButton href={link.href}>\n                            {link.text}\n                          </SidebarMenuSubButton>\n                        </SidebarMenuSubItem>\n                      ))}\n                    </SidebarMenuSub>\n                  </CollapsibleContent>\n                </Collapsible>\n              ) : (\n                <SidebarMenuButton\n                  class=\"h-10 w-full rounded-md px-4 text-xl has-[>svg]:px-4\"\n                  href={menu.href}\n                >\n                  {menu.text}\n                </SidebarMenuButton>\n              )}\n            </SidebarMenuItem>\n          ))\n        }\n      </SidebarMenu>\n      <HeaderActions class=\"flex flex-col gap-2\">\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button\n              variant={i === links.length - 1 ? \"default\" : \"secondary\"}\n              class=\"w-full\"\n              {...link}\n            >\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </HeaderActions>\n      <HeaderActions>\n        {\n          socials?.map((social) => (\n            <Button variant=\"ghost\" size=\"icon\" href={social}>\n              <Icon href={social} />\n            </Button>\n          ))\n        }\n      </HeaderActions>\n    </SheetContent>\n  </Sheet>\n</Header>\n",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n} from \"@/components/ui/navigation-menu\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\ntype Props = {\n  class?: string\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  buttons: {\n    label: string\n    href: string\n    icon?: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, logo, navigation, buttons } = Astro.props\n---\n\n<Header class={cn(\"border-b\", className)}>\n  <HeaderContainer class=\"justify-between\">\n    <HeaderGroup>\n      <Logo href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        {logo.label && <LogoText>{logo.label}</LogoText>}\n      </Logo>\n    </HeaderGroup>\n    <HeaderGroup class=\"ml-auto hidden justify-end gap-1 lg:flex\">\n      <NavigationMenu class=\"hidden max-w-none justify-end lg:flex\">\n        <NavigationMenuList>\n          {\n            navigation.map((item, index) => (\n              <NavigationMenuItem value={`nav-${index}`}>\n                <NavigationMenuLink href={item.href}>\n                  {item.label}\n                </NavigationMenuLink>\n              </NavigationMenuItem>\n            ))\n          }\n        </NavigationMenuList>\n      </NavigationMenu>\n      <Separator\n        orientation=\"vertical\"\n        class=\"mx-1 hidden h-5 self-center lg:block\"\n      />\n      <slot />\n      {\n        buttons.map(({ label, icon, ...button }) => (\n          <Button\n            as=\"a\"\n            size={icon && !label ? \"icon-sm\" : \"sm\"}\n            aria-label={label}\n            target={button.href.startsWith(\"http\") ? \"_blank\" : undefined}\n            rel={button.href.startsWith(\"http\") ? \"noreferrer\" : undefined}\n            {...button}\n          >\n            {icon && <Icon name={icon} />}\n            {label}\n          </Button>\n        ))\n      }\n    </HeaderGroup>\n    <Sheet class=\"lg:hidden\">\n      <SheetTrigger\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"ml-auto\"\n        aria-label=\"Open menu\"\n      >\n        <Icon name=\"menu\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" class=\"p-0\">\n        <SheetHeader class=\"sr-only\">\n          <SheetTitle>Menu</SheetTitle>\n          <SheetDescription>Site navigation and actions.</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex h-full flex-col gap-6 px-4 py-12\">\n          <nav aria-label=\"Main navigation\" class=\"flex flex-col gap-1\">\n            {\n              navigation.map((item) => (\n                <SheetClose variant=\"ghost\" class=\"justify-start\">\n                  {item.label}\n                </SheetClose>\n              ))\n            }\n          </nav>\n          <Separator />\n          <div class=\"mt-auto flex flex-col gap-2\">\n            <slot />\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  </HeaderContainer>\n</Header>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/header-4.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "header-4",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/header",
+    "@fulldev/icon",
+    "@fulldev/logo",
+    "@fulldev/navigation-menu",
+    "@fulldev/sheet"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/header-4.astro",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n} from \"@/components/ui/navigation-menu\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\ntype Props = {\n  class?: string\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  navigation: {\n    label: string\n    href: string\n    description?: string\n    active?: boolean\n    image?: {\n      src: ImageMetadata\n      alt: string\n    }\n    links?: {\n      label: string\n      href: string\n      description?: string\n      icon?: string\n      active?: boolean\n    }[]\n  }[]\n  buttons: {\n    label: string\n    href: string\n    icon?: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, logo, navigation, buttons } = Astro.props\n---\n\n<Header class={cn(\"border-b\", className)}>\n  <HeaderContainer class=\"justify-between\">\n    <HeaderGroup>\n      <Logo href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        {logo.label && <LogoText>{logo.label}</LogoText>}\n      </Logo>\n    </HeaderGroup>\n    <NavigationMenu\n      class=\"absolute left-1/2 hidden max-w-none -translate-x-1/2 lg:flex\"\n      align=\"center\"\n    >\n      <NavigationMenuList>\n        {\n          navigation.map((item, index) =>\n            item.links?.length ? (\n              <NavigationMenuItem value={`nav-${index}`}>\n                <NavigationMenuTrigger>{item.label}</NavigationMenuTrigger>\n                <NavigationMenuContent>\n                  <div class=\"grid w-[min(46rem,calc(100vw-2rem))] gap-2 p-1 lg:grid-cols-[1fr_1.1fr]\">\n                    <NavigationMenuLink\n                      href={item.href}\n                      active={item.active}\n                      class=\"bg-muted/50 hover:bg-muted focus:bg-muted flex min-h-40 flex-col items-start justify-end gap-3 p-4 text-left\"\n                    >\n                      {item.image && (\n                        <Image\n                          src={item.image.src}\n                          alt={item.image.alt}\n                          class=\"mb-auto aspect-[16/9] w-full rounded-md object-cover\"\n                          widths={[320, 480, 640]}\n                          sizes=\"(min-width: 1024px) 22rem, 100vw\"\n                        />\n                      )}\n                      <span class=\"text-base font-medium\">{item.label}</span>\n                      {item.description && (\n                        <span class=\"text-muted-foreground text-sm leading-relaxed\">\n                          {item.description}\n                        </span>\n                      )}\n                    </NavigationMenuLink>\n                    <div class=\"grid gap-1\">\n                      {item.links.map((link) => (\n                        <NavigationMenuLink\n                          href={link.href}\n                          active={link.active}\n                          class=\"items-start gap-3 p-3\"\n                        >\n                          {link.icon && (\n                            <Icon\n                              name={link.icon}\n                              class=\"text-muted-foreground mt-0.5\"\n                            />\n                          )}\n                          <span class=\"grid gap-1\">\n                            <span class=\"font-medium\">{link.label}</span>\n                            {link.description && (\n                              <span class=\"text-muted-foreground text-sm leading-relaxed\">\n                                {link.description}\n                              </span>\n                            )}\n                          </span>\n                        </NavigationMenuLink>\n                      ))}\n                    </div>\n                  </div>\n                </NavigationMenuContent>\n              </NavigationMenuItem>\n            ) : (\n              <NavigationMenuItem value={`nav-${index}`}>\n                <NavigationMenuLink\n                  href={item.href}\n                  active={item.active}\n                  class={navigationMenuTriggerStyle()}\n                >\n                  {item.label}\n                </NavigationMenuLink>\n              </NavigationMenuItem>\n            )\n          )\n        }\n      </NavigationMenuList>\n    </NavigationMenu>\n    <HeaderGroup class=\"ml-auto hidden justify-end lg:flex\">\n      <slot />\n      {\n        buttons.map(({ label, icon, ...button }) => (\n          <Button\n            as=\"a\"\n            size={icon && !label ? \"icon-sm\" : \"sm\"}\n            aria-label={label}\n            target={button.href.startsWith(\"http\") ? \"_blank\" : undefined}\n            rel={button.href.startsWith(\"http\") ? \"noreferrer\" : undefined}\n            {...button}\n          >\n            {icon && <Icon name={icon} />}\n            {label}\n          </Button>\n        ))\n      }\n    </HeaderGroup>\n    <Sheet class=\"lg:hidden\">\n      <SheetTrigger\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"ml-auto\"\n        aria-label=\"Open menu\"\n      >\n        <Icon name=\"menu\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" class=\"p-0\">\n        <SheetHeader class=\"sr-only\">\n          <SheetTitle>Menu</SheetTitle>\n          <SheetDescription>Site navigation and actions.</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex h-full flex-col gap-6 overflow-y-auto px-4 py-12\">\n          <nav aria-label=\"Main navigation\" class=\"flex flex-col gap-4\">\n            {\n              navigation.map((item) => (\n                <div class=\"grid gap-1\">\n                  <SheetClose variant=\"ghost\" class=\"justify-start font-medium\">\n                    {item.label}\n                  </SheetClose>\n                  {item.links?.length && (\n                    <div class=\"border-border ml-3 grid gap-1 border-l pl-3\">\n                      {item.links.map((link) => (\n                        <SheetClose\n                          variant=\"ghost\"\n                          class=\"text-muted-foreground justify-start\"\n                        >\n                          {link.icon && <Icon name={link.icon} />}\n                          {link.label}\n                        </SheetClose>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              ))\n            }\n          </nav>\n          <div class=\"mt-auto flex flex-col gap-2\">\n            <slot />\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  </HeaderContainer>\n</Header>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/header-5.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "header-5",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/header",
+    "@fulldev/icon",
+    "@fulldev/logo",
+    "@fulldev/navigation-menu",
+    "@fulldev/separator",
+    "@fulldev/sheet"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/header-5.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 { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoImage, LogoText } from \"@/components/ui/logo\"\nimport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n} from \"@/components/ui/navigation-menu\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\ntype Props = {\n  class?: string\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  navigation: {\n    label: string\n    href: string\n    description?: string\n    active?: boolean\n    image?: {\n      src: ImageMetadata\n      alt: string\n    }\n    links?: {\n      label: string\n      href: string\n      description?: string\n      icon?: string\n      active?: boolean\n    }[]\n  }[]\n  buttons: {\n    label: string\n    href: string\n    icon?: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n}\n\nconst { class: className, logo, navigation, buttons } = Astro.props\n---\n\n<Header class={cn(\"flex-col items-stretch gap-0 border-b py-0\", className)}>\n  <HeaderContainer class=\"min-h-14 justify-between\">\n    <HeaderGroup>\n      <Logo href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        {logo.label && <LogoText>{logo.label}</LogoText>}\n      </Logo>\n    </HeaderGroup>\n    <HeaderGroup class=\"ml-auto hidden justify-end lg:flex\">\n      <slot />\n      {\n        buttons.map(({ label, icon, ...button }) => (\n          <Button\n            as=\"a\"\n            size={icon && !label ? \"icon-sm\" : \"sm\"}\n            aria-label={label}\n            target={button.href.startsWith(\"http\") ? \"_blank\" : undefined}\n            rel={button.href.startsWith(\"http\") ? \"noreferrer\" : undefined}\n            {...button}\n          >\n            {icon && <Icon name={icon} />}\n            {label}\n          </Button>\n        ))\n      }\n    </HeaderGroup>\n    <Sheet class=\"lg:hidden\">\n      <SheetTrigger\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"ml-auto\"\n        aria-label=\"Open menu\"\n      >\n        <Icon name=\"menu\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" class=\"p-0\">\n        <SheetHeader class=\"sr-only\">\n          <SheetTitle>Menu</SheetTitle>\n          <SheetDescription>Site navigation and actions.</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex h-full flex-col gap-6 overflow-y-auto px-4 py-12\">\n          <nav aria-label=\"Main navigation\" class=\"flex flex-col gap-4\">\n            {\n              navigation.map((item) => (\n                <div class=\"grid gap-1\">\n                  <SheetClose variant=\"ghost\" class=\"justify-start font-medium\">\n                    {item.label}\n                  </SheetClose>\n                  {item.links?.length && (\n                    <div class=\"border-border ml-3 grid gap-1 border-l pl-3\">\n                      {item.links.map((link) => (\n                        <SheetClose\n                          variant=\"ghost\"\n                          class=\"text-muted-foreground justify-start\"\n                        >\n                          {link.icon && <Icon name={link.icon} />}\n                          {link.label}\n                        </SheetClose>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              ))\n            }\n          </nav>\n          <Separator />\n          <div class=\"mt-auto flex flex-col gap-2\">\n            <slot />\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  </HeaderContainer>\n  <Separator class=\"hidden lg:block\" />\n  <HeaderContainer class=\"hidden min-h-11 lg:flex\">\n    <NavigationMenu class=\"max-w-none justify-start\" align=\"start\">\n      <NavigationMenuList class=\"justify-start\">\n        {\n          navigation.map((item, index) =>\n            item.links?.length ? (\n              <NavigationMenuItem value={`nav-${index}`}>\n                <NavigationMenuTrigger>{item.label}</NavigationMenuTrigger>\n                <NavigationMenuContent>\n                  <div class=\"grid w-[min(52rem,calc(100vw-2rem))] gap-2 p-2 lg:grid-cols-[1fr_1.2fr]\">\n                    <NavigationMenuLink\n                      href={item.href}\n                      active={item.active}\n                      class=\"bg-muted/50 hover:bg-muted focus:bg-muted items-start gap-3 p-3\"\n                    >\n                      {item.image && (\n                        <Image\n                          src={item.image.src}\n                          alt={item.image.alt}\n                          class=\"aspect-[16/9] w-full rounded-md object-cover\"\n                          widths={[320, 480, 640]}\n                          sizes=\"(min-width: 1024px) 22rem, 100vw\"\n                        />\n                      )}\n                      <span class=\"grid gap-1\">\n                        <span class=\"font-medium\">{item.label}</span>\n                        {item.description && (\n                          <span class=\"text-muted-foreground text-sm leading-relaxed\">\n                            {item.description}\n                          </span>\n                        )}\n                      </span>\n                    </NavigationMenuLink>\n                    <div class=\"grid gap-1 lg:grid-cols-2\">\n                      {item.links.map((link) => (\n                        <NavigationMenuLink\n                          href={link.href}\n                          active={link.active}\n                          class=\"items-start gap-3 p-3\"\n                        >\n                          {link.icon && (\n                            <Icon\n                              name={link.icon}\n                              class=\"text-muted-foreground mt-0.5\"\n                            />\n                          )}\n                          <span class=\"grid gap-1\">\n                            <span class=\"font-medium\">{link.label}</span>\n                            {link.description && (\n                              <span class=\"text-muted-foreground text-sm leading-relaxed\">\n                                {link.description}\n                              </span>\n                            )}\n                          </span>\n                        </NavigationMenuLink>\n                      ))}\n                    </div>\n                  </div>\n                </NavigationMenuContent>\n              </NavigationMenuItem>\n            ) : (\n              <NavigationMenuItem value={`nav-${index}`}>\n                <NavigationMenuLink\n                  href={item.href}\n                  active={item.active}\n                  class={navigationMenuTriggerStyle()}\n                >\n                  {item.label}\n                </NavigationMenuLink>\n              </NavigationMenuItem>\n            )\n          )\n        }\n      </NavigationMenuList>\n    </NavigationMenu>\n  </HeaderContainer>\n</Header>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/header.json

@@ -1,27 +1,31 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "header",
-  "type": "registry:ui",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/sheet"
+  ],
   "files": [
     {
       "path": "src/components/ui/header/header.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\n  extends HTMLAttributes<\"header\">,\n    VariantProps<typeof variants> {}\n\nconst variants = cva(\n  \"relative top-0 z-50 mx-auto flex h-(--header-height) items-center justify-between gap-8 border-b border-transparent px-(--header-px) py-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background sticky w-full\",\n        floating: [\n          \"w-[calc(100%-2*var(--gutter,24px))] max-w-(--header-width)\",\n          \"top-2 mt-2 h-[calc(var(--header-height)-var(--spacing)*2)] overflow-hidden rounded-xl\",\n          \"bg-background border-border sticky border\",\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst { class: className, variant, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <header\n      class={cn(variants({ variant }), className)}\n      data-slot=\"header\"\n      data-variant={variant}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </header>\n  )\n}\n\n<style is:global>\n  [data-slot=\"header\"] {\n    --header-width: var(--container, var(--breakpoint-xl));\n    --header-px: max(\n      var(--gutter, 24px),\n      calc((100cqw - var(--header-width)) / 2)\n    );\n  }\n\n  [data-slot=\"header\"][data-variant=\"floating\"] {\n    --header-px: calc(var(--spacing) * 6);\n  }\n\n  :root:has([data-slot=\"header\"]) {\n    --header-height: calc(var(--spacing) * 16);\n  }\n\n  @media (min-width: 1024px) {\n    [data-slot=\"header\"][data-variant=\"floating\"] {\n      --header-px: calc(var(--spacing) * 16);\n    }\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"header\"> & VariantProps<typeof variants>\n\nconst variants = cva(\"relative z-50 flex w-full items-center gap-4 py-2\", {\n  variants: {\n    variant: {\n      default: \"\",\n      floating:\n        \"bg-background mx-auto my-2 w-[calc(100%-2rem)] max-w-[calc(var(--container,1280px)-2rem)] overflow-hidden rounded-lg border shadow-sm\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\nconst { class: className, variant, ...props } = Astro.props\n---\n\n<header\n  class={cn(variants({ variant }), className)}\n  data-slot=\"header\"\n  data-variant={variant}\n  {...props}\n>\n  <slot />\n</header>\n",
       "type": "registry:ui"
     },
     {
-      "path": "src/components/ui/header/header-actions.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 class={cn(\"flex items-center gap-2\", className)} {...props}>\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "path": "src/components/ui/header/header-container.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"header-container\"\n  class={cn(\"relative mx-auto flex w-full max-w-7xl gap-4 px-4\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
-      "path": "src/components/ui/header/header-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      class={cn(\"mx-auto flex w-full max-w-screen-xl gap-8 py-3\", className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "path": "src/components/ui/header/header-group.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"header-group\"\n  class={cn(\"flex min-w-0 items-center gap-2\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/header/index.ts",
-      "content": "export { default as Header } from \"./header.astro\"\nexport { default as HeaderActions } from \"./header-actions.astro\"\nexport { default as HeaderContent } from \"./header-content.astro\"\n",
+      "content": "export { default as Header } from \"./header.astro\"\nexport { default as HeaderContainer } from \"./header-container.astro\"\nexport { default as HeaderGroup } from \"./header-group.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }

package/public/r/hero-1.json

@@ -1,19 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "hero-1",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/badge",
     "@fulldev/button",
-    "@fulldev/icon",
-    "@fulldev/image",
     "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/hero-1.astro",
-      "content": "---\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionMedia,\n  SectionProse,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  link?: {\n    text?: string\n    href?: string\n    icon?: string\n    target?: string\n  }\n  links?: {\n    text?: string\n    href?: string\n    icon?: string\n    target?: string\n  }[]\n  image?: {\n    src: string\n    alt: string\n  }\n}\n\nconst { class: className, id, link, links, image } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionContent class=\"items-center\">\n    <Badge variant=\"secondary\" {...link}>\n      {link?.text}\n      {link?.href && <Icon name={link?.icon} />}\n    </Badge>\n    <SectionProse class=\"text-center text-balance\" size=\"lg\">\n      <slot />\n    </SectionProse>\n    <SectionActions class=\"justify-center\">\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button\n            variant={i === 0 ? \"default\" : \"secondary\"}\n            size=\"lg\"\n            {...link}\n          >\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <SectionMedia>\n    <Image sizes=\"(min-width: 1536px) 1536px, 100vw\" priority {...image} />\n  </SectionMedia>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\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  badge?: {\n    label: string\n    href: string\n  }\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  badge,\n  buttons,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-8 text-center\">\n    {\n      badge && (\n        <Badge as=\"a\" href={badge.href} variant=\"secondary\">\n          {badge.label}\n        </Badge>\n      )\n    }\n    <h1\n      class=\"text-foreground max-w-4xl text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl lg:text-6xl\"\n    >\n      {title}\n    </h1>\n    <p\n      class=\"text-muted-foreground max-w-2xl text-lg leading-relaxed text-balance\"\n    >\n      {description}\n    </p>\n    <div class=\"flex flex-wrap justify-center gap-3\">\n      {\n        buttons.map(({ href, label, ...button }, index) => (\n          <Button\n            as=\"a\"\n            href={href}\n            size=\"lg\"\n            variant={button.variant ?? (index === 0 ? \"default\" : \"secondary\")}\n            {...button}\n          >\n            {label}\n          </Button>\n        ))\n      }\n    </div>\n  </SectionContainer>\n  <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      loading=\"eager\"\n    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/hero-10.json

@@ -1,21 +1,18 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "hero-10",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/avatar",
     "@fulldev/button",
-    "@fulldev/icon",
-    "@fulldev/image",
-    "@fulldev/item",
     "@fulldev/rating",
     "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/hero-10.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Avatar, AvatarImage } from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n} from \"@/components/ui/item\"\nimport { Rating } from \"@/components/ui/rating\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionMedia,\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  item?: {\n    images?: {\n      src: string\n      alt: string\n    }[]\n    rating?: number\n    description?: string\n  }\n  image?: {\n    src: string\n    alt: string\n  }\n}\n\nconst { class: className, id, links, item, image } = Astro.props\n---\n\n<Section\n  class={cn(\"-mt-(--header-height) justify-start\", className)}\n  id={id}\n  size=\"lg\"\n>\n  <SectionSpread class=\"relative @5xl:items-center\">\n    <SectionProse size=\"lg\">\n      <slot />\n    </SectionProse>\n    <SectionContent class=\"shrink-0\">\n      <SectionActions>\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button\n              class=\"w-full\"\n              variant={i === 0 ? \"default\" : \"secondary\"}\n              size=\"lg\"\n              {...link}\n            >\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n      <Item class=\"p-0\">\n        <ItemMedia class=\"-space-x-5\">\n          {\n            item?.images?.map((image) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage {...image} />\n              </Avatar>\n            ))\n          }\n        </ItemMedia>\n        <ItemContent class=\"mt-1\">\n          <Rating rating={item?.rating} />\n          <ItemDescription>\n            {item?.description}\n          </ItemDescription>\n        </ItemContent>\n      </Item>\n    </SectionContent>\n  </SectionSpread>\n  <SectionMedia\n    class=\"mask-y-to-black-100% absolute inset-0 size-full rounded-none bg-white mask-y-from-0% dark:bg-black\"\n  >\n    <Image sizes=\"100vw\" priority {...image} class=\"opacity-75\" />\n  </SectionMedia>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Rating } from \"@/components/ui/rating\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  buttons,\n  socialProof,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"dark bg-background min-h-screen justify-start\", className)}>\n  <SectionContainer\n    class=\"relative z-10 grid gap-8 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-center\"\n  >\n    <div class=\"flex flex-col gap-5\">\n      <h1\n        class=\"text-foreground text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl\"\n      >\n        {title}\n      </h1>\n      <p class=\"text-foreground/80 max-w-2xl text-lg leading-relaxed\">\n        {description}\n      </p>\n    </div>\n    <div class=\"flex shrink-0 flex-col gap-5\">\n      <div class=\"flex flex-wrap gap-3\">\n        {\n          buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              class=\"w-full\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))\n        }\n      </div>\n      <div class=\"flex items-center gap-3\">\n        <AvatarGroup>\n          {\n            socialProof.avatars.map((avatar) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage\n                  src={avatar.image}\n                  alt={avatar.name ?? avatar.initials}\n                />\n                <AvatarFallback>{avatar.initials}</AvatarFallback>\n              </Avatar>\n            ))\n          }\n        </AvatarGroup>\n        <div class=\"flex flex-col gap-0.5\">\n          <Rating value={socialProof.rating} />\n          <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n        </div>\n      </div>\n    </div>\n  </SectionContainer>\n  <div\n    class=\"bg-background pointer-events-none absolute inset-0 mask-y-from-0% mask-y-to-100%\"\n  >\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"size-full object-cover opacity-75\"\n      widths={[640, 960, 1280, 1920]}\n      sizes=\"100vw\"\n      loading=\"eager\"\n    />\n  </div>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/hero-11.json

@@ -1,21 +1,18 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "hero-11",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/avatar",
     "@fulldev/button",
-    "@fulldev/icon",
-    "@fulldev/image",
-    "@fulldev/item",
     "@fulldev/rating",
     "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/hero-11.astro",
-      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Avatar, AvatarImage } from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n} from \"@/components/ui/item\"\nimport { Rating } from \"@/components/ui/rating\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionMedia,\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  item?: {\n    images?: {\n      src: string\n      alt: string\n    }[]\n    rating?: number\n    description?: string\n  }\n  image?: {\n    src: string\n    alt: string\n  }\n}\n\nconst { class: className, id, links, item, image } = Astro.props\n---\n\n<Section\n  class={cn(\"justify-start pb-[72cqw] @5xl:pb-[36cqw]\", className)}\n  id={id}\n  size=\"lg\"\n>\n  <SectionSpread class=\"relative @5xl:items-center\">\n    <SectionProse size=\"lg\">\n      <slot />\n    </SectionProse>\n    <SectionContent class=\"shrink-0\">\n      <SectionActions>\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button\n              class=\"w-full\"\n              variant={i === 0 ? \"default\" : \"secondary\"}\n              size=\"lg\"\n              {...link}\n            >\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n      <Item class=\"p-0\">\n        <ItemMedia class=\"-space-x-5\">\n          {\n            item?.images?.map((image) => (\n              <Avatar class=\"ring-background size-11 ring\">\n                <AvatarImage {...image} />\n              </Avatar>\n            ))\n          }\n        </ItemMedia>\n        <ItemContent class=\"mt-1\">\n          <Rating rating={item?.rating} />\n          <ItemDescription>\n            {item?.description}\n          </ItemDescription>\n        </ItemContent>\n      </Item>\n    </SectionContent>\n  </SectionSpread>\n  <SectionMedia\n    class=\"mask-y-to-black-100% absolute inset-0 size-full rounded-none bg-white mask-y-from-0% dark:bg-black\"\n  >\n    <Image class=\"opacity-75\" sizes=\"100vw\" priority {...image} />\n  </SectionMedia>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Rating } from \"@/components/ui/rating\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  buttons: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  socialProof: {\n    avatars: {\n      image?: ImageMetadata\n      initials: string\n      name?: string\n    }[]\n    rating: number\n    text: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  buttons,\n  socialProof,\n  image,\n} = Astro.props\n---\n\n<Section\n  class={cn(\"dark bg-background min-h-screen justify-center\", className)}\n>\n  <SectionContainer class=\"relative z-10 items-center gap-8 text-center\">\n    <h1\n      class=\"text-foreground max-w-3xl text-4xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-5xl lg:text-6xl\"\n    >\n      {title}\n    </h1>\n    <p\n      class=\"text-foreground/80 max-w-2xl text-lg leading-relaxed text-balance\"\n    >\n      {description}\n    </p>\n    <div class=\"flex flex-wrap justify-center gap-3\">\n      {\n        buttons.map(({ href, label, ...button }, index) => (\n          <Button\n            as=\"a\"\n            href={href}\n            size=\"lg\"\n            variant={button.variant ?? (index === 0 ? \"default\" : \"secondary\")}\n            {...button}\n          >\n            {label}\n          </Button>\n        ))\n      }\n    </div>\n    <div class=\"flex items-center gap-3\">\n      <AvatarGroup>\n        {\n          socialProof.avatars.map((avatar) => (\n            <Avatar class=\"ring-background size-11 ring\">\n              <AvatarImage\n                src={avatar.image}\n                alt={avatar.name ?? avatar.initials}\n              />\n              <AvatarFallback>{avatar.initials}</AvatarFallback>\n            </Avatar>\n          ))\n        }\n      </AvatarGroup>\n      <div class=\"flex flex-col gap-0.5\">\n        <Rating value={socialProof.rating} />\n        <span class=\"text-muted-foreground text-xs\">{socialProof.text}</span>\n      </div>\n    </div>\n  </SectionContainer>\n  <div\n    class=\"bg-background pointer-events-none absolute inset-0 mask-y-from-0% mask-y-to-100%\"\n  >\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"size-full object-cover opacity-75\"\n      widths={[640, 960, 1280, 1920]}\n      sizes=\"100vw\"\n      loading=\"eager\"\n    />\n  </div>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}