{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "public-header",
  "title": "Public Header",
  "description": "Public-facing header with government banner, navigation bar, and command palette search (Cmd+K)",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "gov-banner",
    "command",
    "popover"
  ],
  "files": [
    {
      "path": "registry/blocks/public-header/page.tsx",
      "content": "import { PublicHeader } from \"@/registry/blocks/public-header/components/public-header\"\n\nexport default function PublicHeaderDemo() {\n  return (\n    <div className=\"min-h-screen bg-treasury-base-lightest\">\n      <PublicHeader />\n\n      <main className=\"container mx-auto px-4 py-12\">\n        <h1 className=\"text-3xl font-bold text-treasury-ink mb-4\">\n          Public Header Demo\n        </h1>\n        <p className=\"text-treasury-base-dark mb-8\">\n          This is a demo of the Public Header component with default configuration.\n          The header includes a government banner, main logo header, navigation bar,\n          and a command palette (press ⌘K or Ctrl+K to open).\n        </p>\n\n        <div className=\"bg-treasury-paper p-6 rounded-lg border border-treasury-base-light\">\n          <h2 className=\"text-xl font-semibold text-treasury-ink mb-4\">\n            Configurable Props\n          </h2>\n          <ul className=\"space-y-2 text-treasury-base-darkest\">\n            <li><code className=\"bg-treasury-base-lightest px-1 rounded\">title</code> - Header title text</li>\n            <li><code className=\"bg-treasury-base-lightest px-1 rounded\">logoSrc</code> - Path to logo image</li>\n            <li><code className=\"bg-treasury-base-lightest px-1 rounded\">homeHref</code> - Home link destination</li>\n            <li><code className=\"bg-treasury-base-lightest px-1 rounded\">navLinks</code> - Array of navigation links</li>\n            <li><code className=\"bg-treasury-base-lightest px-1 rounded\">commandGroups</code> - Command palette groups</li>\n          </ul>\n        </div>\n      </main>\n    </div>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/public-header-demo/page.tsx"
    },
    {
      "path": "registry/blocks/public-header/components/public-header.tsx",
      "content": "\"use client\"\n\nimport { useEffect, useState } from \"react\"\nimport Link from \"next/link\"\nimport { useRouter } from \"next/navigation\"\nimport {\n  Search,\n  ExternalLink,\n  FileText,\n  Twitter,\n  Github,\n  Linkedin,\n  Home,\n  LayoutGrid,\n  type LucideIcon,\n} from \"lucide-react\"\nimport { GovBanner } from \"@/registry/ui/gov-banner\"\nimport {\n  CommandDialog,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from \"@/registry/ui/command\"\n\n// Types\nexport interface NavLink {\n  label: string\n  href: string\n  external?: boolean\n}\n\nexport interface CommandItemType {\n  label: string\n  icon?: LucideIcon\n  href?: string\n  action?: () => void\n  external?: boolean\n}\n\nexport interface CommandGroupType {\n  heading: string\n  items: CommandItemType[]\n}\n\nconst DEFAULT_NAV_LINKS: NavLink[] = [\n  { label: \"COMPONENTS\", href: \"/demo\", external: false },\n  { label: \"CV\", href: \"https://www.gregjohns.dev\", external: true },\n  { label: \"GITHUB\", href: \"https://github.com/gjohnsx\", external: true },\n  { label: \"LINKEDIN\", href: \"https://linkedin.com/in/greg-johns\", external: true },\n  { label: \"X\", href: \"https://x.com/gjohnsx\", external: true },\n]\n\ninterface PublicHeaderProps {\n  title?: string\n  logoSrc?: string\n  logoAlt?: string\n  homeHref?: string\n  navLinks?: NavLink[]\n  commandGroups?: CommandGroupType[]\n}\n\nexport function PublicHeader({\n  title = \"TTB Label Verification\",\n  logoSrc = \"/logo/app-seal/treasury.png\",\n  logoAlt = \"Treasury\",\n  homeHref = \"/\",\n  navLinks = DEFAULT_NAV_LINKS,\n  commandGroups,\n}: PublicHeaderProps) {\n  const [open, setOpen] = useState(false)\n  const router = useRouter()\n\n  useEffect(() => {\n    const down = (e: KeyboardEvent) => {\n      if (e.key === \"k\" && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault()\n        setOpen((open) => !open)\n      }\n    }\n\n    document.addEventListener(\"keydown\", down)\n    return () => document.removeEventListener(\"keydown\", down)\n  }, [])\n\n  const runCommand = (command: () => void) => {\n    setOpen(false)\n    command()\n  }\n\n  // Default command groups if not provided\n  const defaultCommandGroups: CommandGroupType[] = [\n    {\n      heading: \"Navigation\",\n      items: [\n        {\n          label: \"Home\",\n          icon: Home,\n          action: () => router.push(homeHref),\n        },\n        {\n          label: \"Components\",\n          icon: LayoutGrid,\n          action: () => router.push(\"/demo\"),\n        },\n      ],\n    },\n    {\n      heading: \"About Gregory Johns\",\n      items: [\n        {\n          label: \"Portfolio / CV\",\n          icon: FileText,\n          href: \"https://www.gregjohns.dev\",\n          external: true,\n        },\n        {\n          label: \"X\",\n          icon: Twitter,\n          href: \"https://x.com/gjohnsx\",\n          external: true,\n        },\n        {\n          label: \"GitHub\",\n          icon: Github,\n          href: \"https://github.com/gjohnsx\",\n          external: true,\n        },\n        {\n          label: \"LinkedIn\",\n          icon: Linkedin,\n          href: \"https://linkedin.com/in/greg-johns\",\n          external: true,\n        },\n      ],\n    },\n  ]\n\n  const groups = commandGroups ?? defaultCommandGroups\n\n  return (\n    <header>\n      <GovBanner />\n\n      {/* Main header - dark navy */}\n      <div className=\"bg-treasury-primary-darkest\">\n        <div className=\"container mx-auto px-4 py-4 flex items-center gap-4\">\n          <img\n            src={logoSrc}\n            alt={logoAlt}\n            className=\"h-12 w-12 -ml-1\"\n          />\n          <Link href={homeHref} className=\"text-treasury-paper text-2xl font-light\">\n            {title}\n          </Link>\n        </div>\n      </div>\n\n      {/* Nav bar - slightly lighter blue */}\n      <nav className=\"bg-treasury-primary-dark\">\n        <div className=\"container mx-auto px-4 flex items-center justify-between\">\n          <div className=\"flex items-center gap-10\">\n            {navLinks.map((link) =>\n              link.external ? (\n                <a\n                  key={link.label}\n                  href={link.href}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"py-3 text-sm font-medium tracking-wide text-treasury-paper relative after:absolute after:bottom-0 after:left-0 after:w-full after:h-1 after:bg-transparent hover:after:bg-treasury-accent-light active:after:bg-treasury-accent after:transition-colors\"\n                >\n                  {link.label}\n                </a>\n              ) : (\n                <Link\n                  key={link.label}\n                  href={link.href}\n                  className=\"py-3 text-sm font-medium tracking-wide text-treasury-paper relative after:absolute after:bottom-0 after:left-0 after:w-full after:h-1 after:bg-transparent hover:after:bg-treasury-accent-light active:after:bg-treasury-accent after:transition-colors\"\n                >\n                  {link.label}\n                </Link>\n              )\n            )}\n          </div>\n          <button\n            type=\"button\"\n            onClick={() => setOpen(true)}\n            className=\"p-3 text-treasury-paper hover:text-treasury-base-light transition-colors\"\n            aria-label=\"Search (⌘K)\"\n          >\n            <Search className=\"h-5 w-5\" />\n          </button>\n        </div>\n      </nav>\n\n      <CommandDialog open={open} onOpenChange={setOpen}>\n        <Command>\n          <CommandInput placeholder=\"Search or jump to...\" />\n          <CommandList>\n            <CommandEmpty>No results found.</CommandEmpty>\n\n            {groups.map((group, groupIndex) => (\n              <div key={group.heading}>\n                {groupIndex > 0 && <CommandSeparator />}\n                <CommandGroup heading={group.heading}>\n                  {group.items.map((item) => (\n                    <CommandItem\n                      key={item.label}\n                      onSelect={() =>\n                        runCommand(() => {\n                          if (item.action) {\n                            item.action()\n                          } else if (item.href) {\n                            if (item.external) {\n                              window.open(item.href, \"_blank\")\n                            } else {\n                              router.push(item.href)\n                            }\n                          }\n                        })\n                      }\n                    >\n                      {item.icon && <item.icon />}\n                      <span className=\"flex-1\">{item.label}</span>\n                      {item.external && (\n                        <ExternalLink className=\"h-3 w-3 text-muted-foreground\" />\n                      )}\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              </div>\n            ))}\n          </CommandList>\n        </Command>\n      </CommandDialog>\n    </header>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}