{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "header-1",
  "title": "Full Width Bar With CTA",
  "description": "Site header spanning the full width with a logo, inline navigation links, a call-to-action button, and a mobile menu sheet.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "button",
    "sheet"
  ],
  "files": [
    {
      "path": "registry/blocks/header/1/header-block.tsx",
      "content": "\"use client\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\nimport { IconPlaceholder } from \"@/components/icons/icon-placeholder\"\n\nconst navLinks = [\"Blocks\", \"Docs\", \"Pricing\", \"Changelog\"]\n\nexport default function HeaderBlock() {\n  return (\n    <header className=\"flex h-16 w-full items-center gap-6 border-b border-border px-4 text-foreground sm:px-6\">\n      <a href=\"#\" className=\"flex items-center gap-2\">\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\"\n          className=\"size-6 shrink-0 text-primary\"\n        >\n          <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" transform=\"rotate(-6 7 7)\" />\n          <rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" transform=\"rotate(5 7 17)\" />\n          <rect\n            x=\"13\"\n            y=\"13\"\n            width=\"8\"\n            height=\"8\"\n            transform=\"rotate(-4 17 17)\"\n          />\n          <rect x=\"13\" y=\"3\" width=\"8\" height=\"8\" transform=\"rotate(15 17 7)\" />\n        </svg>\n        <span className=\"text-lg font-bold tracking-tight\">Acme</span>\n      </a>\n      <nav className=\"hidden items-center gap-6 md:flex\">\n        {navLinks.map((link) => (\n          <a\n            key={link}\n            href=\"#\"\n            className=\"text-sm font-medium text-muted-foreground transition-colors hover:text-foreground\"\n          >\n            {link}\n          </a>\n        ))}\n      </nav>\n      <div className=\"ml-auto flex items-center gap-2\">\n        <Button\n          render={<a href=\"#\" />}\n          nativeButton={false}\n          className=\"hidden md:inline-flex\"\n        >\n          Get Started\n          <IconPlaceholder\n            lucide=\"ArrowRight\"\n            tabler=\"IconArrowRight\"\n            hugeicons=\"ArrowRightIcon\"\n            phosphor=\"ArrowRight\"\n            remixicon=\"RiArrowRightLine\"\n            data-icon=\"inline-end\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n\n        <Sheet>\n          <SheetTrigger\n            render={\n              <Button variant=\"outline\" size=\"icon\" className=\"md:hidden\" />\n            }\n            aria-label=\"Open menu\"\n          >\n            <IconPlaceholder\n              lucide=\"Menu\"\n              tabler=\"IconMenu\"\n              hugeicons=\"MenuIcon\"\n              phosphor=\"List\"\n              remixicon=\"RiMenuLine\"\n              aria-hidden=\"true\"\n            />\n          </SheetTrigger>\n          <SheetContent side=\"right\" className=\"w-full sm:max-w-xs\">\n            <SheetHeader>\n              <SheetTitle className=\"flex items-center gap-2\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"currentColor\"\n                  aria-hidden=\"true\"\n                  className=\"size-5 shrink-0 text-primary\"\n                >\n                  <rect\n                    x=\"3\"\n                    y=\"3\"\n                    width=\"8\"\n                    height=\"8\"\n                    transform=\"rotate(-6 7 7)\"\n                  />\n                  <rect\n                    x=\"3\"\n                    y=\"13\"\n                    width=\"8\"\n                    height=\"8\"\n                    transform=\"rotate(5 7 17)\"\n                  />\n                  <rect\n                    x=\"13\"\n                    y=\"13\"\n                    width=\"8\"\n                    height=\"8\"\n                    transform=\"rotate(-4 17 17)\"\n                  />\n                  <rect\n                    x=\"13\"\n                    y=\"3\"\n                    width=\"8\"\n                    height=\"8\"\n                    transform=\"rotate(15 17 7)\"\n                  />\n                </svg>\n                Acme\n              </SheetTitle>\n            </SheetHeader>\n            <nav className=\"flex flex-col px-2\">\n              {navLinks.map((link) => (\n                <SheetClose\n                  key={link}\n                  render={<a href=\"#\" />}\n                  nativeButton={false}\n                  className=\"rounded-md px-2 py-2.5 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                >\n                  {link}\n                </SheetClose>\n              ))}\n            </nav>\n            <div className=\"mt-auto p-4\">\n              <Button\n                render={<a href=\"#\" />}\n                nativeButton={false}\n                className=\"w-full\"\n              >\n                Get Started\n                <IconPlaceholder\n                  lucide=\"ArrowRight\"\n                  tabler=\"IconArrowRight\"\n                  hugeicons=\"ArrowRightIcon\"\n                  phosphor=\"ArrowRight\"\n                  remixicon=\"RiArrowRightLine\"\n                  data-icon=\"inline-end\"\n                  aria-hidden=\"true\"\n                />\n              </Button>\n            </div>\n          </SheetContent>\n        </Sheet>\n      </div>\n    </header>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/header-1.tsx"
    }
  ],
  "meta": {
    "height": "420px",
    "tier": "free"
  },
  "docs": "Requires a `base-*` style in components.json (the `shadcn init` default). Legacy `new-york`/`radix-*` styles install Radix primitives, which reject the `render` prop this block uses.",
  "categories": [
    "header"
  ],
  "type": "registry:block"
}