commerce-toolkit 0.6.0 → 0.8.0

package/dist/navigation-menu.js

@@ -1,12 +1,12 @@
 import { jsx as i, jsxs as ee, Fragment as te } from "react/jsx-runtime";
 import * as s from "react";
-import Re from "react-dom";
+import ye from "react-dom";
 import { c as Ee } from "./index-DFZozV_h.js";
-import { c as R } from "./index-B695uy69.js";
-import { P as k, d as ne } from "./index-DYM6xIoO.js";
-import { u as ae } from "./index-437EL2iq.js";
-import { u as O, c as Te } from "./index-DLcqcWxM.js";
-import { u as ke } from "./index-ByaXH_ih.js";
+import { c as y } from "./index-B695uy69.js";
+import { P as T, d as ne } from "./index-DYM6xIoO.js";
+import { u as re } from "./index-437EL2iq.js";
+import { u as O, c as ke } from "./index-DLcqcWxM.js";
+import { u as Te } from "./index-ByaXH_ih.js";
 import { P as V } from "./index-BpWB3aFK.js";
 import { u as ie } from "./index-Cv867SGx.js";
 import { c as se } from "./index-CFzSulqY.js";
@@ -19,30 +19,30 @@ import { c as E } from "./utils-CRiPKpXj.js";
 var D = "NavigationMenu", [j, ue, Le] = se(D), [$, Se, De] = se(D), [Y] = Ee(
   D,
   [Le, De]
-), [Ae, T] = Y(D), [Oe, Fe] = Y(D), ce = s.forwardRef(
+), [Ae, k] = Y(D), [Oe, Fe] = Y(D), ce = s.forwardRef(
   (e, t) => {
     const {
       __scopeNavigationMenu: n,
-      value: r,
+      value: a,
       onValueChange: o,
-      defaultValue: a,
+      defaultValue: r,
       delayDuration: u = 200,
       skipDelayDuration: v = 300,
       orientation: l = "horizontal",
-      dir: b,
+      dir: h,
       ...c
-    } = e, [g, C] = s.useState(null), M = O(t, (x) => C(x)), p = ke(b), h = s.useRef(0), N = s.useRef(0), y = s.useRef(0), [I, d] = s.useState(!0), [m, f] = ae({
-      prop: r,
+    } = e, [g, C] = s.useState(null), M = O(t, (x) => C(x)), p = Te(h), w = s.useRef(0), N = s.useRef(0), R = s.useRef(0), [I, d] = s.useState(!0), [m, f] = re({
+      prop: a,
       onChange: (x) => {
         const P = x !== "", G = v > 0;
-        P ? (window.clearTimeout(y.current), G && d(!1)) : (window.clearTimeout(y.current), y.current = window.setTimeout(
+        P ? (window.clearTimeout(R.current), G && d(!1)) : (window.clearTimeout(R.current), R.current = window.setTimeout(
           () => d(!0),
           v
         )), o?.(x);
       },
-      defaultProp: a ?? "",
+      defaultProp: r ?? "",
       caller: D
-    }), w = s.useCallback(() => {
+    }), b = s.useCallback(() => {
       window.clearTimeout(N.current), N.current = window.setTimeout(() => f(""), 150);
     }, [f]), _ = s.useCallback(
       (x) => {
@@ -51,14 +51,14 @@ var D = "NavigationMenu", [j, ue, Le] = se(D), [$, Se, De] = se(D), [Y] = Ee(
       [f]
     ), L = s.useCallback(
       (x) => {
-        m === x ? window.clearTimeout(N.current) : h.current = window.setTimeout(() => {
+        m === x ? window.clearTimeout(N.current) : w.current = window.setTimeout(() => {
           window.clearTimeout(N.current), f(x);
         }, u);
       },
       [m, f, u]
     );
     return s.useEffect(() => () => {
-      window.clearTimeout(h.current), window.clearTimeout(N.current), window.clearTimeout(y.current);
+      window.clearTimeout(w.current), window.clearTimeout(N.current), window.clearTimeout(R.current);
     }, []), /* @__PURE__ */ i(
       le,
       {
@@ -69,19 +69,19 @@ var D = "NavigationMenu", [j, ue, Le] = se(D), [$, Se, De] = se(D), [Y] = Ee(
         orientation: l,
         rootNavigationMenu: g,
         onTriggerEnter: (x) => {
-          window.clearTimeout(h.current), I ? L(x) : _(x);
+          window.clearTimeout(w.current), I ? L(x) : _(x);
         },
         onTriggerLeave: () => {
-          window.clearTimeout(h.current), w();
+          window.clearTimeout(w.current), b();
         },
         onContentEnter: () => window.clearTimeout(N.current),
-        onContentLeave: w,
+        onContentLeave: b,
         onItemSelect: (x) => {
           f((P) => P === x ? "" : x);
         },
         onItemDismiss: () => f(""),
         children: /* @__PURE__ */ i(
-          k.nav,
+          T.nav,
           {
             "aria-label": "Main",
             "data-orientation": l,
@@ -99,15 +99,15 @@ var U = "NavigationMenuSub", Ke = s.forwardRef(
   (e, t) => {
     const {
       __scopeNavigationMenu: n,
-      value: r,
+      value: a,
       onValueChange: o,
-      defaultValue: a,
+      defaultValue: r,
       orientation: u = "horizontal",
       ...v
-    } = e, l = T(U, n), [b, c] = ae({
-      prop: r,
+    } = e, l = k(U, n), [h, c] = re({
+      prop: a,
       onChange: o,
-      defaultProp: a ?? "",
+      defaultProp: r ?? "",
       caller: U
     });
     return /* @__PURE__ */ i(
@@ -115,14 +115,14 @@ var U = "NavigationMenuSub", Ke = s.forwardRef(
       {
         scope: n,
         isRootMenu: !1,
-        value: b,
+        value: h,
         dir: l.dir,
         orientation: u,
         rootNavigationMenu: l.rootNavigationMenu,
         onTriggerEnter: (g) => c(g),
         onItemSelect: (g) => c(g),
         onItemDismiss: () => c(""),
-        children: /* @__PURE__ */ i(k.div, { "data-orientation": u, ...v, ref: t })
+        children: /* @__PURE__ */ i(T.div, { "data-orientation": u, ...v, ref: t })
       }
     );
   }
@@ -132,31 +132,31 @@ var le = (e) => {
   const {
     scope: t,
     isRootMenu: n,
-    rootNavigationMenu: r,
+    rootNavigationMenu: a,
     dir: o,
-    orientation: a,
+    orientation: r,
     children: u,
     value: v,
     onItemSelect: l,
-    onItemDismiss: b,
+    onItemDismiss: h,
     onTriggerEnter: c,
     onTriggerLeave: g,
     onContentEnter: C,
     onContentLeave: M
-  } = e, [p, h] = s.useState(null), [N, y] = s.useState(/* @__PURE__ */ new Map()), [I, d] = s.useState(null);
+  } = e, [p, w] = s.useState(null), [N, R] = s.useState(/* @__PURE__ */ new Map()), [I, d] = s.useState(null);
   return /* @__PURE__ */ i(
     Ae,
     {
       scope: t,
       isRootMenu: n,
-      rootNavigationMenu: r,
+      rootNavigationMenu: a,
       value: v,
       previousValue: _e(v),
       baseId: ie(),
       dir: o,
-      orientation: a,
+      orientation: r,
       viewport: p,
-      onViewportChange: h,
+      onViewportChange: w,
       indicatorTrack: I,
       onIndicatorTrackChange: d,
       onTriggerEnter: S(c),
@@ -164,31 +164,31 @@ var le = (e) => {
       onContentEnter: S(C),
       onContentLeave: S(M),
       onItemSelect: S(l),
-      onItemDismiss: S(b),
+      onItemDismiss: S(h),
       onViewportContentChange: s.useCallback((m, f) => {
-        y((w) => (w.set(m, f), new Map(w)));
+        R((b) => (b.set(m, f), new Map(b)));
       }, []),
       onViewportContentRemove: s.useCallback((m) => {
-        y((f) => f.has(m) ? (f.delete(m), new Map(f)) : f);
+        R((f) => f.has(m) ? (f.delete(m), new Map(f)) : f);
       }, []),
       children: /* @__PURE__ */ i(j.Provider, { scope: t, children: /* @__PURE__ */ i(Oe, { scope: t, items: N, children: u }) })
     }
   );
 }, ve = "NavigationMenuList", de = s.forwardRef(
   (e, t) => {
-    const { __scopeNavigationMenu: n, ...r } = e, o = T(ve, n), a = /* @__PURE__ */ i(k.ul, { "data-orientation": o.orientation, ...r, ref: t });
-    return /* @__PURE__ */ i(k.div, { style: { position: "relative" }, ref: o.onIndicatorTrackChange, children: /* @__PURE__ */ i(j.Slot, { scope: n, children: o.isRootMenu ? /* @__PURE__ */ i(Ne, { asChild: !0, children: a }) : a }) });
+    const { __scopeNavigationMenu: n, ...a } = e, o = k(ve, n), r = /* @__PURE__ */ i(T.ul, { "data-orientation": o.orientation, ...a, ref: t });
+    return /* @__PURE__ */ i(T.div, { style: { position: "relative" }, ref: o.onIndicatorTrackChange, children: /* @__PURE__ */ i(j.Slot, { scope: n, children: o.isRootMenu ? /* @__PURE__ */ i(Ne, { asChild: !0, children: r }) : r }) });
   }
 );
 de.displayName = ve;
 var fe = "NavigationMenuItem", [Ve, ge] = Y(fe), me = s.forwardRef(
   (e, t) => {
-    const { __scopeNavigationMenu: n, value: r, ...o } = e, a = ie(), u = r || a || "LEGACY_REACT_AUTO_VALUE", v = s.useRef(null), l = s.useRef(null), b = s.useRef(null), c = s.useRef(() => {
+    const { __scopeNavigationMenu: n, value: a, ...o } = e, r = ie(), u = a || r || "LEGACY_REACT_AUTO_VALUE", v = s.useRef(null), l = s.useRef(null), h = s.useRef(null), c = s.useRef(() => {
     }), g = s.useRef(!1), C = s.useCallback((p = "start") => {
       if (v.current) {
         c.current();
-        const h = B(v.current);
-        h.length && J(p === "start" ? h : h.reverse());
+        const w = B(v.current);
+        w.length && J(p === "start" ? w : w.reverse());
       }
     }, []), M = s.useCallback(() => {
       if (v.current) {
@@ -203,52 +203,52 @@ var fe = "NavigationMenuItem", [Ve, ge] = Y(fe), me = s.forwardRef(
         value: u,
         triggerRef: l,
         contentRef: v,
-        focusProxyRef: b,
+        focusProxyRef: h,
         wasEscapeCloseRef: g,
         onEntryKeyDown: C,
         onFocusProxyEnter: C,
         onRootContentClose: M,
         onContentFocusOutside: M,
-        children: /* @__PURE__ */ i(k.li, { ...o, ref: t })
+        children: /* @__PURE__ */ i(T.li, { ...o, ref: t })
       }
     );
   }
 );
 me.displayName = fe;
 var H = "NavigationMenuTrigger", pe = s.forwardRef((e, t) => {
-  const { __scopeNavigationMenu: n, disabled: r, ...o } = e, a = T(H, e.__scopeNavigationMenu), u = ge(H, e.__scopeNavigationMenu), v = s.useRef(null), l = O(v, u.triggerRef, t), b = Me(a.baseId, u.value), c = ye(a.baseId, u.value), g = s.useRef(!1), C = s.useRef(!1), M = u.value === a.value;
+  const { __scopeNavigationMenu: n, disabled: a, ...o } = e, r = k(H, e.__scopeNavigationMenu), u = ge(H, e.__scopeNavigationMenu), v = s.useRef(null), l = O(v, u.triggerRef, t), h = Me(r.baseId, u.value), c = Re(r.baseId, u.value), g = s.useRef(!1), C = s.useRef(!1), M = u.value === r.value;
   return /* @__PURE__ */ ee(te, { children: [
     /* @__PURE__ */ i(j.ItemSlot, { scope: n, value: u.value, children: /* @__PURE__ */ i(Ce, { asChild: !0, children: /* @__PURE__ */ i(
-      k.button,
+      T.button,
       {
-        id: b,
-        disabled: r,
-        "data-disabled": r ? "" : void 0,
+        id: h,
+        disabled: a,
+        "data-disabled": a ? "" : void 0,
         "data-state": Q(M),
         "aria-expanded": M,
         "aria-controls": c,
         ...o,
         ref: l,
-        onPointerEnter: R(e.onPointerEnter, () => {
+        onPointerEnter: y(e.onPointerEnter, () => {
           C.current = !1, u.wasEscapeCloseRef.current = !1;
         }),
-        onPointerMove: R(
+        onPointerMove: y(
           e.onPointerMove,
           K(() => {
-            r || C.current || u.wasEscapeCloseRef.current || g.current || (a.onTriggerEnter(u.value), g.current = !0);
+            a || C.current || u.wasEscapeCloseRef.current || g.current || (r.onTriggerEnter(u.value), g.current = !0);
           })
         ),
-        onPointerLeave: R(
+        onPointerLeave: y(
           e.onPointerLeave,
           K(() => {
-            r || (a.onTriggerLeave(), g.current = !1);
+            a || (r.onTriggerLeave(), g.current = !1);
           })
         ),
-        onClick: R(e.onClick, () => {
-          a.onItemSelect(u.value), C.current = M;
+        onClick: y(e.onClick, () => {
+          r.onItemSelect(u.value), C.current = M;
         }),
-        onKeyDown: R(e.onKeyDown, (p) => {
-          const N = { horizontal: "ArrowDown", vertical: a.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[a.orientation];
+        onKeyDown: y(e.onKeyDown, (p) => {
+          const N = { horizontal: "ArrowDown", vertical: r.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[r.orientation];
           M && p.key === N && (u.onEntryKeyDown(), p.preventDefault());
         })
       }
@@ -261,39 +261,39 @@ var H = "NavigationMenuTrigger", pe = s.forwardRef((e, t) => {
           tabIndex: 0,
           ref: u.focusProxyRef,
           onFocus: (p) => {
-            const h = u.contentRef.current, N = p.relatedTarget, y = N === v.current, I = h?.contains(N);
-            (y || !I) && u.onFocusProxyEnter(y ? "start" : "end");
+            const w = u.contentRef.current, N = p.relatedTarget, R = N === v.current, I = w?.contains(N);
+            (R || !I) && u.onFocusProxyEnter(R ? "start" : "end");
           }
         }
       ),
-      a.viewport && /* @__PURE__ */ i("span", { "aria-owns": c })
+      r.viewport && /* @__PURE__ */ i("span", { "aria-owns": c })
     ] })
   ] });
 });
 pe.displayName = H;
-var Ge = "NavigationMenuLink", oe = "navigationMenu.linkSelect", he = s.forwardRef(
+var Ge = "NavigationMenuLink", oe = "navigationMenu.linkSelect", we = s.forwardRef(
   (e, t) => {
-    const { __scopeNavigationMenu: n, active: r, onSelect: o, ...a } = e;
+    const { __scopeNavigationMenu: n, active: a, onSelect: o, ...r } = e;
     return /* @__PURE__ */ i(Ce, { asChild: !0, children: /* @__PURE__ */ i(
-      k.a,
+      T.a,
       {
-        "data-active": r ? "" : void 0,
-        "aria-current": r ? "page" : void 0,
-        ...a,
+        "data-active": a ? "" : void 0,
+        "aria-current": a ? "page" : void 0,
+        ...r,
         ref: t,
-        onClick: R(
+        onClick: y(
           e.onClick,
           (u) => {
             const v = u.target, l = new CustomEvent(oe, {
               bubbles: !0,
               cancelable: !0
             });
-            if (v.addEventListener(oe, (b) => o?.(b), { once: !0 }), ne(v, l), !l.defaultPrevented && !u.metaKey) {
-              const b = new CustomEvent(F, {
+            if (v.addEventListener(oe, (h) => o?.(h), { once: !0 }), ne(v, l), !l.defaultPrevented && !u.metaKey) {
+              const h = new CustomEvent(F, {
                 bubbles: !0,
                 cancelable: !0
               });
-              ne(v, b);
+              ne(v, h);
             }
           },
           { checkForDefaultPrevented: !1 }
@@ -302,36 +302,36 @@ var Ge = "NavigationMenuLink", oe = "navigationMenu.linkSelect", he = s.forwardR
     ) });
   }
 );
-he.displayName = Ge;
+we.displayName = Ge;
 var q = "NavigationMenuIndicator", ze = s.forwardRef((e, t) => {
-  const { forceMount: n, ...r } = e, o = T(q, e.__scopeNavigationMenu), a = !!o.value;
-  return o.indicatorTrack ? Re.createPortal(
-    /* @__PURE__ */ i(V, { present: n || a, children: /* @__PURE__ */ i($e, { ...r, ref: t }) }),
+  const { forceMount: n, ...a } = e, o = k(q, e.__scopeNavigationMenu), r = !!o.value;
+  return o.indicatorTrack ? ye.createPortal(
+    /* @__PURE__ */ i(V, { present: n || r, children: /* @__PURE__ */ i($e, { ...a, ref: t }) }),
     o.indicatorTrack
   ) : null;
 });
 ze.displayName = q;
 var $e = s.forwardRef((e, t) => {
-  const { __scopeNavigationMenu: n, ...r } = e, o = T(q, n), a = ue(n), [u, v] = s.useState(
+  const { __scopeNavigationMenu: n, ...a } = e, o = k(q, n), r = ue(n), [u, v] = s.useState(
     null
-  ), [l, b] = s.useState(null), c = o.orientation === "horizontal", g = !!o.value;
+  ), [l, h] = s.useState(null), c = o.orientation === "horizontal", g = !!o.value;
   s.useEffect(() => {
-    const p = a().find((h) => h.value === o.value)?.ref.current;
+    const p = r().find((w) => w.value === o.value)?.ref.current;
     p && v(p);
-  }, [a, o.value]);
+  }, [r, o.value]);
   const C = () => {
-    u && b({
+    u && h({
       size: c ? u.offsetWidth : u.offsetHeight,
       offset: c ? u.offsetLeft : u.offsetTop
     });
   };
   return W(u, C), W(o.indicatorTrack, C), l ? /* @__PURE__ */ i(
-    k.div,
+    T.div,
     {
       "aria-hidden": !0,
       "data-state": g ? "visible" : "hidden",
       "data-orientation": o.orientation,
-      ...r,
+      ...a,
       ref: t,
       style: {
         position: "absolute",
@@ -344,28 +344,28 @@ var $e = s.forwardRef((e, t) => {
           height: l.size + "px",
           transform: `translateY(${l.offset}px)`
         },
-        ...r.style
+        ...a.style
       }
     }
   ) : null;
-}), A = "NavigationMenuContent", we = s.forwardRef((e, t) => {
-  const { forceMount: n, ...r } = e, o = T(A, e.__scopeNavigationMenu), a = ge(A, e.__scopeNavigationMenu), u = O(a.contentRef, t), v = a.value === o.value, l = {
-    value: a.value,
-    triggerRef: a.triggerRef,
-    focusProxyRef: a.focusProxyRef,
-    wasEscapeCloseRef: a.wasEscapeCloseRef,
-    onContentFocusOutside: a.onContentFocusOutside,
-    onRootContentClose: a.onRootContentClose,
-    ...r
+}), A = "NavigationMenuContent", be = s.forwardRef((e, t) => {
+  const { forceMount: n, ...a } = e, o = k(A, e.__scopeNavigationMenu), r = ge(A, e.__scopeNavigationMenu), u = O(r.contentRef, t), v = r.value === o.value, l = {
+    value: r.value,
+    triggerRef: r.triggerRef,
+    focusProxyRef: r.focusProxyRef,
+    wasEscapeCloseRef: r.wasEscapeCloseRef,
+    onContentFocusOutside: r.onContentFocusOutside,
+    onRootContentClose: r.onRootContentClose,
+    ...a
   };
   return o.viewport ? /* @__PURE__ */ i(Ue, { forceMount: n, ...l, ref: u }) : /* @__PURE__ */ i(V, { present: n || v, children: /* @__PURE__ */ i(
-    be,
+    he,
     {
       "data-state": Q(v),
       ...l,
       ref: u,
-      onPointerEnter: R(e.onPointerEnter, o.onContentEnter),
-      onPointerLeave: R(
+      onPointerEnter: y(e.onPointerEnter, o.onContentEnter),
+      onPointerLeave: y(
         e.onPointerLeave,
         K(o.onContentLeave)
       ),
@@ -377,49 +377,49 @@ var $e = s.forwardRef((e, t) => {
     }
   ) });
 });
-we.displayName = A;
+be.displayName = A;
 var Ue = s.forwardRef((e, t) => {
-  const n = T(A, e.__scopeNavigationMenu), { onViewportContentChange: r, onViewportContentRemove: o } = n;
+  const n = k(A, e.__scopeNavigationMenu), { onViewportContentChange: a, onViewportContentRemove: o } = n;
   return z(() => {
-    r(e.value, {
+    a(e.value, {
       ref: t,
       ...e
     });
-  }, [e, t, r]), z(() => () => o(e.value), [e.value, o]), null;
-}), F = "navigationMenu.rootContentDismiss", be = s.forwardRef((e, t) => {
+  }, [e, t, a]), z(() => () => o(e.value), [e.value, o]), null;
+}), F = "navigationMenu.rootContentDismiss", he = s.forwardRef((e, t) => {
   const {
     __scopeNavigationMenu: n,
-    value: r,
+    value: a,
     triggerRef: o,
-    focusProxyRef: a,
+    focusProxyRef: r,
     wasEscapeCloseRef: u,
     onRootContentClose: v,
     onContentFocusOutside: l,
-    ...b
-  } = e, c = T(A, n), g = s.useRef(null), C = O(g, t), M = Me(c.baseId, r), p = ye(c.baseId, r), h = ue(n), N = s.useRef(null), { onItemDismiss: y } = c;
+    ...h
+  } = e, c = k(A, n), g = s.useRef(null), C = O(g, t), M = Me(c.baseId, a), p = Re(c.baseId, a), w = ue(n), N = s.useRef(null), { onItemDismiss: R } = c;
   s.useEffect(() => {
     const d = g.current;
     if (c.isRootMenu && d) {
       const m = () => {
-        y(), v(), d.contains(document.activeElement) && o.current?.focus();
+        R(), v(), d.contains(document.activeElement) && o.current?.focus();
       };
       return d.addEventListener(F, m), () => d.removeEventListener(F, m);
     }
-  }, [c.isRootMenu, e.value, o, y, v]);
+  }, [c.isRootMenu, e.value, o, R, v]);
   const I = s.useMemo(() => {
-    const m = h().map((P) => P.value);
+    const m = w().map((P) => P.value);
     c.dir === "rtl" && m.reverse();
-    const f = m.indexOf(c.value), w = m.indexOf(c.previousValue), _ = r === c.value, L = w === m.indexOf(r);
+    const f = m.indexOf(c.value), b = m.indexOf(c.previousValue), _ = a === c.value, L = b === m.indexOf(a);
     if (!_ && !L) return N.current;
     const x = (() => {
-      if (f !== w) {
-        if (_ && w !== -1) return f > w ? "from-end" : "from-start";
-        if (L && f !== -1) return f > w ? "to-start" : "to-end";
+      if (f !== b) {
+        if (_ && b !== -1) return f > b ? "from-end" : "from-start";
+        if (L && f !== -1) return f > b ? "to-start" : "to-end";
       }
       return null;
     })();
     return N.current = x, x;
-  }, [c.previousValue, c.value, c.dir, h, r]);
+  }, [c.previousValue, c.value, c.dir, w, a]);
   return /* @__PURE__ */ i(Ne, { asChild: !0, children: /* @__PURE__ */ i(
     Ie,
     {
@@ -427,7 +427,7 @@ var Ue = s.forwardRef((e, t) => {
       "aria-labelledby": M,
       "data-motion": I,
       "data-orientation": c.orientation,
-      ...b,
+      ...h,
       ref: C,
       disableOutsidePointerEvents: !1,
       onDismiss: () => {
@@ -437,86 +437,86 @@ var Ue = s.forwardRef((e, t) => {
         });
         g.current?.dispatchEvent(d);
       },
-      onFocusOutside: R(e.onFocusOutside, (d) => {
+      onFocusOutside: y(e.onFocusOutside, (d) => {
         l();
         const m = d.target;
         c.rootNavigationMenu?.contains(m) && d.preventDefault();
       }),
-      onPointerDownOutside: R(e.onPointerDownOutside, (d) => {
-        const m = d.target, f = h().some((_) => _.ref.current?.contains(m)), w = c.isRootMenu && c.viewport?.contains(m);
-        (f || w || !c.isRootMenu) && d.preventDefault();
+      onPointerDownOutside: y(e.onPointerDownOutside, (d) => {
+        const m = d.target, f = w().some((_) => _.ref.current?.contains(m)), b = c.isRootMenu && c.viewport?.contains(m);
+        (f || b || !c.isRootMenu) && d.preventDefault();
       }),
-      onKeyDown: R(e.onKeyDown, (d) => {
+      onKeyDown: y(e.onKeyDown, (d) => {
         const m = d.altKey || d.ctrlKey || d.metaKey;
         if (d.key === "Tab" && !m) {
-          const w = B(d.currentTarget), _ = document.activeElement, L = w.findIndex((G) => G === _), P = d.shiftKey ? w.slice(0, L).reverse() : w.slice(L + 1, w.length);
-          J(P) ? d.preventDefault() : a.current?.focus();
+          const b = B(d.currentTarget), _ = document.activeElement, L = b.findIndex((G) => G === _), P = d.shiftKey ? b.slice(0, L).reverse() : b.slice(L + 1, b.length);
+          J(P) ? d.preventDefault() : r.current?.focus();
         }
       }),
-      onEscapeKeyDown: R(e.onEscapeKeyDown, (d) => {
+      onEscapeKeyDown: y(e.onEscapeKeyDown, (d) => {
         u.current = !0;
       })
     }
   ) });
 }), X = "NavigationMenuViewport", xe = s.forwardRef((e, t) => {
-  const { forceMount: n, ...r } = e, a = !!T(X, e.__scopeNavigationMenu).value;
-  return /* @__PURE__ */ i(V, { present: n || a, children: /* @__PURE__ */ i(He, { ...r, ref: t }) });
+  const { forceMount: n, ...a } = e, r = !!k(X, e.__scopeNavigationMenu).value;
+  return /* @__PURE__ */ i(V, { present: n || r, children: /* @__PURE__ */ i(He, { ...a, ref: t }) });
 });
 xe.displayName = X;
 var He = s.forwardRef((e, t) => {
-  const { __scopeNavigationMenu: n, children: r, ...o } = e, a = T(X, n), u = O(t, a.onViewportChange), v = Fe(
+  const { __scopeNavigationMenu: n, children: a, ...o } = e, r = k(X, n), u = O(t, r.onViewportChange), v = Fe(
     A,
     e.__scopeNavigationMenu
-  ), [l, b] = s.useState(null), [c, g] = s.useState(null), C = l ? l?.width + "px" : void 0, M = l ? l?.height + "px" : void 0, p = !!a.value, h = p ? a.value : a.previousValue;
+  ), [l, h] = s.useState(null), [c, g] = s.useState(null), C = l ? l?.width + "px" : void 0, M = l ? l?.height + "px" : void 0, p = !!r.value, w = p ? r.value : r.previousValue;
   return W(c, () => {
-    c && b({ width: c.offsetWidth, height: c.offsetHeight });
+    c && h({ width: c.offsetWidth, height: c.offsetHeight });
   }), /* @__PURE__ */ i(
-    k.div,
+    T.div,
     {
       "data-state": Q(p),
-      "data-orientation": a.orientation,
+      "data-orientation": r.orientation,
       ...o,
       ref: u,
       style: {
         // Prevent interaction when animating out
-        pointerEvents: !p && a.isRootMenu ? "none" : void 0,
+        pointerEvents: !p && r.isRootMenu ? "none" : void 0,
         "--radix-navigation-menu-viewport-width": C,
         "--radix-navigation-menu-viewport-height": M,
         ...o.style
       },
-      onPointerEnter: R(e.onPointerEnter, a.onContentEnter),
-      onPointerLeave: R(e.onPointerLeave, K(a.onContentLeave)),
-      children: Array.from(v.items).map(([y, { ref: I, forceMount: d, ...m }]) => {
-        const f = h === y;
+      onPointerEnter: y(e.onPointerEnter, r.onContentEnter),
+      onPointerLeave: y(e.onPointerLeave, K(r.onContentLeave)),
+      children: Array.from(v.items).map(([R, { ref: I, forceMount: d, ...m }]) => {
+        const f = w === R;
         return /* @__PURE__ */ i(V, { present: d || f, children: /* @__PURE__ */ i(
-          be,
+          he,
           {
             ...m,
-            ref: Te(I, (w) => {
-              f && w && g(w);
+            ref: ke(I, (b) => {
+              f && b && g(b);
             })
           }
-        ) }, y);
+        ) }, R);
       })
     }
   );
 }), Be = "FocusGroup", Ne = s.forwardRef(
   (e, t) => {
-    const { __scopeNavigationMenu: n, ...r } = e, o = T(Be, n);
-    return /* @__PURE__ */ i($.Provider, { scope: n, children: /* @__PURE__ */ i($.Slot, { scope: n, children: /* @__PURE__ */ i(k.div, { dir: o.dir, ...r, ref: t }) }) });
+    const { __scopeNavigationMenu: n, ...a } = e, o = k(Be, n);
+    return /* @__PURE__ */ i($.Provider, { scope: n, children: /* @__PURE__ */ i($.Slot, { scope: n, children: /* @__PURE__ */ i(T.div, { dir: o.dir, ...a, ref: t }) }) });
   }
-), re = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], We = "FocusGroupItem", Ce = s.forwardRef(
+), ae = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], We = "FocusGroupItem", Ce = s.forwardRef(
   (e, t) => {
-    const { __scopeNavigationMenu: n, ...r } = e, o = Se(n), a = T(We, n);
+    const { __scopeNavigationMenu: n, ...a } = e, o = Se(n), r = k(We, n);
     return /* @__PURE__ */ i($.ItemSlot, { scope: n, children: /* @__PURE__ */ i(
-      k.button,
+      T.button,
       {
-        ...r,
+        ...a,
         ref: t,
-        onKeyDown: R(e.onKeyDown, (u) => {
-          if (["Home", "End", ...re].includes(u.key)) {
+        onKeyDown: y(e.onKeyDown, (u) => {
+          if (["Home", "End", ...ae].includes(u.key)) {
             let l = o().map((g) => g.ref.current);
-            if ([a.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(u.key) && l.reverse(), re.includes(u.key)) {
+            if ([r.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(u.key) && l.reverse(), ae.includes(u.key)) {
               const g = l.indexOf(u.currentTarget);
               l = l.slice(g + 1);
             }
@@ -529,9 +529,9 @@ var He = s.forwardRef((e, t) => {
 );
 function B(e) {
   const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (r) => {
-      const o = r.tagName === "INPUT" && r.type === "hidden";
-      return r.disabled || r.hidden || o ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    acceptNode: (a) => {
+      const o = a.tagName === "INPUT" && a.type === "hidden";
+      return a.disabled || a.hidden || o ? NodeFilter.FILTER_SKIP : a.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
     }
   });
   for (; n.nextNode(); ) t.push(n.currentNode);
@@ -554,13 +554,13 @@ function je(e) {
 function W(e, t) {
   const n = S(t);
   z(() => {
-    let r = 0;
+    let a = 0;
     if (e) {
       const o = new ResizeObserver(() => {
-        cancelAnimationFrame(r), r = window.requestAnimationFrame(n);
+        cancelAnimationFrame(a), a = window.requestAnimationFrame(n);
       });
       return o.observe(e), () => {
-        window.cancelAnimationFrame(r), o.unobserve(e);
+        window.cancelAnimationFrame(a), o.unobserve(e);
       };
     }
   }, [e, n]);
@@ -571,18 +571,18 @@ function Q(e) {
 function Me(e, t) {
   return `${e}-trigger-${t}`;
 }
-function ye(e, t) {
+function Re(e, t) {
   return `${e}-content-${t}`;
 }
 function K(e) {
   return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var Ye = ce, qe = de, Xe = me, Je = pe, Z = he, Qe = we, Ze = xe;
-function ht({
+var Ye = ce, qe = de, Xe = me, Je = pe, Z = we, Qe = be, Ze = xe;
+function wt({
   children: e,
   className: t,
   viewport: n,
-  columns: r = 5,
+  columns: a = 5,
   ...o
 }) {
   return /* @__PURE__ */ i(
@@ -592,7 +592,7 @@ function ht({
         "group/navigation-menu relative mx-auto flex w-full max-w-7xl flex-1 items-center justify-center",
         t
       ),
-      "data-columns": r,
+      "data-columns": a,
       "data-slot": "navigation-menu-root",
       "data-viewport": n,
       ...o,
@@ -600,7 +600,7 @@ function ht({
     }
   );
 }
-function wt({
+function bt({
   className: e,
   children: t,
   ...n
@@ -609,7 +609,7 @@ function wt({
     Ze,
     {
       className: E(
-        "origin-top-center relative mt-2 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-2xl bg-[var(--nav-viewport-background,hsl(var(--background)))] text-[var(--nav-text,hsl(var(--foreground)))] shadow-xl ring-1 ring-black/5 @container [transition:height_200ms_ease-in-out,opacity_75ms_ease-in-out]",
+        "origin-top-center relative mt-2 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-2xl bg-[var(--nav-viewport-background,var(--background))] text-[var(--nav-text,var(--foreground))] shadow-xl ring-1 ring-black/5 @container [transition:height_200ms_ease-in-out,opacity_75ms_ease-in-out]",
         // Closed state
         "data-[state=closed]:animate-out data-[state=closed]:fade-out",
         // Open state
@@ -624,7 +624,7 @@ function wt({
     }
   );
 }
-function bt({ children: e, className: t, ...n }) {
+function ht({ children: e, className: t, ...n }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -639,7 +639,10 @@ function xt({ children: e, className: t, ...n }) {
   return /* @__PURE__ */ i(
     qe,
     {
-      className: E("group flex w-full flex-1 list-none items-center justify-center", t),
+      className: E(
+        "group/navigation-menu-list flex w-full flex-1 list-none items-center justify-center",
+        t
+      ),
       "data-slot": "navigation-menu-list",
       ...n,
       children: e
@@ -666,13 +669,13 @@ function Ct({
     Je,
     {
       className: E(
-        "group inline-flex h-9 w-max items-center justify-center rounded-full bg-background px-4 py-2 text-sm font-semibold text-[var(--nav-link-text,hsl(var(--foreground)))] outline-none transition-[color,box-shadow] duration-200 [font-family:var(--nav-link-font-family,var(--font-family-body))]",
+        "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-full bg-background px-4 py-2 text-sm font-semibold text-[var(--nav-link-text,var(--foreground))] outline-none transition-[color,box-shadow] duration-200 [font-family:var(--nav-link-font-family,var(--font-family-body))]",
         // Hover state
-        "hover:bg-[var(--nav-link-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--nav-link-text-hover,hsl(var(--foreground)))]",
+        "hover:bg-[var(--nav-link-background-hover,var(--contrast-100))] hover:text-[var(--nav-link-text-hover,var(--foreground))]",
         // Focus state
-        "focus:bg-[var(--nav-link-background-hover,hsl(var(--contrast-100)))] focus:text-[var(--nav-link-text-hover,hsl(var(--foreground)))]",
+        "focus:bg-[var(--nav-link-background-hover,var(--contrast-100))] focus:text-[var(--nav-link-text-hover,var(--foreground))]",
         // Focus-visible state
-        "focus-visible:outline-2 focus-visible:outline-[var(--nav-focus,hsl(var(--primary)))]",
+        "focus-visible:outline-2 focus-visible:outline-[var(--nav-focus,var(--brand))]",
         // Open state
         "data-[state=open]:bg-contrast-100/50 data-[state=open]:text-foreground",
         "data-[state=open]:hover:bg-contrast-100 data-[state=open]:focus:bg-contrast-100",
@@ -691,13 +694,13 @@ function Mt({ className: e, children: t, ...n }) {
     Z,
     {
       className: E(
-        "group inline-flex h-9 w-max items-center justify-center rounded-full bg-background px-4 py-2 text-sm font-semibold text-[var(--nav-link-text,hsl(var(--foreground)))] outline-none transition-[color,box-shadow] duration-200 [font-family:var(--nav-link-font-family,var(--font-family-body))]",
+        "group/navigation-menu-link inline-flex h-9 w-max items-center justify-center rounded-full bg-background px-4 py-2 text-sm font-semibold text-[var(--nav-link-text,var(--foreground))] outline-none transition-[color,box-shadow] duration-200 [font-family:var(--nav-link-font-family,var(--font-family-body))]",
         // Hover state
-        "hover:bg-[var(--nav-link-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--nav-link-text-hover,hsl(var(--foreground)))]",
+        "hover:bg-[var(--nav-link-background-hover,var(--contrast-100))] hover:text-[var(--nav-link-text-hover,var(--foreground))]",
         // Focus state
-        "focus:bg-[var(--nav-link-background-hover,hsl(var(--contrast-100)))] focus:text-[var(--nav-link-text-hover,hsl(var(--foreground)))]",
+        "focus:bg-[var(--nav-link-background-hover,var(--contrast-100))] focus:text-[var(--nav-link-text-hover,var(--foreground))]",
         // Focus-visible state
-        "focus-visible:outline-2 focus-visible:outline-[var(--nav-focus,hsl(var(--primary)))]",
+        "focus-visible:outline-2 focus-visible:outline-[var(--nav-focus,var(--brand))]",
         e
       ),
       "data-slot": "navigation-menu-link",
@@ -706,7 +709,7 @@ function Mt({ className: e, children: t, ...n }) {
     }
   );
 }
-function yt({
+function Rt({
   className: e,
   children: t,
   ...n
@@ -729,7 +732,7 @@ function yt({
     }
   );
 }
-function Rt({ className: e, children: t, ...n }) {
+function yt({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ i(
     "ul",
     {
@@ -752,7 +755,7 @@ function Et({
 }) {
   return /* @__PURE__ */ i("li", { className: E("w-full", e), "data-slot": "navigation-menu-grid-column", ...n, children: t });
 }
-function Tt({
+function kt({
   className: e,
   children: t,
   ...n
@@ -761,11 +764,11 @@ function Tt({
     Z,
     {
       className: E(
-        "block rounded-lg bg-[var(--nav-grid-label-background,transparent)] px-3 py-2 font-[family-name:var(--nav-grid-label-font-family,var(--font-family-body))] text-sm font-semibold text-[var(--nav-grid-label-text,hsl(var(--foreground)))] transition-colors",
+        "block rounded-lg bg-[var(--nav-grid-label-background,transparent)] px-3 py-2 font-[family-name:var(--nav-grid-label-font-family,var(--font-family-body))] text-sm font-semibold text-[var(--nav-grid-label-text,var(--foreground))] transition-colors",
         // Hover state
-        "hover:bg-[var(--nav-grid-label-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--nav-grid-label-text-hover,hsl(var(--foreground)))]",
+        "hover:bg-[var(--nav-grid-label-background-hover,var(--contrast-100))] hover:text-[var(--nav-grid-label-text-hover,var(--foreground))]",
         // Focus-visible state
-        "focus-visible:bg-[var(--nav-grid-label-background-hover,hsl(var(--contrast-100)))] focus-visible:text-[var(--nav-grid-label-text-hover,hsl(var(--foreground)))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--nav-focus,hsl(var(--primary)))]",
+        "focus-visible:bg-[var(--nav-grid-label-background-hover,var(--contrast-100))] focus-visible:text-[var(--nav-grid-label-text-hover,var(--foreground))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--nav-focus,var(--brand))]",
         e
       ),
       "data-slot": "navigation-menu-grid-label",
@@ -774,7 +777,7 @@ function Tt({
     }
   );
 }
-function kt({
+function Tt({
   className: e,
   children: t,
   ...n
@@ -783,11 +786,11 @@ function kt({
     Z,
     {
       className: E(
-        "block rounded-lg bg-[var(--nav-grid-link-background,transparent)] px-3 py-2 font-[family-name:var(--nav-grid-link-font-family,var(--font-family-body))] text-sm font-medium text-[var(--nav-grid-link-text,hsl(var(--contrast-500)))] transition-colors",
+        "block rounded-lg bg-[var(--nav-grid-link-background,transparent)] px-3 py-2 font-[family-name:var(--nav-grid-link-font-family,var(--font-family-body))] text-sm font-medium text-[var(--nav-grid-link-text,var(--contrast-500))] transition-colors",
         // Hover state
-        "hover:bg-[var(--nav-grid-label-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--nav-grid-label-text-hover,hsl(var(--foreground)))]",
+        "hover:bg-[var(--nav-grid-label-background-hover,var(--contrast-100))] hover:text-[var(--nav-grid-label-text-hover,var(--foreground))]",
         // Focus-visible state
-        "focus-visible:bg-[var(--nav-grid-label-background-hover,hsl(var(--contrast-100)))] focus-visible:text-[var(--nav-grid-label-text-hover,hsl(var(--foreground)))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--nav-focus,hsl(var(--primary)))]",
+        "focus-visible:bg-[var(--nav-grid-label-background-hover,var(--contrast-100))] focus-visible:text-[var(--nav-grid-label-text-hover,var(--foreground))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--nav-focus,var(--brand))]",
         e
       ),
       "data-slot": "navigation-menu-grid-link",
@@ -813,18 +816,18 @@ function It({ className: e, children: t, ...n }) {
   );
 }
 export {
-  yt as Content,
-  Rt as Grid,
+  Rt as Content,
+  yt as Grid,
   Et as GridColumn,
-  Tt as GridLabel,
-  kt as GridLink,
+  kt as GridLabel,
+  Tt as GridLink,
   Nt as Item,
   Mt as Link,
   xt as List,
-  bt as Panel,
-  ht as Root,
+  ht as Panel,
+  wt as Root,
   It as Slot,
   Ct as Trigger,
-  wt as Viewport
+  bt as Viewport
 };
 //# sourceMappingURL=navigation-menu.js.map