{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "baseui-navigation-menu",
"description": "A Base UI navigation menu component",
"dependencies": ["@base-ui/react"],
"registryDependencies": ["@craftdotui/utils"],
"files": [
{
"path": "packages/baseui/components/navigation-menu/index.tsx",
"content": "\"use client\";\n\nimport type { CSSProperties } from \"react\";\nimport { cva } from \"class-variance-authority\";\nimport { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cn } from \"@/lib/utils\";\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Root */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuRoot({ ...props }: NavigationMenuPrimitive.Root.Props) {\n\treturn (\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu List */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuList({\n\tclassName,\n\t...props\n}: NavigationMenuPrimitive.List.Props) {\n\treturn (\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Item */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuItem(props: NavigationMenuPrimitive.Item.Props) {\n\treturn (\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Trigger */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuTrigger({\n\tclassName,\n\t...props\n}: NavigationMenuPrimitive.Trigger.Props) {\n\treturn (\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Content */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuContent({\n\tclassName,\n\t...props\n}: NavigationMenuPrimitive.Content.Props) {\n\treturn (\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Link */\n/* -------------------------------------------------------------------------- */\n\nconst navigationMenuLinkStyle = cva([\n\t\"p-2 flex flex-col items-start text-start gap-1 rounded-sm text-sm transition-all outline-none\",\n\t\"hover:bg-accent hover:text-accent-foreground\",\n\t\"data-active:focus:bg-accent data-active:hover:bg-accent data-active:bg-accent/50 data-active:text-accent-foreground\",\n\t\"focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:relative focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-primary\",\n]);\n\nfunction NavigationMenuLink({\n\tclassName,\n\t...props\n}: NavigationMenuPrimitive.Link.Props) {\n\treturn (\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Icon */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuIcon({\n\tclassName,\n\t...props\n}: NavigationMenuPrimitive.Icon.Props) {\n\treturn (\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Portal */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuPortal(props: NavigationMenuPrimitive.Portal.Props) {\n\treturn (\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Backdrop */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuBackdrop({\n\tclassName,\n\t...props\n}: NavigationMenuPrimitive.Backdrop.Props) {\n\treturn (\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Positioner */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuPositioner({\n\tclassName,\n\tsideOffset = 10,\n\tstyle,\n\t...props\n}: NavigationMenuPrimitive.Positioner.Props) {\n\treturn (\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Popup */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuPopup({\n\tclassName,\n\tchildren,\n\t...props\n}: NavigationMenuPrimitive.Popup.Props) {\n\treturn (\n\t\t\n\t\t\t{children}\n\t\t\t\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Arrow */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuArrow({\n\tclassName,\n\t...props\n}: NavigationMenuPrimitive.Arrow.Props) {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Navigation Menu Viewport */\n/* -------------------------------------------------------------------------- */\n\nfunction NavigationMenuViewport({\n\tclassName,\n\t...props\n}: NavigationMenuPrimitive.Viewport.Props) {\n\treturn (\n\t\t\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Exports */\n/* -------------------------------------------------------------------------- */\n\nexport {\n\tNavigationMenuRoot,\n\tNavigationMenuList,\n\tNavigationMenuItem,\n\tNavigationMenuTrigger,\n\tNavigationMenuContent,\n\tNavigationMenuLink,\n\tNavigationMenuIcon,\n\tNavigationMenuPortal,\n\tNavigationMenuBackdrop,\n\tNavigationMenuPositioner,\n\tNavigationMenuPopup,\n\tNavigationMenuArrow,\n\tNavigationMenuViewport,\n\tNavigationMenuPrimitive,\n\tnavigationMenuLinkStyle,\n};\n",
"type": "registry:component",
"target": "components/baseui/components/navigation-menu.tsx"
}
],
"type": "registry:component"
}