@alfadocs/ui-kit-debug 0.16.0 → 0.17.1

package/dist/_chunks/copy-field-BCHAZ8QV.js

@@ -0,0 +1,298 @@
+import { jsxs as P, jsx as p } from "react/jsx-runtime";
+import { useRef as m, useEffect as V, useState as A, useCallback as y, forwardRef as _, useMemo as H } from "react";
+import { c as x } from "./index-D2ZczOXr.js";
+import { useTranslation as O } from "react-i18next";
+import { B as W } from "./button-DD_0Xdmr.js";
+import { u as q } from "./registry-C9nwlNyL.js";
+import { C as D } from "./check-DPdL_Sm7.js";
+import { C as G } from "./copy-B00HK7tj.js";
+const J = typeof navigator < "u" && typeof navigator.clipboard < "u" && typeof navigator.clipboard.writeText == "function";
+function Q(t = {}) {
+  const { resetAfterMs: e = 2e3, writer: s } = t, o = m(s);
+  V(() => {
+    o.current = s;
+  }, [s]);
+  const [C, i] = A("idle"), [T, u] = A(null), n = m(null), a = y(() => {
+    n.current !== null && (clearTimeout(n.current), n.current = null);
+  }, []), d = y(() => {
+    a(), i("idle"), u(null);
+  }, [a]), z = y(
+    async (c) => {
+      a();
+      const h = o.current;
+      let l = !1;
+      if (h)
+        try {
+          l = await h(c);
+        } catch {
+          l = !1;
+        }
+      else {
+        if (!(J || typeof navigator < "u" && typeof navigator.clipboard < "u" && typeof navigator.clipboard.writeText == "function"))
+          return i("error"), u(null), !1;
+        try {
+          await navigator.clipboard.writeText(c), l = !0;
+        } catch {
+          l = !1;
+        }
+      }
+      return l ? (i("copied"), u(c), e > 0 && (n.current = setTimeout(() => {
+        n.current = null, i("idle");
+      }, e)), !0) : (i("error"), u(null), !1);
+    },
+    [a, e]
+  );
+  return V(() => a, [a]), { status: C, copiedValue: T, copy: z, reset: d };
+}
+const U = {
+  id: "copy-field",
+  capabilities: [],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.copyField.state.value",
+      description: "The value displayed in the read-only field.",
+      read: (t) => t.getValue()
+    },
+    copied: {
+      type: "boolean",
+      descriptionKey: "ui.agent.copyField.state.copied",
+      description: "True for the brief window after a successful copy.",
+      read: (t) => t.isCopied()
+    }
+  },
+  actions: {
+    copy: {
+      safety: "write",
+      descriptionKey: "ui.agent.copyField.actions.copy",
+      description: "Programmatically trigger the clipboard write.",
+      invoke: (t) => t.copy()
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "copy-field",
+      description: "Marks the CopyField root. The trailing button uses `aria-label` keyed off the copy / copied state."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop, when provided."
+    }
+  }
+};
+async function X(t) {
+  var o;
+  if (typeof navigator < "u" && ((o = navigator.clipboard) != null && o.writeText))
+    try {
+      return await navigator.clipboard.writeText(t), !0;
+    } catch {
+    }
+  if (typeof document > "u") return !1;
+  const e = document.createElement("textarea");
+  e.value = t, e.setAttribute("readonly", ""), e.style.position = "absolute", e.style.setProperty("inset-inline-start", "-9999px"), document.body.appendChild(e), e.select();
+  let s = !1;
+  try {
+    s = document.execCommand("copy");
+  } catch {
+    s = !1;
+  }
+  return document.body.removeChild(e), s;
+}
+const Y = x(
+  [
+    "ds:inline-flex ds:items-stretch ds:w-full",
+    "ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground",
+    "ds:border ds:border-border",
+    "ds:shadow-[var(--shadow-input)]",
+    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
+    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-within:outline-[CanvasText]",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:overflow-hidden"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:h-8 ds:text-[var(--font-size-sm)]",
+        md: "ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)]",
+        lg: "ds:h-12 ds:text-[var(--font-size-lg)]"
+      },
+      disabled: {
+        true: "ds:opacity-50 ds:cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: { size: "md", disabled: !1 }
+  }
+), Z = x(
+  [
+    "ds:flex-1 ds:min-w-0 ds:bg-transparent ds:border-0 ds:outline-none",
+    "ds:text-foreground",
+    "ds:disabled:cursor-not-allowed"
+  ].join(" "),
+  {
+    variants: {
+      intent: {
+        default: "",
+        // `--primary` is calibrated for foreground use (violet-500 light,
+        // magenta-500 dark) — both pass AA against their input backgrounds.
+        primary: "ds:text-primary ds:font-medium"
+      },
+      size: {
+        sm: "ds:text-[var(--font-size-sm)]",
+        md: "ds:text-[var(--font-size-base)]",
+        lg: "ds:text-[var(--font-size-lg)]"
+      },
+      wrap: {
+        true: "ds:[overflow-wrap:anywhere] ds:whitespace-normal",
+        false: "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap"
+      },
+      hasStartIcon: {
+        true: "",
+        false: ""
+      }
+    },
+    // Explicit pairs decide the leading padding — single ps-* per cell, so
+    // there's no fight between size + hasStartIcon under Tailwind's flat
+    // utility precedence.
+    compoundVariants: [
+      { size: "sm", hasStartIcon: !1, class: "ds:ps-[var(--spacing-sm)]" },
+      { size: "md", hasStartIcon: !1, class: "ds:ps-[var(--spacing-sm)]" },
+      { size: "lg", hasStartIcon: !1, class: "ds:ps-[var(--spacing-md)]" },
+      { size: "sm", hasStartIcon: !0, class: "ds:ps-[var(--spacing-xs)]" },
+      { size: "md", hasStartIcon: !0, class: "ds:ps-[var(--spacing-xs)]" },
+      { size: "lg", hasStartIcon: !0, class: "ds:ps-[var(--spacing-sm)]" }
+    ],
+    defaultVariants: {
+      intent: "default",
+      size: "md",
+      wrap: !1,
+      hasStartIcon: !1
+    }
+  }
+), $ = x(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+    "ds:text-muted-foreground",
+    "ds:[&_svg]:size-4"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:ps-[var(--spacing-sm)]",
+        md: "ds:ps-[var(--spacing-sm)]",
+        lg: "ds:ps-[var(--spacing-md)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), ee = x(
+  [
+    "ds:shrink-0 ds:rounded-none",
+    "ds:focus-visible:outline-none",
+    "ds:h-full",
+    "ds:gap-[var(--spacing-xs)]"
+  ].join(" ")
+), te = _(
+  ({
+    value: t,
+    size: e = "md",
+    intent: s = "default",
+    startIcon: o,
+    wrap: C = !1,
+    copyLabel: i,
+    copiedLabel: T,
+    copiedDuration: u = 2e3,
+    ariaLabel: n,
+    onCopy: a,
+    disabled: d = !1,
+    className: z,
+    id: c,
+    ...h
+  }, l) => {
+    const { t: r } = O(), g = m(t);
+    g.current = t;
+    const v = m(a);
+    v.current = a;
+    const { status: w, copy: I } = Q({
+      resetAfterMs: u,
+      writer: X
+    }), f = w === "copied", R = m(!1);
+    R.current = f;
+    const [B, F] = A("");
+    V(() => {
+      F(w === "copied" ? r("copyField.copySuccess") : w === "error" ? r("copyField.copyFailed") : "");
+    }, [w, r]);
+    const b = y(async () => {
+      var j;
+      if (d) return !1;
+      const L = await I(g.current);
+      return L && ((j = v.current) == null || j.call(v, g.current)), L;
+    }, [d, I]), N = y(() => {
+      b();
+    }, [b]), K = H(
+      () => ({
+        getValue: () => g.current,
+        copy: () => b(),
+        isCopied: () => R.current
+      }),
+      [b]
+    );
+    q(U, K, c);
+    const M = n ?? r("copyField.valueLabel"), S = i ?? r("copyField.copy"), k = T ?? r("copyField.copied"), E = f ? typeof k == "string" ? k : r("copyField.copied") : typeof S == "string" ? S : r("copyField.copy");
+    return /* @__PURE__ */ P(
+      "div",
+      {
+        ref: l,
+        className: Y({ size: e, disabled: d, className: z }),
+        "data-component": "copy-field",
+        "data-component-id": c,
+        "data-copied": f ? "true" : void 0,
+        ...h,
+        children: [
+          o ? /* @__PURE__ */ p("span", { "aria-hidden": "true", className: $({ size: e }), children: o }) : null,
+          /* @__PURE__ */ p(
+            "input",
+            {
+              id: c,
+              type: "text",
+              readOnly: !0,
+              value: t,
+              disabled: d,
+              "aria-label": M,
+              className: Z({
+                intent: s,
+                size: e,
+                wrap: C,
+                hasStartIcon: !!o
+              })
+            }
+          ),
+          /* @__PURE__ */ p(
+            W,
+            {
+              type: "button",
+              intent: "ghost",
+              size: e,
+              onClick: N,
+              disabled: d,
+              "aria-label": E,
+              className: ee(),
+              startIcon: f ? /* @__PURE__ */ p(D, { "aria-hidden": "true" }) : /* @__PURE__ */ p(G, { "aria-hidden": "true" }),
+              children: /* @__PURE__ */ p("span", { className: "type-label", children: f ? k : S })
+            }
+          ),
+          /* @__PURE__ */ p("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: B })
+        ]
+      }
+    );
+  }
+);
+te.displayName = "CopyField";
+export {
+  te as C,
+  U as c
+};
+//# sourceMappingURL=copy-field-BCHAZ8QV.js.map

package/dist/_chunks/copy-field-BCHAZ8QV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-field-BCHAZ8QV.js","sources":["../../src/hooks/use-copy-to-clipboard.ts","../../src/components/copy-field/copy-field.agent.ts","../../src/components/copy-field/copy-field.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type CopyStatus = 'idle' | 'copied' | 'error';\n\nexport interface UseCopyToClipboardOptions {\n  /**\n   * Auto-reset to `'idle'` this many ms after a successful copy. Pass\n   * `0` to disable auto-reset (caller drives the lifecycle). @default 2000\n   */\n  resetAfterMs?: number;\n  /**\n   * Override the underlying clipboard writer. When omitted the hook\n   * uses `navigator.clipboard.writeText`. Pass your own writer to add\n   * a legacy `document.execCommand('copy')` fallback for non-HTTPS\n   * contexts, or to instrument the call for telemetry. Must resolve\n   * `true` on success, `false` on failure (do not throw).\n   */\n  writer?: (value: string) => Promise<boolean>;\n}\n\nexport interface UseCopyToClipboardReturn {\n  /** Current status. `'idle'` until the first `copy()` call. */\n  status: CopyStatus;\n  /** Last value successfully copied, or `null`. */\n  copiedValue: string | null;\n  /** Copy `value` to the clipboard. Returns `true` on success. */\n  copy: (value: string) => Promise<boolean>;\n  /** Reset to `'idle'` immediately. */\n  reset: () => void;\n}\n\nconst SSR_FALLBACK_AVAILABLE =\n  typeof navigator !== 'undefined' &&\n  typeof navigator.clipboard !== 'undefined' &&\n  typeof navigator.clipboard.writeText === 'function';\n\n/**\n * Copy a string to the system clipboard with status tracking.\n *\n * Uses `navigator.clipboard.writeText` (https-only / focus-required, but\n * universally available in modern browsers). Falls back gracefully —\n * `copy()` returns `false` and sets `status: 'error'` when the Clipboard\n * API is unavailable or the call rejects.\n *\n * Status auto-resets to `'idle'` after `resetAfterMs` ms by default so\n * the common \"show ✓ for 2s after click\" UX has zero glue code.\n *\n * @example\n *   const { status, copy } = useCopyToClipboard();\n *   <Button onClick={() => copy(value)}>\n *     {status === 'copied' ? 'Copied!' : 'Copy'}\n *   </Button>\n */\nexport function useCopyToClipboard(\n  options: UseCopyToClipboardOptions = {},\n): UseCopyToClipboardReturn {\n  const { resetAfterMs = 2000, writer } = options;\n\n  // Mirror the writer in a ref so callers passing a fresh closure each\n  // render don't churn the `copy` identity.\n  const writerRef = useRef(writer);\n  useEffect(() => {\n    writerRef.current = writer;\n  }, [writer]);\n\n  const [status, setStatus] = useState<CopyStatus>('idle');\n  const [copiedValue, setCopiedValue] = useState<string | null>(null);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearTimer = useCallback(() => {\n    if (timerRef.current !== null) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  }, []);\n\n  const reset = useCallback(() => {\n    clearTimer();\n    setStatus('idle');\n    setCopiedValue(null);\n  }, [clearTimer]);\n\n  const copy = useCallback(\n    async (value: string): Promise<boolean> => {\n      clearTimer();\n\n      const customWriter = writerRef.current;\n      let ok = false;\n\n      if (customWriter) {\n        try {\n          ok = await customWriter(value);\n        } catch {\n          ok = false;\n        }\n      } else {\n        // Re-read availability at call time so a hook instantiated during\n        // SSR still works on the client.\n        const hasClipboard =\n          SSR_FALLBACK_AVAILABLE ||\n          (typeof navigator !== 'undefined' &&\n            typeof navigator.clipboard !== 'undefined' &&\n            typeof navigator.clipboard.writeText === 'function');\n\n        if (!hasClipboard) {\n          setStatus('error');\n          setCopiedValue(null);\n          return false;\n        }\n\n        try {\n          await navigator.clipboard.writeText(value);\n          ok = true;\n        } catch {\n          ok = false;\n        }\n      }\n\n      if (!ok) {\n        setStatus('error');\n        setCopiedValue(null);\n        return false;\n      }\n\n      setStatus('copied');\n      setCopiedValue(value);\n\n      if (resetAfterMs > 0) {\n        timerRef.current = setTimeout(() => {\n          timerRef.current = null;\n          setStatus('idle');\n        }, resetAfterMs);\n      }\n      return true;\n    },\n    [clearTimer, resetAfterMs],\n  );\n\n  useEffect(() => clearTimer, [clearTimer]);\n\n  return { status, copiedValue, copy, reset };\n}\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — CopyField.                                             */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\n/**\n * Imperative handle for CopyField — agents can read the value and trigger a\n * programmatic copy. State stays scoped to identifiers + transient UI state;\n * never PHI (per PRS §Security).\n */\nexport interface CopyFieldHandle {\n  /** Returns the read-only value currently displayed. */\n  getValue: () => string;\n  /** Triggers the clipboard write side-effect. */\n  copy: () => Promise<boolean>;\n  /** Returns true for the brief window after a successful copy. */\n  isCopied: () => boolean;\n}\n\nexport const copyFieldAgent: AgentAdapter<CopyFieldHandle> = {\n  id: 'copy-field',\n  capabilities: [],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.copyField.state.value',\n      description: 'The value displayed in the read-only field.',\n      read: (handle) => handle.getValue(),\n    },\n    copied: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.copyField.state.copied',\n      description: 'True for the brief window after a successful copy.',\n      read: (handle) => handle.isCopied(),\n    },\n  },\n  actions: {\n    copy: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.copyField.actions.copy',\n      description: 'Programmatically trigger the clipboard write.',\n      invoke: (handle) => handle.copy(),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'copy-field',\n      description:\n        'Marks the CopyField root. The trailing button uses `aria-label` keyed off the copy / copied state.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop, when provided.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy } from 'lucide-react';\nimport { Button } from '../button/button';\nimport { useAgentRegistration } from '../../agent';\nimport { useCopyToClipboard } from '../../hooks/use-copy-to-clipboard';\nimport { copyFieldAgent, type CopyFieldHandle } from './copy-field.agent';\n\n/* ------------------------------------------------------------------ */\n/* Clipboard helper                                                    */\n/*                                                                     */\n/* `navigator.clipboard.writeText` is the modern path. The fallback   */\n/* covers older browsers and insecure contexts via a synthesised      */\n/* textarea + `document.execCommand('copy')`. The off-screen position */\n/* uses imperative DOM `.style` assignments — those are NOT JSX inline */\n/* styles and don't violate constraint §3.                            */\n/* ------------------------------------------------------------------ */\n\nasync function copyToClipboard(text: string): Promise<boolean> {\n  if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {\n    try {\n      await navigator.clipboard.writeText(text);\n      return true;\n    } catch {\n      // fall through to legacy path\n    }\n  }\n  if (typeof document === 'undefined') return false;\n  const textarea = document.createElement('textarea');\n  textarea.value = text;\n  textarea.setAttribute('readonly', '');\n  // Imperative DOM style — not a JSX inline-style violation. We use\n  // `setProperty('inset-inline-start', …)` so the hidden textarea stays\n  // logically off-screen in both LTR and RTL contexts.\n  textarea.style.position = 'absolute';\n  textarea.style.setProperty('inset-inline-start', '-9999px');\n  document.body.appendChild(textarea);\n  textarea.select();\n  let ok = false;\n  try {\n    ok = document.execCommand('copy');\n  } catch {\n    ok = false;\n  }\n  document.body.removeChild(textarea);\n  return ok;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — outer wrapper                                                 */\n/*                                                                     */\n/* Mirrors the shared input-surface chrome (border + halo shadow) so   */\n/* CopyField sits inline next to TextInput / Combobox in forms without */\n/* visual drift. Logical paddings only. `ds:focus-within` paints the   */\n/* ring when the trailing button or the embedded input receives focus. */\n/* ------------------------------------------------------------------ */\n\nconst fieldVariants = cva(\n  [\n    'ds:inline-flex ds:items-stretch ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground',\n    'ds:border ds:border-border',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-within:outline-[CanvasText]',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[var(--font-size-lg)]',\n      },\n      disabled: {\n        true: 'ds:opacity-50 ds:cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: { size: 'md', disabled: false },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — value <input> styling                                         */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva(\n  [\n    'ds:flex-1 ds:min-w-0 ds:bg-transparent ds:border-0 ds:outline-none',\n    'ds:text-foreground',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      intent: {\n        default: '',\n        // `--primary` is calibrated for foreground use (violet-500 light,\n        // magenta-500 dark) — both pass AA against their input backgrounds.\n        primary: 'ds:text-primary ds:font-medium',\n      },\n      size: {\n        sm: 'ds:text-[var(--font-size-sm)]',\n        md: 'ds:text-[var(--font-size-base)]',\n        lg: 'ds:text-[var(--font-size-lg)]',\n      },\n      wrap: {\n        true: 'ds:[overflow-wrap:anywhere] ds:whitespace-normal',\n        false: 'ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap',\n      },\n      hasStartIcon: {\n        true: '',\n        false: '',\n      },\n    },\n    // Explicit pairs decide the leading padding — single ps-* per cell, so\n    // there's no fight between size + hasStartIcon under Tailwind's flat\n    // utility precedence.\n    compoundVariants: [\n      { size: 'sm', hasStartIcon: false, class: 'ds:ps-[var(--spacing-sm)]' },\n      { size: 'md', hasStartIcon: false, class: 'ds:ps-[var(--spacing-sm)]' },\n      { size: 'lg', hasStartIcon: false, class: 'ds:ps-[var(--spacing-md)]' },\n      { size: 'sm', hasStartIcon: true, class: 'ds:ps-[var(--spacing-xs)]' },\n      { size: 'md', hasStartIcon: true, class: 'ds:ps-[var(--spacing-xs)]' },\n      { size: 'lg', hasStartIcon: true, class: 'ds:ps-[var(--spacing-sm)]' },\n    ],\n    defaultVariants: {\n      intent: 'default',\n      size: 'md',\n      wrap: false,\n      hasStartIcon: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Leading icon slot                                                   */\n/* ------------------------------------------------------------------ */\n\nconst startIconVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:text-muted-foreground',\n    'ds:[&_svg]:size-4',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-[var(--spacing-sm)]',\n        md: 'ds:ps-[var(--spacing-sm)]',\n        lg: 'ds:ps-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Trailing button wrapper                                             */\n/*                                                                     */\n/* The button visually attaches to the field by removing its own focus */\n/* ring (the wrapper paints `focus-within`) and rounding only the       */\n/* trailing inline-end corners.                                         */\n/* ------------------------------------------------------------------ */\n\nconst copyButtonVariants = cva(\n  [\n    'ds:shrink-0 ds:rounded-none',\n    'ds:focus-visible:outline-none',\n    'ds:h-full',\n    'ds:gap-[var(--spacing-xs)]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                               */\n/* ------------------------------------------------------------------ */\n\ntype FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;\ntype ValueIntent = NonNullable<VariantProps<typeof valueVariants>['intent']>;\n\nexport interface CopyFieldProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children' | 'onCopy'\n> {\n  /** The value displayed in the read-only field and copied on click. */\n  value: string;\n  /** Field height + padding. Mirrors TextInput sizes. */\n  size?: FieldSize;\n  /**\n   * `primary` tints the value text with `--primary` — matches the\n   * link-style emphasis used by the telehealth showSession page.\n   */\n  intent?: ValueIntent;\n  /**\n   * Leading icon slot, decorative. Use `lucide-react` icons like\n   * `<Link2 />` for a URL, `<KeyRound />` for a token.\n   */\n  startIcon?: ReactNode;\n  /**\n   * `false` (default) truncates long values with ellipsis on a single\n   * line. `true` allows wrap with `overflow-wrap: anywhere`.\n   */\n  wrap?: boolean;\n  /** Override the default 'Copy' button label. */\n  copyLabel?: ReactNode;\n  /** Override the default 'Copied' success-state label. */\n  copiedLabel?: ReactNode;\n  /** Milliseconds before the button reverts to its default state. Default 2000. */\n  copiedDuration?: number;\n  /** ARIA label for the read-only textbox. Defaults to the i18n key. */\n  ariaLabel?: string;\n  /** Fires once after a successful clipboard write. */\n  onCopy?: (value: string) => void;\n  /** Greys both the field and the button; the button doesn't fire onCopy. */\n  disabled?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CopyField                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const CopyField = forwardRef<HTMLDivElement, CopyFieldProps>(\n  (\n    {\n      value,\n      size = 'md',\n      intent = 'default',\n      startIcon,\n      wrap = false,\n      copyLabel,\n      copiedLabel,\n      copiedDuration = 2000,\n      ariaLabel,\n      onCopy,\n      disabled = false,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const valueRef = useRef(value);\n    valueRef.current = value;\n    const onCopyRef = useRef(onCopy);\n    onCopyRef.current = onCopy;\n\n    // Drive status + auto-reset from the shared hook. The custom `writer`\n    // preserves CopyField's legacy `document.execCommand('copy')` fallback\n    // for non-HTTPS / older-browser contexts.\n    const { status, copy } = useCopyToClipboard({\n      resetAfterMs: copiedDuration,\n      writer: copyToClipboard,\n    });\n    const copied = status === 'copied';\n    const copiedRef = useRef(false);\n    copiedRef.current = copied;\n\n    // i18n-aware live-region text mirrors the hook status — `copied` →\n    // success message, `error` → failure message, `idle` → clear.\n    const [liveRegionText, setLiveRegionText] = useState('');\n    useEffect(() => {\n      if (status === 'copied') {\n        setLiveRegionText(t('copyField.copySuccess'));\n      } else if (status === 'error') {\n        setLiveRegionText(t('copyField.copyFailed'));\n      } else {\n        setLiveRegionText('');\n      }\n    }, [status, t]);\n\n    const handleCopy = useCallback(async (): Promise<boolean> => {\n      if (disabled) return false;\n      const ok = await copy(valueRef.current);\n      if (ok) onCopyRef.current?.(valueRef.current);\n      return ok;\n    }, [disabled, copy]);\n\n    const handleButtonClick = useCallback(() => {\n      void handleCopy();\n    }, [handleCopy]);\n\n    /* -------------------------------------------------------------- */\n    /* Agent handle — read value + trigger copy + check transient state */\n    /* -------------------------------------------------------------- */\n\n    const agentHandle = useMemo<CopyFieldHandle>(\n      () => ({\n        getValue: () => valueRef.current,\n        copy: () => handleCopy(),\n        isCopied: () => copiedRef.current,\n      }),\n      [handleCopy],\n    );\n    useAgentRegistration(copyFieldAgent, agentHandle, id);\n\n    const resolvedAriaLabel = ariaLabel ?? t('copyField.valueLabel');\n    const resolvedCopyText = copyLabel ?? t('copyField.copy');\n    const resolvedCopiedText = copiedLabel ?? t('copyField.copied');\n    // `aria-label` must be a string; when the consumer passes a non-string\n    // ReactNode for copyLabel / copiedLabel we fall back to the translated\n    // default so AT users still hear a coherent name.\n    const buttonAccessibleLabel = copied\n      ? typeof resolvedCopiedText === 'string'\n        ? resolvedCopiedText\n        : t('copyField.copied')\n      : typeof resolvedCopyText === 'string'\n        ? resolvedCopyText\n        : t('copyField.copy');\n\n    return (\n      <div\n        ref={ref}\n        className={fieldVariants({ size, disabled, className })}\n        data-component=\"copy-field\"\n        data-component-id={id}\n        data-copied={copied ? 'true' : undefined}\n        {...rest}\n      >\n        {startIcon ? (\n          <span aria-hidden=\"true\" className={startIconVariants({ size })}>\n            {startIcon}\n          </span>\n        ) : null}\n        <input\n          id={id}\n          type=\"text\"\n          readOnly\n          value={value}\n          disabled={disabled}\n          aria-label={resolvedAriaLabel}\n          className={valueVariants({\n            intent,\n            size,\n            wrap,\n            hasStartIcon: Boolean(startIcon),\n          })}\n        />\n        <Button\n          type=\"button\"\n          intent=\"ghost\"\n          size={size}\n          onClick={handleButtonClick}\n          disabled={disabled}\n          aria-label={buttonAccessibleLabel}\n          className={copyButtonVariants()}\n          startIcon={\n            copied ? <Check aria-hidden=\"true\" /> : <Copy aria-hidden=\"true\" />\n          }\n        >\n          <span className=\"type-label\">\n            {copied ? resolvedCopiedText : resolvedCopyText}\n          </span>\n        </Button>\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {liveRegionText}\n        </span>\n      </div>\n    );\n  },\n);\n\nCopyField.displayName = 'CopyField';\n"],"names":["SSR_FALLBACK_AVAILABLE","useCopyToClipboard","options","resetAfterMs","writer","writerRef","useRef","useEffect","status","setStatus","useState","copiedValue","setCopiedValue","timerRef","clearTimer","useCallback","reset","copy","value","customWriter","ok","copyFieldAgent","handle","copyToClipboard","text","_a","textarea","fieldVariants","cva","valueVariants","startIconVariants","copyButtonVariants","CopyField","forwardRef","size","intent","startIcon","wrap","copyLabel","copiedLabel","copiedDuration","ariaLabel","onCopy","disabled","className","id","rest","ref","t","useTranslation","valueRef","onCopyRef","copied","copiedRef","liveRegionText","setLiveRegionText","handleCopy","handleButtonClick","agentHandle","useMemo","useAgentRegistration","resolvedAriaLabel","resolvedCopyText","resolvedCopiedText","buttonAccessibleLabel","jsxs","jsx","Button","Check","Copy"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 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 * as o from "@radix-ui/react-navigation-menu";
-import { Slot as R } from "@radix-ui/react-slot";
-import { c as L } from "./index-D2ZczOXr.js";
+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";
@@ -77,18 +77,18 @@ const S = {
     className: t,
     children: a,
     id: i,
-    value: c,
+    value: m,
     defaultValue: h,
-    onValueChange: m,
+    onValueChange: c,
     ...b
   }, N) => {
-    const { t: w } = T(), u = I(null), y = A(u), v = c !== void 0, [x, M] = k(
+    const { t: w } = T(), u = I(null), y = A(u), v = m !== void 0, [M, x] = k(
       h ?? ""
-    ), r = v ? c : x, l = z(
+    ), r = v ? m : M, l = z(
       (d) => {
-        v || M(d), m == null || m(d);
+        v || x(d), c == null || c(d);
       },
-      [v, m]
+      [v, c]
     ), j = C(
       () => ({
         getActiveItem: () => r || null,
@@ -139,9 +139,9 @@ const D = [
   }
 ));
 H.displayName = "NavigationMenuList";
-const _ = n(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
-_.displayName = "NavigationMenuItem";
-const P = [
+const P = n(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
+P.displayName = "NavigationMenuItem";
+const _ = [
   "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)]",
@@ -163,7 +163,7 @@ const P = [
   o.Trigger,
   {
     ref: i,
-    className: [P, e].filter(Boolean).join(" "),
+    className: [_, e].filter(Boolean).join(" "),
     ...a,
     children: [
       t,
@@ -188,7 +188,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 = L(F, {
+].join(" "), G = R(F, {
   variants: {
     layout: {
       simple: "ds:min-w-[16rem]",
@@ -220,14 +220,14 @@ 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 }, c) => /* @__PURE__ */ s(
+].join(" "), Q = n(({ asChild: e = !1, className: t, children: a, ...i }, m) => /* @__PURE__ */ s(
   o.Link,
   {
-    ref: c,
+    ref: m,
     asChild: e,
     className: e ? void 0 : [g, t].filter(Boolean).join(" "),
     ...i,
-    children: e ? /* @__PURE__ */ s(R, { className: [g, t].filter(Boolean).join(" "), children: a }) : a
+    children: e ? /* @__PURE__ */ s(L, { className: [g, t].filter(Boolean).join(" "), children: a }) : a
   }
 ));
 Q.displayName = "NavigationMenuLink";
@@ -269,11 +269,11 @@ export {
   q as N,
   J as a,
   X as b,
-  _ as c,
+  P as c,
   Q as d,
   H as e,
   E as f,
   f as g,
   S as n
 };
-//# sourceMappingURL=navigation-menu-Bav1d_wA.js.map
+//# sourceMappingURL=navigation-menu-DdufF-_4.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu-Bav1d_wA.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  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\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';\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 isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const activeValue = isControlled ? value : internalValue;\n\n    const handleValueChange = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n        onValueChange?.(next);\n      },\n      [isControlled, onValueChange],\n    );\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","isControlled","internalValue","setInternalValue","useState","activeValue","handleValueChange","useCallback","next","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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"}
+{"version":3,"file":"navigation-menu-DdufF-_4.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  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\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';\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 isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const activeValue = isControlled ? value : internalValue;\n\n    const handleValueChange = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n        onValueChange?.(next);\n      },\n      [isControlled, onValueChange],\n    );\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","isControlled","internalValue","setInternalValue","useState","activeValue","handleValueChange","useCallback","next","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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"}