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:T3c5c,"use client" import * as React from "react" import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu" import { IconChevronDown } from "@tabler/icons-react" import { cva } from "class-variance-authority" import { cn } from "cn" import { SafeAreaOverlay } from "@/components/ui/safe-area" import { useSlidingHighlight } from "@/lib/motion" type NavigationMenuVariant = "dropdown" | "panel" const NavigationMenuContext = React.createContext("dropdown") type ClassName = string | ((state: State) => string | undefined) | undefined function mergeClassName(base: string, className: ClassName) { return typeof className === "function" ? (state: State) => cn(base, className(state)) : cn(base, className) } type NavigationMenuProps = NavigationMenuPrimitive.Root.Props & Pick< NavigationMenuPrimitive.Positioner.Props, "align" | "sideOffset" | "alignOffset" | "collisionPadding" > & { variant?: NavigationMenuVariant showSafeArea?: boolean } function NavigationMenu({ variant = "dropdown", align, sideOffset, alignOffset, collisionPadding, className, children, value: valueProp, defaultValue, onValueChange, showSafeArea = false, ref, ...props }: NavigationMenuProps) { const rootRef = React.useRef(null) const popupRef = React.useRef(null) const [open, setOpen] = React.useState( defaultValue != null && valueProp === undefined ) const getElements = React.useCallback(() => { const reference = rootRef.current?.querySelector( "[data-slot=navigation-menu-trigger][data-popup-open]" ) const floating = popupRef.current return reference && floating ? { reference, floating } : null }, []) const highlightRef = React.useRef(null) useSlidingHighlight( rootRef, highlightRef, "[data-slot=navigation-menu-trigger][data-popup-open]" ) const setRef = React.useCallback( (node: HTMLElement | null) => { rootRef.current = node if (typeof ref === "function") { return ref(node as never) } if (ref) { ;(ref as React.RefObject).current = node } return undefined }, [ref] ) return ( { onValueChange?.(next, details) if (!details.isCanceled) { setOpen(next != null) } }} className={mergeClassName( cn( "group/navigation-menu relative isolate flex min-w-0 flex-1 items-center", variant === "panel" ? "w-full max-w-none" : "max-w-max justify-center" ), className )} {...props} > ) } function NavigationMenuList({ className, ...props }: NavigationMenuPrimitive.List.Props) { return ( ) } function NavigationMenuItem({ className, ...props }: NavigationMenuPrimitive.Item.Props) { return ( ) } const navigationMenuTriggerStyle = cva( "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center gap-1 rounded-md px-3 text-sm font-medium whitespace-nowrap outline-none select-none focus-visible:ring-3 focus-visible:inset-ring-(length:--hairline) focus-visible:ring-focus-ring focus-visible:inset-ring-ring focus-visible:outline-hidden data-popup-open:text-accent-foreground data-[active]:text-foreground pointer-coarse:h-11 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [@media(hover:hover)]:group-not-has-[[data-popup-open]]/navigation-menu:hover:bg-muted/70" ) function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuPrimitive.Trigger.Props) { return ( {children} ) } const contentSlide = "transition-[opacity,translate,filter] duration-300 ease-out-quint data-ending-style:opacity-0 data-starting-style:opacity-0 motion-safe:data-ending-style:blur-[2px] motion-safe:data-starting-style:blur-[2px] motion-safe:data-starting-style:data-[activation-direction=left]:-translate-x-12 motion-safe:data-starting-style:data-[activation-direction=right]:translate-x-12 motion-safe:data-ending-style:data-[activation-direction=left]:translate-x-12 motion-safe:data-ending-style:data-[activation-direction=right]:-translate-x-12 motion-safe:data-starting-style:data-[activation-direction=up]:-translate-y-6 motion-safe:data-starting-style:data-[activation-direction=down]:translate-y-6 motion-safe:data-ending-style:data-[activation-direction=up]:translate-y-6 motion-safe:data-ending-style:data-[activation-direction=down]:-translate-y-6 motion-reduce:transition-opacity" const linkSelector = "[data-slot=navigation-menu-link]" const arrowKeys = new Set(["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"]) function nearestLink(from: HTMLElement, links: HTMLElement[], key: string) { const origin = from.getBoundingClientRect() const ox = origin.left + origin.width / 2 const oy = origin.top + origin.height / 2 const vertical = key === "ArrowDown" || key === "ArrowUp" let best: HTMLElement | null = null let bestScore = Infinity for (const link of links) { if (link === from) { continue } const rect = link.getBoundingClientRect() const dx = rect.left + rect.width / 2 - ox const dy = rect.top + rect.height / 2 - oy const ahead = key === "ArrowDown" ? dy > 1 : key === "ArrowUp" ? dy < -1 : key === "ArrowRight" ? dx > 1 : dx < -1 if (!ahead) { continue } const score = vertical ? Math.abs(dy) + Math.abs(dx) * 2 : Math.abs(dx) + Math.abs(dy) * 2 if (score < bestScore) { bestScore = score best = link } } return best } function NavigationMenuContent({ className, children, onPointerOver, onPointerLeave, onFocus, onKeyDown, ref, ...props }: NavigationMenuPrimitive.Content.Props) { const variant = React.useContext(NavigationMenuContext) const contentRef = React.useRef(null) const highlightRef = React.useRef(null) const [contentNode, setContentNode] = React.useState( null ) const mountedRef = React.useMemo( () => ({ current: contentNode }), [contentNode] ) useSlidingHighlight( mountedRef, highlightRef, "[data-slot=navigation-menu-link][data-highlighted]", "data-highlighted" ) const setRef = React.useCallback( (node: HTMLDivElement | null) => { contentRef.current = node setContentNode(node) if (typeof ref === "function") { return ref(node) } if (ref) { ref.current = node } return undefined }, [ref] ) const highlight = (link: Element | null) => { const content = contentRef.current if (!content) { return } for (const current of content.querySelectorAll("[data-highlighted]")) { if (current !== link) { current.removeAttribute("data-highlighted") } } link?.setAttribute("data-highlighted", "") } const focused = () => contentRef.current?.querySelector(`${linkSelector}:focus-visible`) ?? null return ( { onPointerOver?.(event) if (event.pointerType !== "touch") { highlight( (event.target as Element).closest(linkSelector) ?? focused() ) } }} onPointerLeave={(event) => { onPointerLeave?.(event) highlight(focused()) }} onFocus={(event) => { onFocus?.(event) const target = event.target as Element if (target.matches(linkSelector) && target.matches(":focus-visible")) { highlight(target) } }} onKeyDown={(event) => { onKeyDown?.(event) const content = contentRef.current const target = event.target as HTMLElement if ( event.defaultPrevented || !content || !arrowKeys.has(event.key) || !target.matches(linkSelector) ) { return } const links = Array.from( content.querySelectorAll(linkSelector) ).filter((link) => link.getClientRects().length > 0) const next = nearestLink(target, links, event.key) if (next) { event.preventDefault() event.preventBaseUIHandler?.() next.focus() highlight(next) } }} {...props} > ) } function NavigationMenuPositioner({ className, side = "bottom", sideOffset = 8, align = "start", alignOffset = 0, collisionPadding = 8, anchor, popupRef, ...props }: NavigationMenuPrimitive.Positioner.Props & { popupRef?: React.Ref }) { const variant = React.useContext(NavigationMenuContext) return ( ) } function NavigationMenuLink({ className, ...props }: NavigationMenuPrimitive.Link.Props) { return ( ) } export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle, } export type { NavigationMenuProps, NavigationMenuVariant } 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","@base-ui/react@^1.8.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%2Freact","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":"@base-ui/react@^1.8.0"}]]}]}],["$","li","@tabler/icons-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tabler%2Ficons-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":"@tabler/icons-react"}]]}]}],["$","li","class-variance-authority",{"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"}]]}]}],["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","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":"cn"}]]}]}]]}],["$","$L52",null,{"namespace":"@hextaui","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/safe-area.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"components/ui/navigation-menu.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]