52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T26b4,"use client"; import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"; import { cva } from "class-variance-authority"; import { ChevronDownIcon } from "lucide-react"; import { createContext, useContext, type ComponentProps } from "react"; import { cn } from "@/registry/default/lib/utils"; /** Whether the panels render in the shared viewport or under their own trigger. */ const NavigationMenuViewportContext = createContext(true); interface NavigationMenuProps extends ComponentProps { /** * Renders every panel in one shared viewport under the list, which resizes * and slides between panels. With `false` each panel opens under its own * trigger instead. */ viewport?: boolean; } /** * Site navigation with links and triggers that open panels of more links. * It renders a `

` landmark named "Main" by default; pass `aria-label` * to name it differently, for example when it sits inside another `

` * such as `SiteHeaderNav`. Tab and the arrow keys move between the top-level * items; Enter or Space opens a panel, ArrowDown moves into it, and Escape * closes it and returns focus to its trigger. Panels also open on hover, * after `delayDuration` (200ms). Mark the link to the current page with * `active`, which screen readers announce as "current page". With reduced * motion panels appear without sliding or zooming. * * @example * * * * Products * * Analytics * Billing * * * * * Docs * * * * */ function NavigationMenu({ className, children, viewport = true, ...props }: NavigationMenuProps) { return ( {children} {viewport ? : null} ); } /** The row of top-level items. */ function NavigationMenuList({ className, ...props }: ComponentProps) { return ( ); } /** One top-level entry: a link, or a trigger with its panel. */ function NavigationMenuItem({ className, ...props }: ComponentProps) { return ( ); } /** Trigger styles, for top-level links that should look like the triggers next to them. */ const navigationMenuTriggerStyle = cva([ "group bg-background inline-flex h-9 w-max cursor-pointer items-center justify-center gap-1 rounded-md px-4 py-2 text-sm font-medium", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", "data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent", "data-[active]:bg-accent/50 data-[active]:text-accent-foreground", "transition-[color,background-color,box-shadow] outline-none motion-reduce:transition-none", "focus-visible:ring-ring/50 focus-visible:ring-[3px]", "disabled:pointer-events-none disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", ]); /** * Opens and closes the item's panel. It is a button announced as expanded or * collapsed; the chevron turns over while the panel is open. */ function NavigationMenuTrigger({ className, children, ...props }: ComponentProps) { return ( {children} ); } /** * The panel of a trigger. In the shared viewport it slides in from the side * of the trigger you came from (`data-motion`); without a viewport it fades * and zooms in under its own trigger. */ function NavigationMenuContent({ className, ...props }: ComponentProps) { const viewport = useContext(NavigationMenuViewportContext); return ( ); } /** * A link in the menu. `active` marks the current page: Radix sets * `aria-current="page"` and `data-active`. Selecting a link closes the open * panel. Use `asChild` to render your router's link component. */ function NavigationMenuLink({ className, ...props }: ComponentProps) { return ( ); } /** A small arrow under the list that follows the open trigger. Put it right after NavigationMenuList. */ function NavigationMenuIndicator({ className, ...props }: ComponentProps) { return (

); } /** * The shared surface the panels render in. NavigationMenu adds it for you * unless `viewport={false}`; it takes the size of the open panel from * `--radix-navigation-menu-viewport-width` / `-height`. */ function NavigationMenuViewport({ className, ...props }: ComponentProps) { return (

); } export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle, type NavigationMenuProps, }; 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@radix-ui/react-navigation-menu@^1.2.22",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-navigation-menu","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-navigation-menu@^1.2.22"}]]}]}],["$","li","class-variance-authority@^0.7.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"class-variance-authority@^0.7.1"}]]}]}],["$","li","lucide-react@^1.48.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react@^1.48.0"}]]}]}]]}],["$","$L52",null,{"namespace":"@corsair-ui","registryDependencies":["@corsair-ui/utils"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/default/ui/navigation-menu.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]