@karakuri-ui/react 0.3.5 → 0.3.7

package/dist/components/ui/navigation-menu.js

@@ -216,9 +216,11 @@ const NavigationMenuItem = React.forwardRef(
   ({ className, value, defaultOpen = false, children, ...props }, ref) => {
     const { orientation, collapsed } = useNavigationMenuContext();
     const [open, setOpen] = React.useState(defaultOpen);
-    React.useEffect(() => {
+    const [prevCollapsed, setPrevCollapsed] = React.useState(collapsed);
+    if (collapsed !== prevCollapsed) {
+      setPrevCollapsed(collapsed);
       if (collapsed) setOpen(false);
-    }, [collapsed]);
+    }
     if (orientation === "horizontal") {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         NavigationMenuPrimitive.Item,
@@ -468,13 +470,32 @@ const NavigationMenuGroup = React.forwardRef(
   ({ className, label, children, ...props }, ref) => {
     const { size, collapsed } = useNavigationMenuContext();
     const s = navigationMenuSizeMap[size];
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, role: "group", className: (0, import_utils.cn)(label && !collapsed && s.groupMargin, className), ...props, children: [
-      label && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.cn)(
-        "font-semibold text-text-subtle uppercase tracking-wider select-none",
-        s.groupLabel
-      ), children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex flex-col gap-0.5", children })
-    ] });
+    const labelId = React.useId();
+    const showLabel = Boolean(label) && !collapsed;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: (0, import_utils.cn)(showLabel && s.groupMargin), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-labelledby": showLabel && !props["aria-label"] ? labelId : void 0,
+        className,
+        ...props,
+        children: [
+          showLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              id: labelId,
+              className: (0, import_utils.cn)(
+                "font-semibold text-text-subtle uppercase tracking-wider select-none",
+                s.groupLabel
+              ),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex flex-col gap-0.5", children })
+        ]
+      }
+    ) });
   }
 );
 NavigationMenuGroup.displayName = "NavigationMenuGroup";

package/dist/components/ui/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in Icons ───────────────────────────────────────\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  )\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n    </svg>\n  )\n}\n\n// ─── Radius Configuration ─────────────────────────────────\n\ntype NavigationMenuRadius = 'sm' | 'md' | 'lg' | 'xl'\n\nconst contentRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded',        // 4px\n  md: 'rounded-md',     // 6px\n  lg: 'rounded-lg',     // 8px\n  xl: 'rounded-xl',     // 12px\n}\n\nconst itemRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded-sm',     // 2px\n  md: 'rounded',        // 4px\n  lg: 'rounded-md',     // 6px\n  xl: 'rounded-lg',     // 8px\n}\n\n// ─── Contexts ─────────────────────────────────────────────\n\ntype NavigationMenuContextValue = {\n  orientation: 'horizontal' | 'vertical'\n  size: 'sm' | 'md' | 'default' | 'lg'\n  collapsed: boolean\n  radius: NavigationMenuRadius\n  fontWeight: 'normal' | 'semibold'\n}\n\nconst NavigationMenuContext = React.createContext<NavigationMenuContextValue>({\n  orientation: 'horizontal',\n  size: 'default',\n  collapsed: false,\n  radius: 'lg',\n  fontWeight: 'normal',\n})\nconst useNavigationMenuContext = () => React.useContext(NavigationMenuContext)\n\n// Whether we're inside NavigationMenuContent (affects link styling)\nconst ContentLevelContext = React.createContext(false)\n\n// ─── Size Configuration ───────────────────────────────────\n\nconst navigationMenuSizeMap = {\n  sm: {\n    trigger: 'h-8 text-sm px-3 gap-2',\n    link: 'h-8 text-sm px-3 gap-2',\n    icon: 'icon-xs',\n    collapsedSquare: 'size-8', collapsedWidth: 56,\n    dropdownLink: 'px-3 py-1.5 text-sm gap-2',\n    subLink: 'h-8 text-sm pl-8 pr-3 gap-2',\n    groupLabel: 'text-2xs px-3 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  md: {\n    trigger: 'h-9 text-md px-3.5 gap-2',\n    link: 'h-9 text-md px-3.5 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-9', collapsedWidth: 60,\n    dropdownLink: 'px-3 py-1.5 text-md gap-2',\n    subLink: 'h-9 text-md pl-9 pr-3.5 gap-2',\n    groupLabel: 'text-xs px-3.5 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  default: {\n    trigger: 'h-10 text-md px-4 gap-2',\n    link: 'h-10 text-md px-4 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-10', collapsedWidth: 64,\n    dropdownLink: 'px-3 py-2 text-md gap-2',\n    subLink: 'h-10 text-md pl-10 pr-4 gap-2',\n    groupLabel: 'text-xs px-4 mb-1.5', groupMargin: 'mt-5 first:mt-0',\n  },\n  lg: {\n    trigger: 'h-12 text-base px-6 gap-2',\n    link: 'h-12 text-base px-6 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-12', collapsedWidth: 72,\n    dropdownLink: 'px-3 py-2.5 text-base gap-2',\n    subLink: 'h-12 text-base pl-12 pr-6 gap-2',\n    groupLabel: 'text-xs px-4 mb-2', groupMargin: 'mt-6 first:mt-0',\n  },\n} as const\n\n// ─── NavigationMenu (Root) ────────────────────────────────\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  /** Layout orientation */\n  orientation?: 'horizontal' | 'vertical'\n  /** Size of the menu items */\n  size?: 'sm' | 'md' | 'default' | 'lg'\n  /** Vertical only: show icons only (collapsed sidebar) */\n  collapsed?: boolean\n  /** Vertical only: sidebar width (default: 256px / 16rem) */\n  width?: number | string\n  /** Vertical only: collapsed sidebar width (default: 64px / 4rem) */\n  collapsedWidth?: number | string\n  /** Border radius for dropdown content and items */\n  radius?: NavigationMenuRadius\n  /** Font weight for menu items (default: normal, active items always use semibold) */\n  fontWeight?: 'normal' | 'semibold'\n  /** Horizontal only: delay before hover opens in ms */\n  delayDuration?: number\n  /** Horizontal only: skip delay when moving between triggers */\n  skipDelayDuration?: number\n  /** Controlled active menu item value */\n  value?: string\n  /** Default active menu item value (uncontrolled) */\n  defaultValue?: string\n  /** Callback when active item changes */\n  onValueChange?: (value: string) => void\n}\n\nconst NavigationMenu = React.forwardRef<HTMLElement, NavigationMenuProps>(\n  ({\n    className,\n    orientation = 'horizontal',\n    size = 'default',\n    collapsed = false,\n    width,\n    collapsedWidth,\n    radius = 'lg',\n    fontWeight = 'normal',\n    delayDuration = 200,\n    skipDelayDuration = 300,\n    value,\n    defaultValue,\n    onValueChange,\n    children,\n    style,\n    ...props\n  }, ref) => {\n    const contextValue = React.useMemo(\n      () => ({ orientation, size, collapsed: orientation === 'vertical' ? collapsed : false, radius, fontWeight }),\n      [orientation, size, collapsed, radius, fontWeight]\n    )\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuContext.Provider value={contextValue}>\n          <NavigationMenuPrimitive.Root\n            ref={ref as React.Ref<HTMLDivElement>}\n            className={cn('relative', className)}\n            delayDuration={delayDuration}\n            skipDelayDuration={skipDelayDuration}\n            value={value}\n            defaultValue={defaultValue ?? ''}\n            onValueChange={onValueChange}\n          >\n            {children}\n          </NavigationMenuPrimitive.Root>\n        </NavigationMenuContext.Provider>\n      )\n    }\n\n    // Vertical mode\n    const resolvedWidth = collapsed\n      ? (collapsedWidth ?? navigationMenuSizeMap[size].collapsedWidth)\n      : (width ?? 256)\n    const widthValue = typeof resolvedWidth === 'number' ? `${resolvedWidth}px` : resolvedWidth\n\n    return (\n      <NavigationMenuContext.Provider value={contextValue}>\n        <nav\n          ref={ref}\n          aria-label=\"navigation\"\n          className={cn(\n            'flex flex-col',\n            'transition-[width] duration-normal ease-out',\n            className\n          )}\n          style={{ width: widthValue, ...style }}\n          {...props}\n        >\n          {children}\n        </nav>\n      </NavigationMenuContext.Provider>\n    )\n  }\n)\nNavigationMenu.displayName = 'NavigationMenu'\n\n// ─── NavigationMenuList ───────────────────────────────────\n\nexport interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst NavigationMenuList = React.forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.List\n          ref={ref}\n          className={cn('flex items-center gap-1', className)}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.List>\n      )\n    }\n\n    return (\n      <ul\n        ref={ref}\n        className={cn('flex flex-col gap-0.5', className)}\n        {...props}\n      >\n        {children}\n      </ul>\n    )\n  }\n)\nNavigationMenuList.displayName = 'NavigationMenuList'\n\n// ─── NavigationMenuItem ───────────────────────────────────\n\nexport interface NavigationMenuItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  /** Value identifier for Radix (horizontal mode) */\n  value?: string\n  /** Vertical only: default open state for sub-menu */\n  defaultOpen?: boolean\n}\n\nconst NavigationMenuItem = React.forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  ({ className, value, defaultOpen = false, children, ...props }, ref) => {\n    const { orientation, collapsed } = useNavigationMenuContext()\n    const [open, setOpen] = React.useState(defaultOpen)\n\n    // Auto-close sub-menus when collapsed\n    React.useEffect(() => {\n      if (collapsed) setOpen(false)\n    }, [collapsed])\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Item\n          ref={ref}\n          className={cn('relative', className)}\n          value={value}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.Item>\n      )\n    }\n\n    // Vertical: wrap in Collapsible.Root for sub-menu support\n    return (\n      <CollapsiblePrimitive.Root\n        open={collapsed ? false : open}\n        onOpenChange={collapsed ? undefined : setOpen}\n        asChild\n      >\n        <li ref={ref} className={cn('', className)} {...props}>\n          {children}\n        </li>\n      </CollapsiblePrimitive.Root>\n    )\n  }\n)\nNavigationMenuItem.displayName = 'NavigationMenuItem'\n\n// ─── NavigationMenuTrigger ────────────────────────────────\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n  /** Custom chevron icon (default: built-in ChevronDown for horizontal, ChevronRight for vertical) */\n  chevronIcon?: React.ReactNode\n}\n\nconst NavigationMenuTrigger = React.forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  ({ className, children, icon, chevronIcon, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Trigger\n          ref={ref}\n          className={cn(\n            'group inline-flex items-center justify-center',\n            s.trigger,\n            'gap-0',\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            'data-[state=open]:text-foreground',\n            'focus-visible:focus-ring',\n            'disabled:pointer-events-none disabled:opacity-50',\n            className\n          )}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0 mr-2', s.icon)}>{icon}</span>}\n          {children}\n          <span className={cn('shrink-0 ml-1 text-text-subtle transition-transform duration-fast group-data-[state=open]:rotate-180', s.icon)}>\n            {chevronIcon ?? <ChevronDownIcon className=\"size-full\" />}\n          </span>\n        </NavigationMenuPrimitive.Trigger>\n      )\n    }\n\n    // Vertical: Collapsible trigger\n    return (\n      <CollapsiblePrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.trigger],\n          fwClass, 'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          !collapsed && 'data-[state=open]:text-foreground',\n          'focus-visible:focus-ring',\n          'disabled:pointer-events-none disabled:opacity-50',\n          className\n        )}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && (\n          <>\n            <span className=\"flex-1 text-left truncate\">{children}</span>\n            <span\n              className={cn(\n                'shrink-0 text-text-subtle transition-transform duration-normal',\n                s.icon,\n                'group-data-[state=open]:rotate-90'\n              )}\n            >\n              {chevronIcon ?? <ChevronRightIcon className=\"size-full\" />}\n            </span>\n          </>\n        )}\n      </CollapsiblePrimitive.Trigger>\n    )\n  }\n)\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger'\n\n// ─── NavigationMenuContent ────────────────────────────────\n\nexport interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuContent = React.forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    if (orientation === 'horizontal') {\n      return (\n        <ContentLevelContext.Provider value={true}>\n          <NavigationMenuPrimitive.Content\n            ref={ref}\n            className={cn(\n              'absolute left-0 top-full z-dropdown pt-1',\n              'data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out',\n              className\n            )}\n            {...props}\n          >\n            <div className={cn('min-w-[180px] border border-border bg-background shadow-lg p-1.5 grid gap-0.5', contentRadiusMap[radius])}>\n              {children}\n            </div>\n          </NavigationMenuPrimitive.Content>\n        </ContentLevelContext.Provider>\n      )\n    }\n\n    // Vertical: Collapsible content (hidden when collapsed)\n    if (collapsed) return null\n\n    return (\n      <ContentLevelContext.Provider value={true}>\n        <CollapsiblePrimitive.Content\n          ref={ref}\n          className={cn(\n            'overflow-hidden',\n            'data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up',\n          )}\n          {...props}\n        >\n          <div className={cn(\n            'flex flex-col gap-0.5 py-1',\n            className\n          )}>\n            {children}\n          </div>\n        </CollapsiblePrimitive.Content>\n      </ContentLevelContext.Provider>\n    )\n  }\n)\nNavigationMenuContent.displayName = 'NavigationMenuContent'\n\n// ─── NavigationMenuLink ───────────────────────────────────\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Whether the link represents the current page */\n  active?: boolean\n  /** Compose with custom link component (Radix Slot) */\n  asChild?: boolean\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n}\n\nconst NavigationMenuLink = React.forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  ({ className, active, asChild, icon, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n    const inContent = React.useContext(ContentLevelContext)\n\n    if (orientation === 'horizontal') {\n      // Exclude onSelect to avoid React vs Radix type conflict\n      const { onSelect, ...radixSafeProps } = props as any\n\n      // Content-level links (inside dropdown): block style with hover bg\n      if (inContent) {\n        return (\n          <NavigationMenuPrimitive.Link\n            ref={ref}\n            className={cn(\n              'flex items-center w-full',\n              s.dropdownLink,\n              itemRadiusMap[radius],\n              'text-text-muted transition-colors duration-fast',\n              'hover:text-foreground hover:bg-background-muted',\n              active && 'text-foreground bg-background-muted font-semibold',\n              'focus-visible:focus-ring',\n              className\n            )}\n            active={active}\n            asChild={asChild}\n            onSelect={onSelect}\n            {...radixSafeProps}\n          >\n            {asChild ? children : (\n              <>\n                {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n                {children}\n              </>\n            )}\n          </NavigationMenuPrimitive.Link>\n        )\n      }\n\n      // Top-level horizontal links: text only, no hover bg\n      return (\n        <NavigationMenuPrimitive.Link\n          ref={ref}\n          className={cn(\n            'inline-flex items-center justify-center',\n            s.link,\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            active && 'text-foreground font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          active={active}\n          asChild={asChild}\n          onSelect={onSelect}\n          {...radixSafeProps}\n        >\n          {asChild ? children : (\n            <>\n              {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n              {children}\n            </>\n          )}\n        </NavigationMenuPrimitive.Link>\n      )\n    }\n\n    // ── Vertical mode ──\n\n    const Comp = asChild ? Slot : 'a'\n\n    // Content-level links (sub-menu items): compact, indented\n    if (inContent) {\n      return (\n        <Comp\n          ref={ref}\n          className={cn(\n            'flex items-center w-full cursor-pointer',\n            contentRadiusMap[radius],\n            s.subLink,\n            'text-text-muted transition-colors duration-fast',\n            'hover:text-foreground hover:bg-background-muted',\n            active && 'text-foreground bg-background-muted font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          {...(active ? { 'aria-current': 'page' as const } : {})}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n          {!collapsed && children}\n        </Comp>\n      )\n    }\n\n    // Top-level vertical links\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          'relative flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.link],\n          'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          active && 'text-foreground bg-background-muted font-semibold',\n          'focus-visible:focus-ring',\n          className\n        )}\n        {...(active ? { 'aria-current': 'page' as const } : {})}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && <span className=\"truncate\">{children}</span>}\n      </Comp>\n    )\n  }\n)\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n\n// ─── NavigationMenuGroup (vertical only) ──────────────────\n\nexport interface NavigationMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Group header label */\n  label?: string\n}\n\nconst NavigationMenuGroup = React.forwardRef<HTMLDivElement, NavigationMenuGroupProps>(\n  ({ className, label, children, ...props }, ref) => {\n    const { size, collapsed } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    return (\n      <div ref={ref} role=\"group\" className={cn(label && !collapsed && s.groupMargin, className)} {...props}>\n        {label && !collapsed && (\n          <div className={cn(\n            'font-semibold text-text-subtle uppercase tracking-wider select-none',\n            s.groupLabel,\n          )}>\n            {label}\n          </div>\n        )}\n        <ul className=\"flex flex-col gap-0.5\">\n          {children}\n        </ul>\n      </div>\n    )\n  }\n)\nNavigationMenuGroup.displayName = 'NavigationMenuGroup'\n\n// ─── NavigationMenuIndicator ──────────────────────────────\n\nexport interface NavigationMenuIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Active indicator dot color (default: dark/foreground, primary: brand color) */\n  color?: 'default' | 'primary'\n}\n\nconst NavigationMenuIndicator = React.forwardRef<HTMLDivElement, NavigationMenuIndicatorProps>(\n  ({ className, color = 'default', ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical: active indicator is built into NavigationMenuLink styling\n    if (orientation === 'vertical') return null\n\n    return (\n      <NavigationMenuPrimitive.Indicator\n        ref={ref}\n        className={cn(\n          'z-10 flex h-[3px] items-end justify-center overflow-hidden',\n          'transition-[width,transform] duration-normal ease-out',\n          'data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out',\n          className\n        )}\n        {...props}\n      >\n        <div className={cn(\n          'relative h-full w-full rounded-full',\n          color === 'default' ? 'bg-foreground' : 'bg-primary'\n        )} />\n      </NavigationMenuPrimitive.Indicator>\n    )\n  }\n)\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator'\n\n// ─── NavigationMenuViewport ───────────────────────────────\n\nexport interface NavigationMenuViewportProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuViewport = React.forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  ({ className, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical mode does not use a viewport\n    if (orientation === 'vertical') return null\n\n    return (\n      <div className=\"absolute left-0 top-full z-dropdown w-auto pt-1\">\n        <NavigationMenuPrimitive.Viewport\n          ref={ref}\n          className={cn(\n            'relative overflow-hidden',\n            'border border-border bg-background rounded-xl shadow-lg',\n            'h-[var(--radix-navigation-menu-viewport-height)]',\n            'w-[var(--radix-navigation-menu-viewport-width)]',\n            'transition-[width,height] duration-fast ease-out',\n            'data-[state=open]:animate-nav-viewport-enter',\n            'data-[state=closed]:animate-nav-viewport-exit',\n            className\n          )}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nNavigationMenuViewport.displayName = 'NavigationMenuViewport'\n\n// ─── Exports ──────────────────────────────────────────────\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuGroup,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuSizeMap,\n  type NavigationMenuRadius,\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in Icons ───────────────────────────────────────\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  )\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n    </svg>\n  )\n}\n\n// ─── Radius Configuration ─────────────────────────────────\n\ntype NavigationMenuRadius = 'sm' | 'md' | 'lg' | 'xl'\n\nconst contentRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded',        // 4px\n  md: 'rounded-md',     // 6px\n  lg: 'rounded-lg',     // 8px\n  xl: 'rounded-xl',     // 12px\n}\n\nconst itemRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded-sm',     // 2px\n  md: 'rounded',        // 4px\n  lg: 'rounded-md',     // 6px\n  xl: 'rounded-lg',     // 8px\n}\n\n// ─── Contexts ─────────────────────────────────────────────\n\ntype NavigationMenuContextValue = {\n  orientation: 'horizontal' | 'vertical'\n  size: 'sm' | 'md' | 'default' | 'lg'\n  collapsed: boolean\n  radius: NavigationMenuRadius\n  fontWeight: 'normal' | 'semibold'\n}\n\nconst NavigationMenuContext = React.createContext<NavigationMenuContextValue>({\n  orientation: 'horizontal',\n  size: 'default',\n  collapsed: false,\n  radius: 'lg',\n  fontWeight: 'normal',\n})\nconst useNavigationMenuContext = () => React.useContext(NavigationMenuContext)\n\n// Whether we're inside NavigationMenuContent (affects link styling)\nconst ContentLevelContext = React.createContext(false)\n\n// ─── Size Configuration ───────────────────────────────────\n\nconst navigationMenuSizeMap = {\n  sm: {\n    trigger: 'h-8 text-sm px-3 gap-2',\n    link: 'h-8 text-sm px-3 gap-2',\n    icon: 'icon-xs',\n    collapsedSquare: 'size-8', collapsedWidth: 56,\n    dropdownLink: 'px-3 py-1.5 text-sm gap-2',\n    subLink: 'h-8 text-sm pl-8 pr-3 gap-2',\n    groupLabel: 'text-2xs px-3 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  md: {\n    trigger: 'h-9 text-md px-3.5 gap-2',\n    link: 'h-9 text-md px-3.5 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-9', collapsedWidth: 60,\n    dropdownLink: 'px-3 py-1.5 text-md gap-2',\n    subLink: 'h-9 text-md pl-9 pr-3.5 gap-2',\n    groupLabel: 'text-xs px-3.5 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  default: {\n    trigger: 'h-10 text-md px-4 gap-2',\n    link: 'h-10 text-md px-4 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-10', collapsedWidth: 64,\n    dropdownLink: 'px-3 py-2 text-md gap-2',\n    subLink: 'h-10 text-md pl-10 pr-4 gap-2',\n    groupLabel: 'text-xs px-4 mb-1.5', groupMargin: 'mt-5 first:mt-0',\n  },\n  lg: {\n    trigger: 'h-12 text-base px-6 gap-2',\n    link: 'h-12 text-base px-6 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-12', collapsedWidth: 72,\n    dropdownLink: 'px-3 py-2.5 text-base gap-2',\n    subLink: 'h-12 text-base pl-12 pr-6 gap-2',\n    groupLabel: 'text-xs px-4 mb-2', groupMargin: 'mt-6 first:mt-0',\n  },\n} as const\n\n// ─── NavigationMenu (Root) ────────────────────────────────\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  /** Layout orientation */\n  orientation?: 'horizontal' | 'vertical'\n  /** Size of the menu items */\n  size?: 'sm' | 'md' | 'default' | 'lg'\n  /** Vertical only: show icons only (collapsed sidebar) */\n  collapsed?: boolean\n  /** Vertical only: sidebar width (default: 256px / 16rem) */\n  width?: number | string\n  /** Vertical only: collapsed sidebar width (default: 64px / 4rem) */\n  collapsedWidth?: number | string\n  /** Border radius for dropdown content and items */\n  radius?: NavigationMenuRadius\n  /** Font weight for menu items (default: normal, active items always use semibold) */\n  fontWeight?: 'normal' | 'semibold'\n  /** Horizontal only: delay before hover opens in ms */\n  delayDuration?: number\n  /** Horizontal only: skip delay when moving between triggers */\n  skipDelayDuration?: number\n  /** Controlled active menu item value */\n  value?: string\n  /** Default active menu item value (uncontrolled) */\n  defaultValue?: string\n  /** Callback when active item changes */\n  onValueChange?: (value: string) => void\n}\n\nconst NavigationMenu = React.forwardRef<HTMLElement, NavigationMenuProps>(\n  ({\n    className,\n    orientation = 'horizontal',\n    size = 'default',\n    collapsed = false,\n    width,\n    collapsedWidth,\n    radius = 'lg',\n    fontWeight = 'normal',\n    delayDuration = 200,\n    skipDelayDuration = 300,\n    value,\n    defaultValue,\n    onValueChange,\n    children,\n    style,\n    ...props\n  }, ref) => {\n    const contextValue = React.useMemo(\n      () => ({ orientation, size, collapsed: orientation === 'vertical' ? collapsed : false, radius, fontWeight }),\n      [orientation, size, collapsed, radius, fontWeight]\n    )\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuContext.Provider value={contextValue}>\n          <NavigationMenuPrimitive.Root\n            ref={ref as React.Ref<HTMLDivElement>}\n            className={cn('relative', className)}\n            delayDuration={delayDuration}\n            skipDelayDuration={skipDelayDuration}\n            value={value}\n            defaultValue={defaultValue ?? ''}\n            onValueChange={onValueChange}\n          >\n            {children}\n          </NavigationMenuPrimitive.Root>\n        </NavigationMenuContext.Provider>\n      )\n    }\n\n    // Vertical mode\n    const resolvedWidth = collapsed\n      ? (collapsedWidth ?? navigationMenuSizeMap[size].collapsedWidth)\n      : (width ?? 256)\n    const widthValue = typeof resolvedWidth === 'number' ? `${resolvedWidth}px` : resolvedWidth\n\n    return (\n      <NavigationMenuContext.Provider value={contextValue}>\n        <nav\n          ref={ref}\n          aria-label=\"navigation\"\n          className={cn(\n            'flex flex-col',\n            'transition-[width] duration-normal ease-out',\n            className\n          )}\n          style={{ width: widthValue, ...style }}\n          {...props}\n        >\n          {children}\n        </nav>\n      </NavigationMenuContext.Provider>\n    )\n  }\n)\nNavigationMenu.displayName = 'NavigationMenu'\n\n// ─── NavigationMenuList ───────────────────────────────────\n\nexport interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst NavigationMenuList = React.forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.List\n          ref={ref}\n          className={cn('flex items-center gap-1', className)}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.List>\n      )\n    }\n\n    return (\n      <ul\n        ref={ref}\n        className={cn('flex flex-col gap-0.5', className)}\n        {...props}\n      >\n        {children}\n      </ul>\n    )\n  }\n)\nNavigationMenuList.displayName = 'NavigationMenuList'\n\n// ─── NavigationMenuItem ───────────────────────────────────\n\nexport interface NavigationMenuItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  /** Value identifier for Radix (horizontal mode) */\n  value?: string\n  /** Vertical only: default open state for sub-menu */\n  defaultOpen?: boolean\n}\n\nconst NavigationMenuItem = React.forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  ({ className, value, defaultOpen = false, children, ...props }, ref) => {\n    const { orientation, collapsed } = useNavigationMenuContext()\n    const [open, setOpen] = React.useState(defaultOpen)\n\n    // Auto-close sub-menus when collapsed. Adjusted during render (React's pattern for\n    // state that follows a prop) instead of in an effect, which re-rendered once more.\n    const [prevCollapsed, setPrevCollapsed] = React.useState(collapsed)\n    if (collapsed !== prevCollapsed) {\n      setPrevCollapsed(collapsed)\n      if (collapsed) setOpen(false)\n    }\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Item\n          ref={ref}\n          className={cn('relative', className)}\n          value={value}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.Item>\n      )\n    }\n\n    // Vertical: wrap in Collapsible.Root for sub-menu support\n    return (\n      <CollapsiblePrimitive.Root\n        open={collapsed ? false : open}\n        onOpenChange={collapsed ? undefined : setOpen}\n        asChild\n      >\n        <li ref={ref} className={cn('', className)} {...props}>\n          {children}\n        </li>\n      </CollapsiblePrimitive.Root>\n    )\n  }\n)\nNavigationMenuItem.displayName = 'NavigationMenuItem'\n\n// ─── NavigationMenuTrigger ────────────────────────────────\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n  /** Custom chevron icon (default: built-in ChevronDown for horizontal, ChevronRight for vertical) */\n  chevronIcon?: React.ReactNode\n}\n\nconst NavigationMenuTrigger = React.forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  ({ className, children, icon, chevronIcon, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Trigger\n          ref={ref}\n          className={cn(\n            'group inline-flex items-center justify-center',\n            s.trigger,\n            'gap-0',\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            'data-[state=open]:text-foreground',\n            'focus-visible:focus-ring',\n            'disabled:pointer-events-none disabled:opacity-50',\n            className\n          )}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0 mr-2', s.icon)}>{icon}</span>}\n          {children}\n          <span className={cn('shrink-0 ml-1 text-text-subtle transition-transform duration-fast group-data-[state=open]:rotate-180', s.icon)}>\n            {chevronIcon ?? <ChevronDownIcon className=\"size-full\" />}\n          </span>\n        </NavigationMenuPrimitive.Trigger>\n      )\n    }\n\n    // Vertical: Collapsible trigger\n    return (\n      <CollapsiblePrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.trigger],\n          fwClass, 'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          !collapsed && 'data-[state=open]:text-foreground',\n          'focus-visible:focus-ring',\n          'disabled:pointer-events-none disabled:opacity-50',\n          className\n        )}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && (\n          <>\n            <span className=\"flex-1 text-left truncate\">{children}</span>\n            <span\n              className={cn(\n                'shrink-0 text-text-subtle transition-transform duration-normal',\n                s.icon,\n                'group-data-[state=open]:rotate-90'\n              )}\n            >\n              {chevronIcon ?? <ChevronRightIcon className=\"size-full\" />}\n            </span>\n          </>\n        )}\n      </CollapsiblePrimitive.Trigger>\n    )\n  }\n)\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger'\n\n// ─── NavigationMenuContent ────────────────────────────────\n\nexport interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuContent = React.forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    if (orientation === 'horizontal') {\n      return (\n        <ContentLevelContext.Provider value={true}>\n          <NavigationMenuPrimitive.Content\n            ref={ref}\n            className={cn(\n              'absolute left-0 top-full z-dropdown pt-1',\n              'data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out',\n              className\n            )}\n            {...props}\n          >\n            <div className={cn('min-w-[180px] border border-border bg-background shadow-lg p-1.5 grid gap-0.5', contentRadiusMap[radius])}>\n              {children}\n            </div>\n          </NavigationMenuPrimitive.Content>\n        </ContentLevelContext.Provider>\n      )\n    }\n\n    // Vertical: Collapsible content (hidden when collapsed)\n    if (collapsed) return null\n\n    return (\n      <ContentLevelContext.Provider value={true}>\n        <CollapsiblePrimitive.Content\n          ref={ref}\n          className={cn(\n            'overflow-hidden',\n            'data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up',\n          )}\n          {...props}\n        >\n          <div className={cn(\n            'flex flex-col gap-0.5 py-1',\n            className\n          )}>\n            {children}\n          </div>\n        </CollapsiblePrimitive.Content>\n      </ContentLevelContext.Provider>\n    )\n  }\n)\nNavigationMenuContent.displayName = 'NavigationMenuContent'\n\n// ─── NavigationMenuLink ───────────────────────────────────\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Whether the link represents the current page */\n  active?: boolean\n  /** Compose with custom link component (Radix Slot) */\n  asChild?: boolean\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n}\n\nconst NavigationMenuLink = React.forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  ({ className, active, asChild, icon, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n    const inContent = React.useContext(ContentLevelContext)\n\n    if (orientation === 'horizontal') {\n      // Exclude onSelect to avoid React vs Radix type conflict\n      const { onSelect, ...radixSafeProps } = props as any\n\n      // Content-level links (inside dropdown): block style with hover bg\n      if (inContent) {\n        return (\n          <NavigationMenuPrimitive.Link\n            ref={ref}\n            className={cn(\n              'flex items-center w-full',\n              s.dropdownLink,\n              itemRadiusMap[radius],\n              'text-text-muted transition-colors duration-fast',\n              'hover:text-foreground hover:bg-background-muted',\n              active && 'text-foreground bg-background-muted font-semibold',\n              'focus-visible:focus-ring',\n              className\n            )}\n            active={active}\n            asChild={asChild}\n            onSelect={onSelect}\n            {...radixSafeProps}\n          >\n            {asChild ? children : (\n              <>\n                {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n                {children}\n              </>\n            )}\n          </NavigationMenuPrimitive.Link>\n        )\n      }\n\n      // Top-level horizontal links: text only, no hover bg\n      return (\n        <NavigationMenuPrimitive.Link\n          ref={ref}\n          className={cn(\n            'inline-flex items-center justify-center',\n            s.link,\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            active && 'text-foreground font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          active={active}\n          asChild={asChild}\n          onSelect={onSelect}\n          {...radixSafeProps}\n        >\n          {asChild ? children : (\n            <>\n              {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n              {children}\n            </>\n          )}\n        </NavigationMenuPrimitive.Link>\n      )\n    }\n\n    // ── Vertical mode ──\n\n    const Comp = asChild ? Slot : 'a'\n\n    // Content-level links (sub-menu items): compact, indented\n    if (inContent) {\n      return (\n        <Comp\n          ref={ref}\n          className={cn(\n            'flex items-center w-full cursor-pointer',\n            contentRadiusMap[radius],\n            s.subLink,\n            'text-text-muted transition-colors duration-fast',\n            'hover:text-foreground hover:bg-background-muted',\n            active && 'text-foreground bg-background-muted font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          {...(active ? { 'aria-current': 'page' as const } : {})}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n          {!collapsed && children}\n        </Comp>\n      )\n    }\n\n    // Top-level vertical links\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          'relative flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.link],\n          'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          active && 'text-foreground bg-background-muted font-semibold',\n          'focus-visible:focus-ring',\n          className\n        )}\n        {...(active ? { 'aria-current': 'page' as const } : {})}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && <span className=\"truncate\">{children}</span>}\n      </Comp>\n    )\n  }\n)\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n\n// ─── NavigationMenuGroup (vertical only) ──────────────────\n\nexport interface NavigationMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Group header label */\n  label?: string\n}\n\nconst NavigationMenuGroup = React.forwardRef<HTMLDivElement, NavigationMenuGroupProps>(\n  ({ className, label, children, ...props }, ref) => {\n    const { size, collapsed } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    const labelId = React.useId()\n    const showLabel = Boolean(label) && !collapsed\n\n    // Groups sit inside NavigationMenuList's <ul>, so the group is wrapped in an <li> to\n    // keep the list structure valid. The spacing class stays on that <li>: it relies on\n    // :first-child among the list's children.\n    return (\n      <li className={cn(showLabel && s.groupMargin)}>\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-labelledby={showLabel && !props['aria-label'] ? labelId : undefined}\n          className={className}\n          {...props}\n        >\n          {showLabel && (\n            <div\n              id={labelId}\n              className={cn(\n                'font-semibold text-text-subtle uppercase tracking-wider select-none',\n                s.groupLabel,\n              )}\n            >\n              {label}\n            </div>\n          )}\n          <ul className=\"flex flex-col gap-0.5\">\n            {children}\n          </ul>\n        </div>\n      </li>\n    )\n  }\n)\nNavigationMenuGroup.displayName = 'NavigationMenuGroup'\n\n// ─── NavigationMenuIndicator ──────────────────────────────\n\nexport interface NavigationMenuIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Active indicator dot color (default: dark/foreground, primary: brand color) */\n  color?: 'default' | 'primary'\n}\n\nconst NavigationMenuIndicator = React.forwardRef<HTMLDivElement, NavigationMenuIndicatorProps>(\n  ({ className, color = 'default', ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical: active indicator is built into NavigationMenuLink styling\n    if (orientation === 'vertical') return null\n\n    return (\n      <NavigationMenuPrimitive.Indicator\n        ref={ref}\n        className={cn(\n          'z-10 flex h-[3px] items-end justify-center overflow-hidden',\n          'transition-[width,transform] duration-normal ease-out',\n          'data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out',\n          className\n        )}\n        {...props}\n      >\n        <div className={cn(\n          'relative h-full w-full rounded-full',\n          color === 'default' ? 'bg-foreground' : 'bg-primary'\n        )} />\n      </NavigationMenuPrimitive.Indicator>\n    )\n  }\n)\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator'\n\n// ─── NavigationMenuViewport ───────────────────────────────\n\nexport interface NavigationMenuViewportProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuViewport = React.forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  ({ className, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical mode does not use a viewport\n    if (orientation === 'vertical') return null\n\n    return (\n      <div className=\"absolute left-0 top-full z-dropdown w-auto pt-1\">\n        <NavigationMenuPrimitive.Viewport\n          ref={ref}\n          className={cn(\n            'relative overflow-hidden',\n            'border border-border bg-background rounded-xl shadow-lg',\n            'h-[var(--radix-navigation-menu-viewport-height)]',\n            'w-[var(--radix-navigation-menu-viewport-width)]',\n            'transition-[width,height] duration-fast ease-out',\n            'data-[state=open]:animate-nav-viewport-enter',\n            'data-[state=closed]:animate-nav-viewport-exit',\n            className\n          )}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nNavigationMenuViewport.displayName = 'NavigationMenuViewport'\n\n// ─── Exports ──────────────────────────────────────────────\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuGroup,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuSizeMap,\n  type NavigationMenuRadius,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/navigation-menu.mjs

@@ -174,9 +174,11 @@ const NavigationMenuItem = React.forwardRef(
   ({ className, value, defaultOpen = false, children, ...props }, ref) => {
     const { orientation, collapsed } = useNavigationMenuContext();
     const [open, setOpen] = React.useState(defaultOpen);
-    React.useEffect(() => {
+    const [prevCollapsed, setPrevCollapsed] = React.useState(collapsed);
+    if (collapsed !== prevCollapsed) {
+      setPrevCollapsed(collapsed);
       if (collapsed) setOpen(false);
-    }, [collapsed]);
+    }
     if (orientation === "horizontal") {
       return /* @__PURE__ */ jsx(
         NavigationMenuPrimitive.Item,
@@ -426,13 +428,32 @@ const NavigationMenuGroup = React.forwardRef(
   ({ className, label, children, ...props }, ref) => {
     const { size, collapsed } = useNavigationMenuContext();
     const s = navigationMenuSizeMap[size];
-    return /* @__PURE__ */ jsxs("div", { ref, role: "group", className: cn(label && !collapsed && s.groupMargin, className), ...props, children: [
-      label && !collapsed && /* @__PURE__ */ jsx("div", { className: cn(
-        "font-semibold text-text-subtle uppercase tracking-wider select-none",
-        s.groupLabel
-      ), children: label }),
-      /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-0.5", children })
-    ] });
+    const labelId = React.useId();
+    const showLabel = Boolean(label) && !collapsed;
+    return /* @__PURE__ */ jsx("li", { className: cn(showLabel && s.groupMargin), children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-labelledby": showLabel && !props["aria-label"] ? labelId : void 0,
+        className,
+        ...props,
+        children: [
+          showLabel && /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: labelId,
+              className: cn(
+                "font-semibold text-text-subtle uppercase tracking-wider select-none",
+                s.groupLabel
+              ),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-0.5", children })
+        ]
+      }
+    ) });
   }
 );
 NavigationMenuGroup.displayName = "NavigationMenuGroup";

package/dist/components/ui/navigation-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in Icons ───────────────────────────────────────\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  )\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n    </svg>\n  )\n}\n\n// ─── Radius Configuration ─────────────────────────────────\n\ntype NavigationMenuRadius = 'sm' | 'md' | 'lg' | 'xl'\n\nconst contentRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded',        // 4px\n  md: 'rounded-md',     // 6px\n  lg: 'rounded-lg',     // 8px\n  xl: 'rounded-xl',     // 12px\n}\n\nconst itemRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded-sm',     // 2px\n  md: 'rounded',        // 4px\n  lg: 'rounded-md',     // 6px\n  xl: 'rounded-lg',     // 8px\n}\n\n// ─── Contexts ─────────────────────────────────────────────\n\ntype NavigationMenuContextValue = {\n  orientation: 'horizontal' | 'vertical'\n  size: 'sm' | 'md' | 'default' | 'lg'\n  collapsed: boolean\n  radius: NavigationMenuRadius\n  fontWeight: 'normal' | 'semibold'\n}\n\nconst NavigationMenuContext = React.createContext<NavigationMenuContextValue>({\n  orientation: 'horizontal',\n  size: 'default',\n  collapsed: false,\n  radius: 'lg',\n  fontWeight: 'normal',\n})\nconst useNavigationMenuContext = () => React.useContext(NavigationMenuContext)\n\n// Whether we're inside NavigationMenuContent (affects link styling)\nconst ContentLevelContext = React.createContext(false)\n\n// ─── Size Configuration ───────────────────────────────────\n\nconst navigationMenuSizeMap = {\n  sm: {\n    trigger: 'h-8 text-sm px-3 gap-2',\n    link: 'h-8 text-sm px-3 gap-2',\n    icon: 'icon-xs',\n    collapsedSquare: 'size-8', collapsedWidth: 56,\n    dropdownLink: 'px-3 py-1.5 text-sm gap-2',\n    subLink: 'h-8 text-sm pl-8 pr-3 gap-2',\n    groupLabel: 'text-2xs px-3 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  md: {\n    trigger: 'h-9 text-md px-3.5 gap-2',\n    link: 'h-9 text-md px-3.5 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-9', collapsedWidth: 60,\n    dropdownLink: 'px-3 py-1.5 text-md gap-2',\n    subLink: 'h-9 text-md pl-9 pr-3.5 gap-2',\n    groupLabel: 'text-xs px-3.5 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  default: {\n    trigger: 'h-10 text-md px-4 gap-2',\n    link: 'h-10 text-md px-4 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-10', collapsedWidth: 64,\n    dropdownLink: 'px-3 py-2 text-md gap-2',\n    subLink: 'h-10 text-md pl-10 pr-4 gap-2',\n    groupLabel: 'text-xs px-4 mb-1.5', groupMargin: 'mt-5 first:mt-0',\n  },\n  lg: {\n    trigger: 'h-12 text-base px-6 gap-2',\n    link: 'h-12 text-base px-6 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-12', collapsedWidth: 72,\n    dropdownLink: 'px-3 py-2.5 text-base gap-2',\n    subLink: 'h-12 text-base pl-12 pr-6 gap-2',\n    groupLabel: 'text-xs px-4 mb-2', groupMargin: 'mt-6 first:mt-0',\n  },\n} as const\n\n// ─── NavigationMenu (Root) ────────────────────────────────\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  /** Layout orientation */\n  orientation?: 'horizontal' | 'vertical'\n  /** Size of the menu items */\n  size?: 'sm' | 'md' | 'default' | 'lg'\n  /** Vertical only: show icons only (collapsed sidebar) */\n  collapsed?: boolean\n  /** Vertical only: sidebar width (default: 256px / 16rem) */\n  width?: number | string\n  /** Vertical only: collapsed sidebar width (default: 64px / 4rem) */\n  collapsedWidth?: number | string\n  /** Border radius for dropdown content and items */\n  radius?: NavigationMenuRadius\n  /** Font weight for menu items (default: normal, active items always use semibold) */\n  fontWeight?: 'normal' | 'semibold'\n  /** Horizontal only: delay before hover opens in ms */\n  delayDuration?: number\n  /** Horizontal only: skip delay when moving between triggers */\n  skipDelayDuration?: number\n  /** Controlled active menu item value */\n  value?: string\n  /** Default active menu item value (uncontrolled) */\n  defaultValue?: string\n  /** Callback when active item changes */\n  onValueChange?: (value: string) => void\n}\n\nconst NavigationMenu = React.forwardRef<HTMLElement, NavigationMenuProps>(\n  ({\n    className,\n    orientation = 'horizontal',\n    size = 'default',\n    collapsed = false,\n    width,\n    collapsedWidth,\n    radius = 'lg',\n    fontWeight = 'normal',\n    delayDuration = 200,\n    skipDelayDuration = 300,\n    value,\n    defaultValue,\n    onValueChange,\n    children,\n    style,\n    ...props\n  }, ref) => {\n    const contextValue = React.useMemo(\n      () => ({ orientation, size, collapsed: orientation === 'vertical' ? collapsed : false, radius, fontWeight }),\n      [orientation, size, collapsed, radius, fontWeight]\n    )\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuContext.Provider value={contextValue}>\n          <NavigationMenuPrimitive.Root\n            ref={ref as React.Ref<HTMLDivElement>}\n            className={cn('relative', className)}\n            delayDuration={delayDuration}\n            skipDelayDuration={skipDelayDuration}\n            value={value}\n            defaultValue={defaultValue ?? ''}\n            onValueChange={onValueChange}\n          >\n            {children}\n          </NavigationMenuPrimitive.Root>\n        </NavigationMenuContext.Provider>\n      )\n    }\n\n    // Vertical mode\n    const resolvedWidth = collapsed\n      ? (collapsedWidth ?? navigationMenuSizeMap[size].collapsedWidth)\n      : (width ?? 256)\n    const widthValue = typeof resolvedWidth === 'number' ? `${resolvedWidth}px` : resolvedWidth\n\n    return (\n      <NavigationMenuContext.Provider value={contextValue}>\n        <nav\n          ref={ref}\n          aria-label=\"navigation\"\n          className={cn(\n            'flex flex-col',\n            'transition-[width] duration-normal ease-out',\n            className\n          )}\n          style={{ width: widthValue, ...style }}\n          {...props}\n        >\n          {children}\n        </nav>\n      </NavigationMenuContext.Provider>\n    )\n  }\n)\nNavigationMenu.displayName = 'NavigationMenu'\n\n// ─── NavigationMenuList ───────────────────────────────────\n\nexport interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst NavigationMenuList = React.forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.List\n          ref={ref}\n          className={cn('flex items-center gap-1', className)}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.List>\n      )\n    }\n\n    return (\n      <ul\n        ref={ref}\n        className={cn('flex flex-col gap-0.5', className)}\n        {...props}\n      >\n        {children}\n      </ul>\n    )\n  }\n)\nNavigationMenuList.displayName = 'NavigationMenuList'\n\n// ─── NavigationMenuItem ───────────────────────────────────\n\nexport interface NavigationMenuItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  /** Value identifier for Radix (horizontal mode) */\n  value?: string\n  /** Vertical only: default open state for sub-menu */\n  defaultOpen?: boolean\n}\n\nconst NavigationMenuItem = React.forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  ({ className, value, defaultOpen = false, children, ...props }, ref) => {\n    const { orientation, collapsed } = useNavigationMenuContext()\n    const [open, setOpen] = React.useState(defaultOpen)\n\n    // Auto-close sub-menus when collapsed\n    React.useEffect(() => {\n      if (collapsed) setOpen(false)\n    }, [collapsed])\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Item\n          ref={ref}\n          className={cn('relative', className)}\n          value={value}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.Item>\n      )\n    }\n\n    // Vertical: wrap in Collapsible.Root for sub-menu support\n    return (\n      <CollapsiblePrimitive.Root\n        open={collapsed ? false : open}\n        onOpenChange={collapsed ? undefined : setOpen}\n        asChild\n      >\n        <li ref={ref} className={cn('', className)} {...props}>\n          {children}\n        </li>\n      </CollapsiblePrimitive.Root>\n    )\n  }\n)\nNavigationMenuItem.displayName = 'NavigationMenuItem'\n\n// ─── NavigationMenuTrigger ────────────────────────────────\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n  /** Custom chevron icon (default: built-in ChevronDown for horizontal, ChevronRight for vertical) */\n  chevronIcon?: React.ReactNode\n}\n\nconst NavigationMenuTrigger = React.forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  ({ className, children, icon, chevronIcon, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Trigger\n          ref={ref}\n          className={cn(\n            'group inline-flex items-center justify-center',\n            s.trigger,\n            'gap-0',\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            'data-[state=open]:text-foreground',\n            'focus-visible:focus-ring',\n            'disabled:pointer-events-none disabled:opacity-50',\n            className\n          )}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0 mr-2', s.icon)}>{icon}</span>}\n          {children}\n          <span className={cn('shrink-0 ml-1 text-text-subtle transition-transform duration-fast group-data-[state=open]:rotate-180', s.icon)}>\n            {chevronIcon ?? <ChevronDownIcon className=\"size-full\" />}\n          </span>\n        </NavigationMenuPrimitive.Trigger>\n      )\n    }\n\n    // Vertical: Collapsible trigger\n    return (\n      <CollapsiblePrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.trigger],\n          fwClass, 'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          !collapsed && 'data-[state=open]:text-foreground',\n          'focus-visible:focus-ring',\n          'disabled:pointer-events-none disabled:opacity-50',\n          className\n        )}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && (\n          <>\n            <span className=\"flex-1 text-left truncate\">{children}</span>\n            <span\n              className={cn(\n                'shrink-0 text-text-subtle transition-transform duration-normal',\n                s.icon,\n                'group-data-[state=open]:rotate-90'\n              )}\n            >\n              {chevronIcon ?? <ChevronRightIcon className=\"size-full\" />}\n            </span>\n          </>\n        )}\n      </CollapsiblePrimitive.Trigger>\n    )\n  }\n)\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger'\n\n// ─── NavigationMenuContent ────────────────────────────────\n\nexport interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuContent = React.forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    if (orientation === 'horizontal') {\n      return (\n        <ContentLevelContext.Provider value={true}>\n          <NavigationMenuPrimitive.Content\n            ref={ref}\n            className={cn(\n              'absolute left-0 top-full z-dropdown pt-1',\n              'data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out',\n              className\n            )}\n            {...props}\n          >\n            <div className={cn('min-w-[180px] border border-border bg-background shadow-lg p-1.5 grid gap-0.5', contentRadiusMap[radius])}>\n              {children}\n            </div>\n          </NavigationMenuPrimitive.Content>\n        </ContentLevelContext.Provider>\n      )\n    }\n\n    // Vertical: Collapsible content (hidden when collapsed)\n    if (collapsed) return null\n\n    return (\n      <ContentLevelContext.Provider value={true}>\n        <CollapsiblePrimitive.Content\n          ref={ref}\n          className={cn(\n            'overflow-hidden',\n            'data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up',\n          )}\n          {...props}\n        >\n          <div className={cn(\n            'flex flex-col gap-0.5 py-1',\n            className\n          )}>\n            {children}\n          </div>\n        </CollapsiblePrimitive.Content>\n      </ContentLevelContext.Provider>\n    )\n  }\n)\nNavigationMenuContent.displayName = 'NavigationMenuContent'\n\n// ─── NavigationMenuLink ───────────────────────────────────\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Whether the link represents the current page */\n  active?: boolean\n  /** Compose with custom link component (Radix Slot) */\n  asChild?: boolean\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n}\n\nconst NavigationMenuLink = React.forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  ({ className, active, asChild, icon, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n    const inContent = React.useContext(ContentLevelContext)\n\n    if (orientation === 'horizontal') {\n      // Exclude onSelect to avoid React vs Radix type conflict\n      const { onSelect, ...radixSafeProps } = props as any\n\n      // Content-level links (inside dropdown): block style with hover bg\n      if (inContent) {\n        return (\n          <NavigationMenuPrimitive.Link\n            ref={ref}\n            className={cn(\n              'flex items-center w-full',\n              s.dropdownLink,\n              itemRadiusMap[radius],\n              'text-text-muted transition-colors duration-fast',\n              'hover:text-foreground hover:bg-background-muted',\n              active && 'text-foreground bg-background-muted font-semibold',\n              'focus-visible:focus-ring',\n              className\n            )}\n            active={active}\n            asChild={asChild}\n            onSelect={onSelect}\n            {...radixSafeProps}\n          >\n            {asChild ? children : (\n              <>\n                {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n                {children}\n              </>\n            )}\n          </NavigationMenuPrimitive.Link>\n        )\n      }\n\n      // Top-level horizontal links: text only, no hover bg\n      return (\n        <NavigationMenuPrimitive.Link\n          ref={ref}\n          className={cn(\n            'inline-flex items-center justify-center',\n            s.link,\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            active && 'text-foreground font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          active={active}\n          asChild={asChild}\n          onSelect={onSelect}\n          {...radixSafeProps}\n        >\n          {asChild ? children : (\n            <>\n              {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n              {children}\n            </>\n          )}\n        </NavigationMenuPrimitive.Link>\n      )\n    }\n\n    // ── Vertical mode ──\n\n    const Comp = asChild ? Slot : 'a'\n\n    // Content-level links (sub-menu items): compact, indented\n    if (inContent) {\n      return (\n        <Comp\n          ref={ref}\n          className={cn(\n            'flex items-center w-full cursor-pointer',\n            contentRadiusMap[radius],\n            s.subLink,\n            'text-text-muted transition-colors duration-fast',\n            'hover:text-foreground hover:bg-background-muted',\n            active && 'text-foreground bg-background-muted font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          {...(active ? { 'aria-current': 'page' as const } : {})}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n          {!collapsed && children}\n        </Comp>\n      )\n    }\n\n    // Top-level vertical links\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          'relative flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.link],\n          'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          active && 'text-foreground bg-background-muted font-semibold',\n          'focus-visible:focus-ring',\n          className\n        )}\n        {...(active ? { 'aria-current': 'page' as const } : {})}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && <span className=\"truncate\">{children}</span>}\n      </Comp>\n    )\n  }\n)\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n\n// ─── NavigationMenuGroup (vertical only) ──────────────────\n\nexport interface NavigationMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Group header label */\n  label?: string\n}\n\nconst NavigationMenuGroup = React.forwardRef<HTMLDivElement, NavigationMenuGroupProps>(\n  ({ className, label, children, ...props }, ref) => {\n    const { size, collapsed } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    return (\n      <div ref={ref} role=\"group\" className={cn(label && !collapsed && s.groupMargin, className)} {...props}>\n        {label && !collapsed && (\n          <div className={cn(\n            'font-semibold text-text-subtle uppercase tracking-wider select-none',\n            s.groupLabel,\n          )}>\n            {label}\n          </div>\n        )}\n        <ul className=\"flex flex-col gap-0.5\">\n          {children}\n        </ul>\n      </div>\n    )\n  }\n)\nNavigationMenuGroup.displayName = 'NavigationMenuGroup'\n\n// ─── NavigationMenuIndicator ──────────────────────────────\n\nexport interface NavigationMenuIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Active indicator dot color (default: dark/foreground, primary: brand color) */\n  color?: 'default' | 'primary'\n}\n\nconst NavigationMenuIndicator = React.forwardRef<HTMLDivElement, NavigationMenuIndicatorProps>(\n  ({ className, color = 'default', ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical: active indicator is built into NavigationMenuLink styling\n    if (orientation === 'vertical') return null\n\n    return (\n      <NavigationMenuPrimitive.Indicator\n        ref={ref}\n        className={cn(\n          'z-10 flex h-[3px] items-end justify-center overflow-hidden',\n          'transition-[width,transform] duration-normal ease-out',\n          'data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out',\n          className\n        )}\n        {...props}\n      >\n        <div className={cn(\n          'relative h-full w-full rounded-full',\n          color === 'default' ? 'bg-foreground' : 'bg-primary'\n        )} />\n      </NavigationMenuPrimitive.Indicator>\n    )\n  }\n)\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator'\n\n// ─── NavigationMenuViewport ───────────────────────────────\n\nexport interface NavigationMenuViewportProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuViewport = React.forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  ({ className, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical mode does not use a viewport\n    if (orientation === 'vertical') return null\n\n    return (\n      <div className=\"absolute left-0 top-full z-dropdown w-auto pt-1\">\n        <NavigationMenuPrimitive.Viewport\n          ref={ref}\n          className={cn(\n            'relative overflow-hidden',\n            'border border-border bg-background rounded-xl shadow-lg',\n            'h-[var(--radix-navigation-menu-viewport-height)]',\n            'w-[var(--radix-navigation-menu-viewport-width)]',\n            'transition-[width,height] duration-fast ease-out',\n            'data-[state=open]:animate-nav-viewport-enter',\n            'data-[state=closed]:animate-nav-viewport-exit',\n            className\n          )}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nNavigationMenuViewport.displayName = 'NavigationMenuViewport'\n\n// ─── Exports ──────────────────────────────────────────────\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuGroup,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuSizeMap,\n  type NavigationMenuRadius,\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in Icons ───────────────────────────────────────\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  )\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n    </svg>\n  )\n}\n\n// ─── Radius Configuration ─────────────────────────────────\n\ntype NavigationMenuRadius = 'sm' | 'md' | 'lg' | 'xl'\n\nconst contentRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded',        // 4px\n  md: 'rounded-md',     // 6px\n  lg: 'rounded-lg',     // 8px\n  xl: 'rounded-xl',     // 12px\n}\n\nconst itemRadiusMap: Record<NavigationMenuRadius, string> = {\n  sm: 'rounded-sm',     // 2px\n  md: 'rounded',        // 4px\n  lg: 'rounded-md',     // 6px\n  xl: 'rounded-lg',     // 8px\n}\n\n// ─── Contexts ─────────────────────────────────────────────\n\ntype NavigationMenuContextValue = {\n  orientation: 'horizontal' | 'vertical'\n  size: 'sm' | 'md' | 'default' | 'lg'\n  collapsed: boolean\n  radius: NavigationMenuRadius\n  fontWeight: 'normal' | 'semibold'\n}\n\nconst NavigationMenuContext = React.createContext<NavigationMenuContextValue>({\n  orientation: 'horizontal',\n  size: 'default',\n  collapsed: false,\n  radius: 'lg',\n  fontWeight: 'normal',\n})\nconst useNavigationMenuContext = () => React.useContext(NavigationMenuContext)\n\n// Whether we're inside NavigationMenuContent (affects link styling)\nconst ContentLevelContext = React.createContext(false)\n\n// ─── Size Configuration ───────────────────────────────────\n\nconst navigationMenuSizeMap = {\n  sm: {\n    trigger: 'h-8 text-sm px-3 gap-2',\n    link: 'h-8 text-sm px-3 gap-2',\n    icon: 'icon-xs',\n    collapsedSquare: 'size-8', collapsedWidth: 56,\n    dropdownLink: 'px-3 py-1.5 text-sm gap-2',\n    subLink: 'h-8 text-sm pl-8 pr-3 gap-2',\n    groupLabel: 'text-2xs px-3 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  md: {\n    trigger: 'h-9 text-md px-3.5 gap-2',\n    link: 'h-9 text-md px-3.5 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-9', collapsedWidth: 60,\n    dropdownLink: 'px-3 py-1.5 text-md gap-2',\n    subLink: 'h-9 text-md pl-9 pr-3.5 gap-2',\n    groupLabel: 'text-xs px-3.5 mb-1', groupMargin: 'mt-4 first:mt-0',\n  },\n  default: {\n    trigger: 'h-10 text-md px-4 gap-2',\n    link: 'h-10 text-md px-4 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-10', collapsedWidth: 64,\n    dropdownLink: 'px-3 py-2 text-md gap-2',\n    subLink: 'h-10 text-md pl-10 pr-4 gap-2',\n    groupLabel: 'text-xs px-4 mb-1.5', groupMargin: 'mt-5 first:mt-0',\n  },\n  lg: {\n    trigger: 'h-12 text-base px-6 gap-2',\n    link: 'h-12 text-base px-6 gap-2',\n    icon: 'icon-sm',\n    collapsedSquare: 'size-12', collapsedWidth: 72,\n    dropdownLink: 'px-3 py-2.5 text-base gap-2',\n    subLink: 'h-12 text-base pl-12 pr-6 gap-2',\n    groupLabel: 'text-xs px-4 mb-2', groupMargin: 'mt-6 first:mt-0',\n  },\n} as const\n\n// ─── NavigationMenu (Root) ────────────────────────────────\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  /** Layout orientation */\n  orientation?: 'horizontal' | 'vertical'\n  /** Size of the menu items */\n  size?: 'sm' | 'md' | 'default' | 'lg'\n  /** Vertical only: show icons only (collapsed sidebar) */\n  collapsed?: boolean\n  /** Vertical only: sidebar width (default: 256px / 16rem) */\n  width?: number | string\n  /** Vertical only: collapsed sidebar width (default: 64px / 4rem) */\n  collapsedWidth?: number | string\n  /** Border radius for dropdown content and items */\n  radius?: NavigationMenuRadius\n  /** Font weight for menu items (default: normal, active items always use semibold) */\n  fontWeight?: 'normal' | 'semibold'\n  /** Horizontal only: delay before hover opens in ms */\n  delayDuration?: number\n  /** Horizontal only: skip delay when moving between triggers */\n  skipDelayDuration?: number\n  /** Controlled active menu item value */\n  value?: string\n  /** Default active menu item value (uncontrolled) */\n  defaultValue?: string\n  /** Callback when active item changes */\n  onValueChange?: (value: string) => void\n}\n\nconst NavigationMenu = React.forwardRef<HTMLElement, NavigationMenuProps>(\n  ({\n    className,\n    orientation = 'horizontal',\n    size = 'default',\n    collapsed = false,\n    width,\n    collapsedWidth,\n    radius = 'lg',\n    fontWeight = 'normal',\n    delayDuration = 200,\n    skipDelayDuration = 300,\n    value,\n    defaultValue,\n    onValueChange,\n    children,\n    style,\n    ...props\n  }, ref) => {\n    const contextValue = React.useMemo(\n      () => ({ orientation, size, collapsed: orientation === 'vertical' ? collapsed : false, radius, fontWeight }),\n      [orientation, size, collapsed, radius, fontWeight]\n    )\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuContext.Provider value={contextValue}>\n          <NavigationMenuPrimitive.Root\n            ref={ref as React.Ref<HTMLDivElement>}\n            className={cn('relative', className)}\n            delayDuration={delayDuration}\n            skipDelayDuration={skipDelayDuration}\n            value={value}\n            defaultValue={defaultValue ?? ''}\n            onValueChange={onValueChange}\n          >\n            {children}\n          </NavigationMenuPrimitive.Root>\n        </NavigationMenuContext.Provider>\n      )\n    }\n\n    // Vertical mode\n    const resolvedWidth = collapsed\n      ? (collapsedWidth ?? navigationMenuSizeMap[size].collapsedWidth)\n      : (width ?? 256)\n    const widthValue = typeof resolvedWidth === 'number' ? `${resolvedWidth}px` : resolvedWidth\n\n    return (\n      <NavigationMenuContext.Provider value={contextValue}>\n        <nav\n          ref={ref}\n          aria-label=\"navigation\"\n          className={cn(\n            'flex flex-col',\n            'transition-[width] duration-normal ease-out',\n            className\n          )}\n          style={{ width: widthValue, ...style }}\n          {...props}\n        >\n          {children}\n        </nav>\n      </NavigationMenuContext.Provider>\n    )\n  }\n)\nNavigationMenu.displayName = 'NavigationMenu'\n\n// ─── NavigationMenuList ───────────────────────────────────\n\nexport interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst NavigationMenuList = React.forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.List\n          ref={ref}\n          className={cn('flex items-center gap-1', className)}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.List>\n      )\n    }\n\n    return (\n      <ul\n        ref={ref}\n        className={cn('flex flex-col gap-0.5', className)}\n        {...props}\n      >\n        {children}\n      </ul>\n    )\n  }\n)\nNavigationMenuList.displayName = 'NavigationMenuList'\n\n// ─── NavigationMenuItem ───────────────────────────────────\n\nexport interface NavigationMenuItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  /** Value identifier for Radix (horizontal mode) */\n  value?: string\n  /** Vertical only: default open state for sub-menu */\n  defaultOpen?: boolean\n}\n\nconst NavigationMenuItem = React.forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  ({ className, value, defaultOpen = false, children, ...props }, ref) => {\n    const { orientation, collapsed } = useNavigationMenuContext()\n    const [open, setOpen] = React.useState(defaultOpen)\n\n    // Auto-close sub-menus when collapsed. Adjusted during render (React's pattern for\n    // state that follows a prop) instead of in an effect, which re-rendered once more.\n    const [prevCollapsed, setPrevCollapsed] = React.useState(collapsed)\n    if (collapsed !== prevCollapsed) {\n      setPrevCollapsed(collapsed)\n      if (collapsed) setOpen(false)\n    }\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Item\n          ref={ref}\n          className={cn('relative', className)}\n          value={value}\n          {...props}\n        >\n          {children}\n        </NavigationMenuPrimitive.Item>\n      )\n    }\n\n    // Vertical: wrap in Collapsible.Root for sub-menu support\n    return (\n      <CollapsiblePrimitive.Root\n        open={collapsed ? false : open}\n        onOpenChange={collapsed ? undefined : setOpen}\n        asChild\n      >\n        <li ref={ref} className={cn('', className)} {...props}>\n          {children}\n        </li>\n      </CollapsiblePrimitive.Root>\n    )\n  }\n)\nNavigationMenuItem.displayName = 'NavigationMenuItem'\n\n// ─── NavigationMenuTrigger ────────────────────────────────\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n  /** Custom chevron icon (default: built-in ChevronDown for horizontal, ChevronRight for vertical) */\n  chevronIcon?: React.ReactNode\n}\n\nconst NavigationMenuTrigger = React.forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  ({ className, children, icon, chevronIcon, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n\n    if (orientation === 'horizontal') {\n      return (\n        <NavigationMenuPrimitive.Trigger\n          ref={ref}\n          className={cn(\n            'group inline-flex items-center justify-center',\n            s.trigger,\n            'gap-0',\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            'data-[state=open]:text-foreground',\n            'focus-visible:focus-ring',\n            'disabled:pointer-events-none disabled:opacity-50',\n            className\n          )}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0 mr-2', s.icon)}>{icon}</span>}\n          {children}\n          <span className={cn('shrink-0 ml-1 text-text-subtle transition-transform duration-fast group-data-[state=open]:rotate-180', s.icon)}>\n            {chevronIcon ?? <ChevronDownIcon className=\"size-full\" />}\n          </span>\n        </NavigationMenuPrimitive.Trigger>\n      )\n    }\n\n    // Vertical: Collapsible trigger\n    return (\n      <CollapsiblePrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.trigger],\n          fwClass, 'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          !collapsed && 'data-[state=open]:text-foreground',\n          'focus-visible:focus-ring',\n          'disabled:pointer-events-none disabled:opacity-50',\n          className\n        )}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && (\n          <>\n            <span className=\"flex-1 text-left truncate\">{children}</span>\n            <span\n              className={cn(\n                'shrink-0 text-text-subtle transition-transform duration-normal',\n                s.icon,\n                'group-data-[state=open]:rotate-90'\n              )}\n            >\n              {chevronIcon ?? <ChevronRightIcon className=\"size-full\" />}\n            </span>\n          </>\n        )}\n      </CollapsiblePrimitive.Trigger>\n    )\n  }\n)\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger'\n\n// ─── NavigationMenuContent ────────────────────────────────\n\nexport interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuContent = React.forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    if (orientation === 'horizontal') {\n      return (\n        <ContentLevelContext.Provider value={true}>\n          <NavigationMenuPrimitive.Content\n            ref={ref}\n            className={cn(\n              'absolute left-0 top-full z-dropdown pt-1',\n              'data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out',\n              className\n            )}\n            {...props}\n          >\n            <div className={cn('min-w-[180px] border border-border bg-background shadow-lg p-1.5 grid gap-0.5', contentRadiusMap[radius])}>\n              {children}\n            </div>\n          </NavigationMenuPrimitive.Content>\n        </ContentLevelContext.Provider>\n      )\n    }\n\n    // Vertical: Collapsible content (hidden when collapsed)\n    if (collapsed) return null\n\n    return (\n      <ContentLevelContext.Provider value={true}>\n        <CollapsiblePrimitive.Content\n          ref={ref}\n          className={cn(\n            'overflow-hidden',\n            'data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up',\n          )}\n          {...props}\n        >\n          <div className={cn(\n            'flex flex-col gap-0.5 py-1',\n            className\n          )}>\n            {children}\n          </div>\n        </CollapsiblePrimitive.Content>\n      </ContentLevelContext.Provider>\n    )\n  }\n)\nNavigationMenuContent.displayName = 'NavigationMenuContent'\n\n// ─── NavigationMenuLink ───────────────────────────────────\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Whether the link represents the current page */\n  active?: boolean\n  /** Compose with custom link component (Radix Slot) */\n  asChild?: boolean\n  /** Icon displayed before the label */\n  icon?: React.ReactNode\n}\n\nconst NavigationMenuLink = React.forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  ({ className, active, asChild, icon, children, ...props }, ref) => {\n    const { orientation, size, collapsed, radius, fontWeight: fw } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n    const fwClass = fw === 'semibold' ? 'font-semibold' : 'font-normal'\n    const inContent = React.useContext(ContentLevelContext)\n\n    if (orientation === 'horizontal') {\n      // Exclude onSelect to avoid React vs Radix type conflict\n      const { onSelect, ...radixSafeProps } = props as any\n\n      // Content-level links (inside dropdown): block style with hover bg\n      if (inContent) {\n        return (\n          <NavigationMenuPrimitive.Link\n            ref={ref}\n            className={cn(\n              'flex items-center w-full',\n              s.dropdownLink,\n              itemRadiusMap[radius],\n              'text-text-muted transition-colors duration-fast',\n              'hover:text-foreground hover:bg-background-muted',\n              active && 'text-foreground bg-background-muted font-semibold',\n              'focus-visible:focus-ring',\n              className\n            )}\n            active={active}\n            asChild={asChild}\n            onSelect={onSelect}\n            {...radixSafeProps}\n          >\n            {asChild ? children : (\n              <>\n                {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n                {children}\n              </>\n            )}\n          </NavigationMenuPrimitive.Link>\n        )\n      }\n\n      // Top-level horizontal links: text only, no hover bg\n      return (\n        <NavigationMenuPrimitive.Link\n          ref={ref}\n          className={cn(\n            'inline-flex items-center justify-center',\n            s.link,\n            fwClass, 'text-text-muted',\n            'transition-colors duration-fast',\n            'hover:text-foreground',\n            active && 'text-foreground font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          active={active}\n          asChild={asChild}\n          onSelect={onSelect}\n          {...radixSafeProps}\n        >\n          {asChild ? children : (\n            <>\n              {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n              {children}\n            </>\n          )}\n        </NavigationMenuPrimitive.Link>\n      )\n    }\n\n    // ── Vertical mode ──\n\n    const Comp = asChild ? Slot : 'a'\n\n    // Content-level links (sub-menu items): compact, indented\n    if (inContent) {\n      return (\n        <Comp\n          ref={ref}\n          className={cn(\n            'flex items-center w-full cursor-pointer',\n            contentRadiusMap[radius],\n            s.subLink,\n            'text-text-muted transition-colors duration-fast',\n            'hover:text-foreground hover:bg-background-muted',\n            active && 'text-foreground bg-background-muted font-semibold',\n            'focus-visible:focus-ring',\n            className\n          )}\n          {...(active ? { 'aria-current': 'page' as const } : {})}\n          {...props}\n        >\n          {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n          {!collapsed && children}\n        </Comp>\n      )\n    }\n\n    // Top-level vertical links\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          'relative flex items-center cursor-pointer',\n          contentRadiusMap[radius],\n          collapsed\n            ? [s.collapsedSquare, 'justify-center mx-auto']\n            : ['w-full', s.link],\n          'text-text-muted transition-colors duration-fast',\n          'hover:text-foreground hover:bg-background-muted',\n          active && 'text-foreground bg-background-muted font-semibold',\n          'focus-visible:focus-ring',\n          className\n        )}\n        {...(active ? { 'aria-current': 'page' as const } : {})}\n        {...(collapsed && typeof children === 'string' ? { title: children } : {})}\n        {...props}\n      >\n        {icon && <span className={cn('shrink-0', s.icon)}>{icon}</span>}\n        {!collapsed && <span className=\"truncate\">{children}</span>}\n      </Comp>\n    )\n  }\n)\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n\n// ─── NavigationMenuGroup (vertical only) ──────────────────\n\nexport interface NavigationMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Group header label */\n  label?: string\n}\n\nconst NavigationMenuGroup = React.forwardRef<HTMLDivElement, NavigationMenuGroupProps>(\n  ({ className, label, children, ...props }, ref) => {\n    const { size, collapsed } = useNavigationMenuContext()\n    const s = navigationMenuSizeMap[size]\n\n    const labelId = React.useId()\n    const showLabel = Boolean(label) && !collapsed\n\n    // Groups sit inside NavigationMenuList's <ul>, so the group is wrapped in an <li> to\n    // keep the list structure valid. The spacing class stays on that <li>: it relies on\n    // :first-child among the list's children.\n    return (\n      <li className={cn(showLabel && s.groupMargin)}>\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-labelledby={showLabel && !props['aria-label'] ? labelId : undefined}\n          className={className}\n          {...props}\n        >\n          {showLabel && (\n            <div\n              id={labelId}\n              className={cn(\n                'font-semibold text-text-subtle uppercase tracking-wider select-none',\n                s.groupLabel,\n              )}\n            >\n              {label}\n            </div>\n          )}\n          <ul className=\"flex flex-col gap-0.5\">\n            {children}\n          </ul>\n        </div>\n      </li>\n    )\n  }\n)\nNavigationMenuGroup.displayName = 'NavigationMenuGroup'\n\n// ─── NavigationMenuIndicator ──────────────────────────────\n\nexport interface NavigationMenuIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Active indicator dot color (default: dark/foreground, primary: brand color) */\n  color?: 'default' | 'primary'\n}\n\nconst NavigationMenuIndicator = React.forwardRef<HTMLDivElement, NavigationMenuIndicatorProps>(\n  ({ className, color = 'default', ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical: active indicator is built into NavigationMenuLink styling\n    if (orientation === 'vertical') return null\n\n    return (\n      <NavigationMenuPrimitive.Indicator\n        ref={ref}\n        className={cn(\n          'z-10 flex h-[3px] items-end justify-center overflow-hidden',\n          'transition-[width,transform] duration-normal ease-out',\n          'data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out',\n          className\n        )}\n        {...props}\n      >\n        <div className={cn(\n          'relative h-full w-full rounded-full',\n          color === 'default' ? 'bg-foreground' : 'bg-primary'\n        )} />\n      </NavigationMenuPrimitive.Indicator>\n    )\n  }\n)\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator'\n\n// ─── NavigationMenuViewport ───────────────────────────────\n\nexport interface NavigationMenuViewportProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst NavigationMenuViewport = React.forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  ({ className, ...props }, ref) => {\n    const { orientation } = useNavigationMenuContext()\n\n    // Vertical mode does not use a viewport\n    if (orientation === 'vertical') return null\n\n    return (\n      <div className=\"absolute left-0 top-full z-dropdown w-auto pt-1\">\n        <NavigationMenuPrimitive.Viewport\n          ref={ref}\n          className={cn(\n            'relative overflow-hidden',\n            'border border-border bg-background rounded-xl shadow-lg',\n            'h-[var(--radix-navigation-menu-viewport-height)]',\n            'w-[var(--radix-navigation-menu-viewport-width)]',\n            'transition-[width,height] duration-fast ease-out',\n            'data-[state=open]:animate-nav-viewport-enter',\n            'data-[state=closed]:animate-nav-viewport-exit',\n            className\n          )}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nNavigationMenuViewport.displayName = 'NavigationMenuViewport'\n\n// ─── Exports ──────────────────────────────────────────────\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuGroup,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuSizeMap,\n  type NavigationMenuRadius,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/pagination.js

@@ -470,9 +470,9 @@ const PaginationEllipsis = React.forwardRef(
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 const PaginationItems = React.forwardRef(
-  ({ className, ...props }, ref) => {
+  (_props, _ref) => {
     const ctx = usePaginationContext();
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: (0, import_utils.cn)("contents", className), ...props, children: ctx.paginationRange.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaginationItem, { children: item === "dots" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaginationEllipsis, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaginationLink, { page: item }) }, `${item}-${index}`)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: ctx.paginationRange.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaginationItem, { children: item === "dots" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaginationEllipsis, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaginationLink, { page: item }) }, `${item}-${index}`)) });
   }
 );
 PaginationItems.displayName = "PaginationItems";