@alfadocs/ui-kit-debug 0.17.1 → 0.17.2

package/dist/_chunks/{navigation-menu-DdufF-_4.js → navigation-menu-CyS1fBJ7.js}

@@ -1,13 +1,14 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { forwardRef as n, useRef as I, useState as k, useCallback as z, useMemo as C, useImperativeHandle as B } from "react";
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { forwardRef as i, useRef as M, useMemo as j, useImperativeHandle as I } from "react";
 import * as o from "@radix-ui/react-navigation-menu";
-import { Slot as L } from "@radix-ui/react-slot";
-import { c as R } from "./index-D2ZczOXr.js";
-import { useTranslation as T } from "react-i18next";
-import { u as A } from "./use-direction-D6rvvG9G.js";
-import { u as K } from "./registry-C9nwlNyL.js";
-import { C as O } from "./chevron-down-BX_NP2Yh.js";
-const S = {
+import { Slot as C } from "@radix-ui/react-slot";
+import { c as k } from "./index-D2ZczOXr.js";
+import { useTranslation as z } from "react-i18next";
+import { u as V } from "./use-controllable-state-BiY4xTzM.js";
+import { u as B } from "./registry-C9nwlNyL.js";
+import { u as R } from "./use-direction-D6rvvG9G.js";
+import { C as L } from "./chevron-down-BX_NP2Yh.js";
+const T = {
   id: "navigation-menu",
   capabilities: ["select_single", "navigate", "open", "close"],
   state: {
@@ -68,80 +69,77 @@ const S = {
       description: "Stable opaque id of a top-level navigation item. Selection / open targets this attribute."
     }
   }
-}, V = [
+}, A = [
   "ds:relative ds:z-[var(--z-dropdown)]",
   "ds:flex ds:max-w-max ds:items-center ds:justify-center"
-].join(" "), q = n(
+].join(" "), K = i(
   ({
     "aria-label": e,
     className: t,
     children: a,
-    id: i,
-    value: m,
-    defaultValue: h,
-    onValueChange: c,
-    ...b
-  }, N) => {
-    const { t: w } = T(), u = I(null), y = A(u), v = m !== void 0, [M, x] = k(
-      h ?? ""
-    ), r = v ? m : M, l = z(
-      (d) => {
-        v || x(d), c == null || c(d);
-      },
-      [v, c]
-    ), j = C(
+    id: n,
+    value: l,
+    defaultValue: p,
+    onValueChange: f,
+    ...h
+  }, b) => {
+    const { t: N } = z(), m = M(null), w = R(m), [y, d] = V({
+      value: l,
+      defaultValue: p ?? "",
+      onChange: f
+    }), r = y ?? "", x = j(
       () => ({
         getActiveItem: () => r || null,
         getIsOpen: () => !!r,
-        selectItem: (d) => l(d),
-        open: (d) => l(d),
-        close: () => l("")
+        selectItem: (u) => d(u),
+        open: (u) => d(u),
+        close: () => d("")
       }),
-      [r, l]
+      [r, d]
     );
-    return B(
-      N,
-      () => u.current,
+    return I(
+      b,
+      () => m.current,
       []
-    ), K(S, j, i), /* @__PURE__ */ p(
+    ), B(T, x, n), /* @__PURE__ */ v(
       o.Root,
       {
-        ref: u,
-        dir: y,
-        "aria-label": e ?? w("navigation.nav.label"),
-        className: [V, t].filter(Boolean).join(" "),
-        id: i,
+        ref: m,
+        dir: w,
+        "aria-label": e ?? N("navigation.nav.label"),
+        className: [A, t].filter(Boolean).join(" "),
+        id: n,
         "data-component": "navigation-menu",
-        "data-component-id": i,
+        "data-component-id": n,
         value: r,
-        onValueChange: l,
-        ...b,
+        onValueChange: d,
+        ...h,
         children: [
           a,
-          /* @__PURE__ */ s(f, {})
+          /* @__PURE__ */ s(g, {})
         ]
       }
     );
   }
 );
-q.displayName = "NavigationMenu";
-const D = [
+K.displayName = "NavigationMenu";
+const O = [
   "ds:group ds:flex ds:flex-1",
   "ds:list-none ds:items-center ds:justify-center",
   "ds:gap-[var(--spacing-xs)]",
   "ds:m-0 ds:ps-0"
-].join(" "), H = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+].join(" "), S = i(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   o.List,
   {
     ref: a,
-    className: [D, e].filter(Boolean).join(" "),
+    className: [O, e].filter(Boolean).join(" "),
     ...t
   }
 ));
-H.displayName = "NavigationMenuList";
-const P = n(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
-P.displayName = "NavigationMenuItem";
-const _ = [
+S.displayName = "NavigationMenuList";
+const q = i(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
+q.displayName = "NavigationMenuItem";
+const D = [
   "ds:group ds:inline-flex ds:items-center ds:justify-center",
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-sm)]",
@@ -155,24 +153,24 @@ const _ = [
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
   "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
   "ds:gap-[var(--spacing-xs)]"
-].join(" "), W = [
+].join(" "), H = [
   "ds:size-3 ds:transition-transform ds:duration-[var(--animation-duration)]",
   "ds:group-data-[state=open]:rotate-180",
   "ds:rtl:-scale-x-100 ds:motion-reduce:transition-none"
-].join(" "), E = n(({ className: e, children: t, ...a }, i) => /* @__PURE__ */ p(
+].join(" "), P = i(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ v(
   o.Trigger,
   {
-    ref: i,
-    className: [_, e].filter(Boolean).join(" "),
+    ref: n,
+    className: [D, e].filter(Boolean).join(" "),
     ...a,
     children: [
       t,
-      /* @__PURE__ */ s(O, { "aria-hidden": "true", className: W })
+      /* @__PURE__ */ s(L, { "aria-hidden": "true", className: H })
     ]
   }
 ));
-E.displayName = "NavigationMenuTrigger";
-const F = [
+P.displayName = "NavigationMenuTrigger";
+const _ = [
   "ds:absolute ds:start-0 ds:top-0 ds:w-full",
   "ds:md:w-auto",
   "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
@@ -188,7 +186,7 @@ const F = [
   "ds:data-[motion=to-start]:slide-out-to-left-52 ds:rtl:data-[motion=to-start]:slide-out-to-right-52",
   "ds:data-[motion=to-end]:slide-out-to-right-52 ds:rtl:data-[motion=to-end]:slide-out-to-left-52",
   "ds:motion-reduce:animate-none"
-].join(" "), G = R(F, {
+].join(" "), W = k(_, {
   variants: {
     layout: {
       simple: "ds:min-w-[16rem]",
@@ -196,16 +194,16 @@ const F = [
     }
   },
   defaultVariants: { layout: "simple" }
-}), J = n(({ layout: e, className: t, ...a }, i) => /* @__PURE__ */ s(
+}), E = i(({ layout: e, className: t, ...a }, n) => /* @__PURE__ */ s(
   o.Content,
   {
-    ref: i,
-    className: G({ layout: e, className: t }),
+    ref: n,
+    className: W({ layout: e, className: t }),
     ...a
   }
 ));
-J.displayName = "NavigationMenuContent";
-const g = [
+E.displayName = "NavigationMenuContent";
+const c = [
   "ds:block ds:rounded-[var(--radius-sm)]",
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
@@ -220,33 +218,33 @@ const g = [
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), Q = n(({ asChild: e = !1, className: t, children: a, ...i }, m) => /* @__PURE__ */ s(
+].join(" "), F = i(({ asChild: e = !1, className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
   o.Link,
   {
-    ref: m,
+    ref: l,
     asChild: e,
-    className: e ? void 0 : [g, t].filter(Boolean).join(" "),
-    ...i,
-    children: e ? /* @__PURE__ */ s(L, { className: [g, t].filter(Boolean).join(" "), children: a }) : a
+    className: e ? void 0 : [c, t].filter(Boolean).join(" "),
+    ...n,
+    children: e ? /* @__PURE__ */ s(C, { className: [c, t].filter(Boolean).join(" "), children: a }) : a
   }
 ));
-Q.displayName = "NavigationMenuLink";
-const U = [
+F.displayName = "NavigationMenuLink";
+const G = [
   "ds:top-full ds:z-[1] ds:flex ds:h-2 ds:items-end ds:justify-center ds:overflow-hidden",
   "ds:data-[state=visible]:animate-in ds:data-[state=hidden]:animate-out",
   "ds:data-[state=visible]:fade-in ds:data-[state=hidden]:fade-out",
   "ds:motion-reduce:animate-none"
-].join(" "), X = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+].join(" "), J = i(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   o.Indicator,
   {
     ref: a,
-    className: [U, e].filter(Boolean).join(" "),
+    className: [G, e].filter(Boolean).join(" "),
     ...t,
     children: /* @__PURE__ */ s("span", { className: "ds:relative ds:top-[60%] ds:h-2 ds:w-2 ds:rotate-45 ds:rounded-tl-sm ds:bg-[var(--border)]" })
   }
 ));
-X.displayName = "NavigationMenuIndicator";
-const Y = [
+J.displayName = "NavigationMenuIndicator";
+const Q = [
   "ds:origin-top-center ds:relative ds:mt-[var(--spacing-xs)]",
   "ds:h-[var(--radix-navigation-menu-viewport-height)]",
   "ds:w-full ds:overflow-hidden",
@@ -256,24 +254,24 @@ const Y = [
   "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
   "ds:data-[state=open]:zoom-in-90 ds:data-[state=closed]:zoom-out-95",
   "ds:motion-reduce:animate-none"
-].join(" "), f = n(({ className: e, ...t }, a) => /* @__PURE__ */ s("div", { className: "ds:absolute ds:start-0 ds:top-full ds:flex ds:justify-center", children: /* @__PURE__ */ s(
+].join(" "), g = i(({ className: e, ...t }, a) => /* @__PURE__ */ s("div", { className: "ds:absolute ds:start-0 ds:top-full ds:flex ds:justify-center", children: /* @__PURE__ */ s(
   o.Viewport,
   {
     ref: a,
-    className: [Y, e].filter(Boolean).join(" "),
+    className: [Q, e].filter(Boolean).join(" "),
     ...t
   }
 ) }));
-f.displayName = "NavigationMenuViewport";
+g.displayName = "NavigationMenuViewport";
 export {
-  q as N,
-  J as a,
-  X as b,
-  P as c,
-  Q as d,
-  H as e,
-  E as f,
-  f as g,
-  S as n
+  K as N,
+  E as a,
+  J as b,
+  q as c,
+  F as d,
+  S as e,
+  P as f,
+  g,
+  T as n
 };
-//# sourceMappingURL=navigation-menu-DdufF-_4.js.map
+//# sourceMappingURL=navigation-menu-CyS1fBJ7.js.map

package/dist/_chunks/navigation-menu-CyS1fBJ7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-CyS1fBJ7.js","sources":["../../src/components/navigation-menu/navigation-menu.agent.ts","../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — NavigationMenu.                                        */\n/*                                                                        */\n/* NavigationMenu is the primary top-bar navigation. It exposes the      */\n/* currently-active item id (when the consumer routes through the kit),  */\n/* the open/closed state of its dropdown, and lets an agent open, close, */\n/* or select a top-level item by id.                                     */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the full contract.          */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NavigationMenuHandle } from './navigation-menu';\n\nexport const navigationMenuAgent: AgentAdapter<NavigationMenuHandle> = {\n  id: 'navigation-menu',\n  capabilities: ['select_single', 'navigate', 'open', 'close'],\n  state: {\n    activeItem: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.navigationMenu.state.activeItem',\n      description:\n        'Id of the currently-active top-level navigation item, or null when none is active.',\n      read: (handle) => handle.getActiveItem() ?? null,\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.navigationMenu.state.isOpen',\n      description: 'Whether a dropdown / mega-menu panel is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.navigationMenu.actions.selectItem',\n      description: 'Activate (open) the top-level item with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n    open: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.navigationMenu.actions.open',\n      description:\n        'Open the dropdown / mega-menu panel for the given top-level item id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.open(args.id);\n      },\n    },\n    close: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.navigationMenu.actions.close',\n      description: 'Close any open dropdown / mega-menu panel.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'navigation-menu',\n      description: 'Marks the NavigationMenu root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific menu from the agent.',\n    },\n    item: {\n      attr: 'data-nav-id',\n      description:\n        'Stable opaque id of a top-level navigation item. Selection / open targets this attribute.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n} from 'react';\nimport * as RadixNavigationMenu from '@radix-ui/react-navigation-menu';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { useDirection } from '../_shared/use-direction';\nimport { useControllableState } from '../../hooks/use-controllable-state';\n// SkipLink moved to its own module — re-imported for the navigation-menu\n// barrel's backwards-compat re-export. New consumers should import it\n// directly from `@alfadocs/ui-kit`.\nimport { SkipLink } from '../skip-link';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { navigationMenuAgent } from './navigation-menu.agent';\n\n/* -------------------------------------------------------------------- */\n/* Root                                                                  */\n/* -------------------------------------------------------------------- */\n\nconst rootClasses = [\n  'ds:relative ds:z-[var(--z-dropdown)]',\n  'ds:flex ds:max-w-max ds:items-center ds:justify-center',\n].join(' ');\n\nexport interface NavigationMenuProps extends ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Root\n> {\n  'aria-label'?: string;\n  /**\n   * Consumer-supplied instance id, surfaced as `data-component-id` so an\n   * agent / UI bridge can address this instance.\n   */\n  id?: string;\n}\n\n/**\n * Imperative handle for agent-readiness. Exposes the active top-level\n * item id + open/closed state, and lets external drivers select / open /\n * close panels by item id.\n */\nexport interface NavigationMenuHandle {\n  getActiveItem: () => string | null;\n  getIsOpen: () => boolean;\n  selectItem: (id: string) => void;\n  open: (id: string) => void;\n  close: () => void;\n}\n\ntype NavigationMenuRootElement = ElementRef<typeof RadixNavigationMenu.Root>;\n\nconst NavigationMenu = forwardRef<\n  NavigationMenuRootElement,\n  NavigationMenuProps\n>(\n  (\n    {\n      'aria-label': ariaLabel,\n      className,\n      children,\n      id,\n      value,\n      defaultValue,\n      onValueChange,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const rootRef = useRef<ElementRef<typeof RadixNavigationMenu.Root>>(null);\n    const dir = useDirection(rootRef);\n\n    const [activeValueRaw, handleValueChange] = useControllableState<string>({\n      value,\n      defaultValue: defaultValue ?? '',\n      onChange: onValueChange,\n    });\n    const activeValue = activeValueRaw ?? '';\n\n    const handle = useMemo<NavigationMenuHandle>(\n      () => ({\n        getActiveItem: () => (activeValue ? activeValue : null),\n        getIsOpen: () => Boolean(activeValue),\n        selectItem: (nextId: string) => handleValueChange(nextId),\n        open: (nextId: string) => handleValueChange(nextId),\n        close: () => handleValueChange(''),\n      }),\n      [activeValue, handleValueChange],\n    );\n    useImperativeHandle(\n      ref,\n      () => rootRef.current as NavigationMenuRootElement,\n      [],\n    );\n    useAgentRegistration(navigationMenuAgent, handle, id);\n\n    return (\n      <RadixNavigationMenu.Root\n        ref={rootRef}\n        dir={dir}\n        aria-label={ariaLabel ?? t('navigation.nav.label')}\n        className={[rootClasses, className].filter(Boolean).join(' ')}\n        id={id}\n        data-component=\"navigation-menu\"\n        data-component-id={id}\n        value={activeValue}\n        onValueChange={handleValueChange}\n        {...rest}\n      >\n        {children}\n        <NavigationMenuViewport />\n      </RadixNavigationMenu.Root>\n    );\n  },\n);\nNavigationMenu.displayName = 'NavigationMenu';\n\n/* -------------------------------------------------------------------- */\n/* List + Item                                                           */\n/* -------------------------------------------------------------------- */\n\nconst listClasses = [\n  'ds:group ds:flex ds:flex-1',\n  'ds:list-none ds:items-center ds:justify-center',\n  'ds:gap-[var(--spacing-xs)]',\n  'ds:m-0 ds:ps-0',\n].join(' ');\n\nconst NavigationMenuList = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.List>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.List>\n>(({ className, ...rest }, ref) => (\n  <RadixNavigationMenu.List\n    ref={ref}\n    className={[listClasses, className].filter(Boolean).join(' ')}\n    {...rest}\n  />\n));\nNavigationMenuList.displayName = 'NavigationMenuList';\n\nexport interface NavigationMenuItemProps extends ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Item\n> {\n  /**\n   * Stable opaque id of this top-level item. When provided, emitted as\n   * `data-nav-id` so an agent / UI bridge can target the item. Distinct\n   * from Radix's internal `value`, which controls open-state matching;\n   * pass the same string to both if you want them aligned.\n   */\n  navId?: string;\n}\n\nconst NavigationMenuItem = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Item>,\n  NavigationMenuItemProps\n>(({ navId, ...rest }, ref) => (\n  <RadixNavigationMenu.Item ref={ref} data-nav-id={navId} {...rest} />\n));\nNavigationMenuItem.displayName = 'NavigationMenuItem';\n\n/* -------------------------------------------------------------------- */\n/* Trigger                                                               */\n/* -------------------------------------------------------------------- */\n\nconst triggerClasses = [\n  'ds:group ds:inline-flex ds:items-center ds:justify-center',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-medium)]',\n  'ds:text-[var(--foreground)]',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:data-[state=open]:bg-[var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  'ds:gap-[var(--spacing-xs)]',\n].join(' ');\n\nconst chevronClasses = [\n  'ds:size-3 ds:transition-transform ds:duration-[var(--animation-duration)]',\n  'ds:group-data-[state=open]:rotate-180',\n  'ds:rtl:-scale-x-100 ds:motion-reduce:transition-none',\n].join(' ');\n\nconst NavigationMenuTrigger = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Trigger>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.Trigger>\n>(({ className, children, ...rest }, ref) => (\n  <RadixNavigationMenu.Trigger\n    ref={ref}\n    className={[triggerClasses, className].filter(Boolean).join(' ')}\n    {...rest}\n  >\n    {children}\n    <ChevronDown aria-hidden=\"true\" className={chevronClasses} />\n  </RadixNavigationMenu.Trigger>\n));\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger';\n\n/* -------------------------------------------------------------------- */\n/* Content                                                               */\n/* -------------------------------------------------------------------- */\n\nconst contentBase = [\n  'ds:absolute ds:start-0 ds:top-0 ds:w-full',\n  'ds:md:w-auto',\n  'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:p-[var(--spacing-md)]',\n  'ds:data-[motion^=from-]:animate-in ds:data-[motion^=to-]:animate-out',\n  // Logical start/end motion mapped onto physical Tailwind animation utilities.\n  // The `rtl:` variants mirror the slide direction so `from-start` enters from\n  // the inline-start edge in both LTR and RTL.\n  'ds:data-[motion=from-start]:slide-in-from-left-52 ds:rtl:data-[motion=from-start]:slide-in-from-right-52',\n  'ds:data-[motion=from-end]:slide-in-from-right-52 ds:rtl:data-[motion=from-end]:slide-in-from-left-52',\n  'ds:data-[motion=to-start]:slide-out-to-left-52 ds:rtl:data-[motion=to-start]:slide-out-to-right-52',\n  'ds:data-[motion=to-end]:slide-out-to-right-52 ds:rtl:data-[motion=to-end]:slide-out-to-left-52',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst contentVariants = cva(contentBase, {\n  variants: {\n    layout: {\n      simple: 'ds:min-w-[16rem]',\n      mega: 'ds:grid ds:grid-cols-[repeat(auto-fit,minmax(12rem,1fr))] ds:gap-[var(--spacing-md)] ds:min-w-[32rem]',\n    },\n  },\n  defaultVariants: { layout: 'simple' },\n});\n\nexport interface NavigationMenuContentProps\n  extends\n    ComponentPropsWithoutRef<typeof RadixNavigationMenu.Content>,\n    VariantProps<typeof contentVariants> {}\n\nconst NavigationMenuContent = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Content>,\n  NavigationMenuContentProps\n>(({ layout, className, ...rest }, ref) => (\n  <RadixNavigationMenu.Content\n    ref={ref}\n    className={contentVariants({ layout, className })}\n    {...rest}\n  />\n));\nNavigationMenuContent.displayName = 'NavigationMenuContent';\n\n/* -------------------------------------------------------------------- */\n/* Link                                                                  */\n/* -------------------------------------------------------------------- */\n\nconst linkClasses = [\n  'ds:block ds:rounded-[var(--radius-sm)]',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n  'ds:py-[var(--spacing-xs)]',\n  'ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-medium)]',\n  'ds:text-[var(--foreground)]',\n  'ds:no-underline',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:data-[active]:underline ds:data-[active]:underline-offset-[var(--spacing-xs)]',\n  'ds:aria-[current=page]:underline ds:aria-[current=page]:underline-offset-[var(--spacing-xs)]',\n  'ds:aria-[current=page]:font-[var(--font-weight-semibold)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nexport interface NavigationMenuLinkProps extends ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Link\n> {\n  /** Render through Radix Slot so routers can inject their own link element. */\n  asChild?: boolean;\n}\n\nconst NavigationMenuLink = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Link>,\n  NavigationMenuLinkProps\n>(({ asChild = false, className, children, ...rest }, ref) => (\n  <RadixNavigationMenu.Link\n    ref={ref}\n    asChild={asChild}\n    className={\n      asChild ? undefined : [linkClasses, className].filter(Boolean).join(' ')\n    }\n    {...rest}\n  >\n    {asChild ? (\n      <Slot className={[linkClasses, className].filter(Boolean).join(' ')}>\n        {children}\n      </Slot>\n    ) : (\n      children\n    )}\n  </RadixNavigationMenu.Link>\n));\nNavigationMenuLink.displayName = 'NavigationMenuLink';\n\n/* -------------------------------------------------------------------- */\n/* Indicator + Viewport                                                  */\n/* -------------------------------------------------------------------- */\n\nconst indicatorClasses = [\n  'ds:top-full ds:z-[1] ds:flex ds:h-2 ds:items-end ds:justify-center ds:overflow-hidden',\n  'ds:data-[state=visible]:animate-in ds:data-[state=hidden]:animate-out',\n  'ds:data-[state=visible]:fade-in ds:data-[state=hidden]:fade-out',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst NavigationMenuIndicator = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Indicator>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.Indicator>\n>(({ className, ...rest }, ref) => (\n  <RadixNavigationMenu.Indicator\n    ref={ref}\n    className={[indicatorClasses, className].filter(Boolean).join(' ')}\n    {...rest}\n  >\n    <span className=\"ds:relative ds:top-[60%] ds:h-2 ds:w-2 ds:rotate-45 ds:rounded-tl-sm ds:bg-[var(--border)]\" />\n  </RadixNavigationMenu.Indicator>\n));\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator';\n\nconst viewportClasses = [\n  'ds:origin-top-center ds:relative ds:mt-[var(--spacing-xs)]',\n  'ds:h-[var(--radix-navigation-menu-viewport-height)]',\n  'ds:w-full ds:overflow-hidden',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]',\n  'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n  'ds:data-[state=open]:zoom-in-90 ds:data-[state=closed]:zoom-out-95',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst NavigationMenuViewport = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Viewport>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.Viewport>\n>(({ className, ...rest }, ref) => (\n  <div className=\"ds:absolute ds:start-0 ds:top-full ds:flex ds:justify-center\">\n    <RadixNavigationMenu.Viewport\n      ref={ref}\n      className={[viewportClasses, className].filter(Boolean).join(' ')}\n      {...rest}\n    />\n  </div>\n));\nNavigationMenuViewport.displayName = 'NavigationMenuViewport';\n\n/* -------------------------------------------------------------------- */\n/* Exports                                                               */\n/* -------------------------------------------------------------------- */\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  SkipLink,\n};\n"],"names":["navigationMenuAgent","handle","args","rootClasses","NavigationMenu","forwardRef","ariaLabel","className","children","id","value","defaultValue","onValueChange","rest","ref","t","useTranslation","rootRef","useRef","dir","useDirection","activeValueRaw","handleValueChange","useControllableState","activeValue","useMemo","nextId","useImperativeHandle","useAgentRegistration","jsxs","RadixNavigationMenu","NavigationMenuViewport","listClasses","NavigationMenuList","jsx","NavigationMenuItem","navId","triggerClasses","chevronClasses","NavigationMenuTrigger","ChevronDown","contentBase","contentVariants","cva","NavigationMenuContent","layout","linkClasses","NavigationMenuLink","asChild","Slot","indicatorClasses","NavigationMenuIndicator","viewportClasses"],"mappings":"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"}