{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "navbar-05",
  "title": "navbar-05",
  "description": "navbar-05",
  "registryDependencies": [
    "https://intentui.com/r/container",
    "https://intentui.com/r/heading",
    "https://intentui.com/r/avatar",
    "https://intentui.com/r/button",
    "https://intentui.com/r/link",
    "https://intentui.com/r/menu",
    "https://intentui.com/r/navbar",
    "https://intentui.com/r/separator"
  ],
  "files": [
    {
      "path": "registry/blocks/navbar-05/page.tsx",
      "content": "import { Container } from \"@/components/ui/container\"\nimport { Heading } from \"@/components/ui/heading\"\n\nexport default function Page() {\n  return (\n    <Container className=\"py-6 sm:py-12\">\n      <Heading>Using icons</Heading>\n    </Container>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/navbar-05/page.tsx"
    },
    {
      "path": "registry/blocks/navbar-05/app-navbar.tsx",
      "content": "\"use client\"\n\nimport { ChevronDownIcon } from \"@heroicons/react/20/solid\"\nimport { MagnifyingGlassIcon, ShoppingBagIcon } from \"@heroicons/react/24/outline\"\nimport { Avatar } from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Link } from \"@/components/ui/link\"\nimport { MenuItem, Menu, MenuTrigger } from \"@/components/ui/menu\"\nimport {\n  Navbar,\n  NavbarGap,\n  NavbarItem,\n  NavbarMobile,\n  type NavbarProps,\n  NavbarProvider,\n  NavbarSection,\n  NavbarSeparator,\n  NavbarSpacer,\n  NavbarStart,\n  NavbarTrigger,\n} from \"@/components/ui/navbar\"\nimport { Separator } from \"@/components/ui/separator\"\nimport { UserMenu } from \"@/registry/blocks/navbar-05/user-menu\"\n\nconst categories = [\n  { id: 1, label: \"Electronics\", url: \"#\" },\n  { id: 2, label: \"Fashion\", url: \"#\" },\n  { id: 3, label: \"Home & Kitchen\", url: \"#\" },\n  { id: 4, label: \"Sports\", url: \"#\" },\n  { id: 5, label: \"Books\", url: \"#\" },\n  { id: 6, label: \"Beauty & Personal Care\", url: \"#\" },\n  { id: 7, label: \"Grocery\", url: \"#\" },\n  { id: 8, label: \"Toys & Games\", url: \"#\" },\n  { id: 9, label: \"Automotive\", url: \"#\" },\n  { id: 10, label: \"Health & Wellness\", url: \"#\" },\n]\n\nexport default function AppNavbar(props: NavbarProps) {\n  return (\n    <NavbarProvider>\n      <Navbar {...props}>\n        <NavbarStart>\n          <Link\n            className=\"flex items-center gap-x-2 font-medium\"\n            aria-label=\"Goto documentation of Navbar\"\n            href=\"/docs/components/layouts/navbar\"\n          >\n            <Avatar\n              isSquare\n              size=\"sm\"\n              className=\"outline-hidden\"\n              src=\"https://design.intentui.com/logo?color=155DFC\"\n            />\n            <span>\n              Intent <span className=\"text-muted-foreground\">UI</span>\n            </span>\n          </Link>\n        </NavbarStart>\n        <NavbarGap />\n        <NavbarSection>\n          <NavbarItem href=\"#\" isCurrent>\n            Home\n          </NavbarItem>\n          <NavbarItem href=\"#\">Shop</NavbarItem>\n          <NavbarItem href=\"#\">Offers</NavbarItem>\n          <NavbarItem href=\"#\">Orders</NavbarItem>\n          <MenuTrigger>\n            <NavbarItem>\n              Categories\n              <ChevronDownIcon className=\"col-start-3\" />\n            </NavbarItem>\n            <Menu className=\"min-w-(--trigger-width) sm:min-w-56\" items={categories}>\n              {(item) => (\n                <MenuItem id={item.id} textValue={item.label} href={item.url}>\n                  {item.label}\n                </MenuItem>\n              )}\n            </Menu>\n          </MenuTrigger>\n        </NavbarSection>\n        <NavbarSpacer />\n        <NavbarSection className=\"max-md:hidden\">\n          <Button intent=\"plain\" size=\"sq-sm\" aria-label=\"Search for products\">\n            <MagnifyingGlassIcon />\n          </Button>\n          <Button intent=\"plain\" size=\"sq-sm\" aria-label=\"Your Bag\">\n            <ShoppingBagIcon />\n          </Button>\n          <Separator orientation=\"vertical\" className=\"mr-3 ml-1 h-5\" />\n          <UserMenu />\n        </NavbarSection>\n      </Navbar>\n      <NavbarMobile>\n        <NavbarTrigger />\n        <NavbarSpacer />\n        <Button intent=\"plain\" size=\"sq-sm\" aria-label=\"Search for products\">\n          <MagnifyingGlassIcon />\n        </Button>\n        <Button intent=\"plain\" size=\"sq-sm\" aria-label=\"Your Bag\">\n          <ShoppingBagIcon />\n        </Button>\n        <NavbarSeparator className=\"mr-2.5\" />\n        <UserMenu />\n      </NavbarMobile>\n    </NavbarProvider>\n  )\n}\n",
      "type": "registry:component"
    },
    {
      "path": "registry/blocks/navbar-05/user-menu.tsx",
      "content": "\"use client\"\n\nimport {\n  ArrowRightStartOnRectangleIcon,\n  Cog6ToothIcon,\n  CommandLineIcon,\n  LifebuoyIcon,\n  ShieldCheckIcon,\n  Squares2X2Icon,\n} from \"@heroicons/react/24/outline\"\nimport { Avatar } from \"@/components/ui/avatar\"\nimport {\n  MenuHeader,\n  MenuItem,\n  MenuSection,\n  MenuSeparator,\n  Menu,\n  MenuTrigger,\n} from \"@/components/ui/menu\"\nimport { Button } from \"react-aria-components/Button\"\n\nexport function UserMenu() {\n  return (\n    <MenuTrigger>\n      <Button aria-label=\"Open Menu\">\n        <Avatar\n          alt=\"cobain\"\n          size=\"md\"\n          isSquare\n          src=\"https://intentui.com/images/avatar/cobain.jpg\"\n        />\n      </Button>\n      <Menu placement=\"bottom right\" className=\"min-w-60 sm:min-w-56\">\n        <MenuSection>\n          <MenuHeader separator>\n            <span className=\"block\">Kurt Cobain</span>\n            <span className=\"font-normal text-muted-foreground\">@cobain</span>\n          </MenuHeader>\n        </MenuSection>\n\n        <MenuItem href=\"#dashboard\">\n          <Squares2X2Icon />\n          Dashboard\n        </MenuItem>\n        <MenuItem href=\"#settings\">\n          <Cog6ToothIcon />\n          Settings\n        </MenuItem>\n        <MenuItem href=\"#security\">\n          <ShieldCheckIcon />\n          Security\n        </MenuItem>\n        <MenuSeparator />\n        <MenuItem>\n          <CommandLineIcon />\n          Command Menu\n        </MenuItem>\n\n        <MenuItem href=\"#contact\">\n          <LifebuoyIcon />\n          Customer Support\n        </MenuItem>\n        <MenuSeparator />\n        <MenuItem href=\"#logout\">\n          <ArrowRightStartOnRectangleIcon />\n          Log out\n        </MenuItem>\n      </Menu>\n    </MenuTrigger>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}