laif-ds 0.1.73 → 0.1.75

package/dist/node_modules/@radix-ui/react-navigation-menu/dist/index.js

@@ -1,25 +1,25 @@
 "use client";
 import * as a from "react";
-import Ie from "react-dom";
-import { createContextScope as ye } from "../../react-context/dist/index.js";
+import Te from "react-dom";
+import { createContextScope as Ie } from "../../react-context/dist/index.js";
 import { composeEventHandlers as I } from "../../primitive/dist/index.js";
-import { Primitive as _, dispatchDiscreteCustomEvent as Q } from "../../react-primitive/dist/index.js";
+import { Primitive as b, dispatchDiscreteCustomEvent as Q } from "../../react-primitive/dist/index.js";
 import { useControllableState as oe } from "../../react-use-controllable-state/dist/index.js";
-import { useComposedRefs as k, composeRefs as be } from "../../react-compose-refs/dist/index.js";
-import { useDirection as _e } from "../../react-direction/dist/index.js";
+import { useComposedRefs as k, composeRefs as ye } from "../../react-compose-refs/dist/index.js";
+import { useDirection as be } from "../../react-direction/dist/index.js";
 import { Presence as K } from "../../react-presence/dist/index.js";
 import { useId as re } from "../../react-id/dist/index.js";
 import { createCollection as ie } from "../../react-collection/dist/index.js";
-import { DismissableLayer as Pe } from "../../react-dismissable-layer/dist/index.js";
-import { usePrevious as xe } from "../../react-use-previous/dist/index.js";
-import { useLayoutEffect as G } from "../../react-use-layout-effect/dist/index.js";
+import { DismissableLayer as _e } from "../../react-dismissable-layer/dist/index.js";
+import { usePrevious as Pe } from "../../react-use-previous/dist/index.js";
+import { useLayoutEffect as z } from "../../react-use-layout-effect/dist/index.js";
 import { useCallbackRef as D } from "../../react-use-callback-ref/dist/index.js";
-import { Root as Se } from "../../react-visually-hidden/dist/index.js";
-import { jsx as l, jsxs as Z, Fragment as ee } from "react/jsx-runtime";
-var A = "NavigationMenu", [$, ae, De] = ie(A), [z, Ae, Oe] = ie(A), [Y, ut] = ye(
+import { Root as xe } from "../../react-visually-hidden/dist/index.js";
+import { jsx as u, jsxs as Z, Fragment as ee } from "react/jsx-runtime";
+var A = "NavigationMenu", [$, ae, Se] = ie(A), [G, De, Ae] = ie(A), [Y, ct] = Ie(
   A,
-  [De, Oe]
-), [ke, b] = Y(A), [Le, Fe] = Y(A), se = a.forwardRef(
+  [Se, Ae]
+), [Oe, y] = Y(A), [ke, Le] = Y(A), se = a.forwardRef(
   (e, t) => {
     const {
       __scopeNavigationMenu: r,
@@ -28,66 +28,66 @@ var A = "NavigationMenu", [$, ae, De] = ie(A), [z, Ae, Oe] = ie(A), [Y, ut] = ye
       defaultValue: o,
       delayDuration: s = 200,
       skipDelayDuration: d = 300,
-      orientation: c = "horizontal",
+      orientation: l = "horizontal",
       dir: R,
-      ...u
-    } = e, [g, E] = a.useState(null), h = k(t, (w) => E(w)), C = _e(R), p = a.useRef(0), M = a.useRef(0), T = a.useRef(0), [P, f] = a.useState(!0), [m, v] = oe({
+      ...c
+    } = e, [m, h] = a.useState(null), E = k(t, (M) => h(M)), p = be(R), w = a.useRef(0), N = a.useRef(0), T = a.useRef(0), [_, v] = a.useState(!0), [g, f] = oe({
       prop: i,
-      onChange: (w) => {
-        const S = w !== "", V = d > 0;
-        S ? (window.clearTimeout(T.current), V && f(!1)) : (window.clearTimeout(T.current), T.current = window.setTimeout(
-          () => f(!0),
+      onChange: (M) => {
+        const x = M !== "", V = d > 0;
+        x ? (window.clearTimeout(T.current), V && v(!1)) : (window.clearTimeout(T.current), T.current = window.setTimeout(
+          () => v(!0),
           d
-        )), n == null || n(w);
+        )), n?.(M);
       },
       defaultProp: o ?? "",
       caller: A
-    }), N = a.useCallback(() => {
-      window.clearTimeout(M.current), M.current = window.setTimeout(() => v(""), 150);
-    }, [v]), y = a.useCallback(
-      (w) => {
-        window.clearTimeout(M.current), v(w);
+    }), C = a.useCallback(() => {
+      window.clearTimeout(N.current), N.current = window.setTimeout(() => f(""), 150);
+    }, [f]), P = a.useCallback(
+      (M) => {
+        window.clearTimeout(N.current), f(M);
       },
-      [v]
-    ), x = a.useCallback(
-      (w) => {
-        m === w ? window.clearTimeout(M.current) : p.current = window.setTimeout(() => {
-          window.clearTimeout(M.current), v(w);
+      [f]
+    ), S = a.useCallback(
+      (M) => {
+        g === M ? window.clearTimeout(N.current) : w.current = window.setTimeout(() => {
+          window.clearTimeout(N.current), f(M);
         }, s);
       },
-      [m, v, s]
+      [g, f, s]
     );
     return a.useEffect(() => () => {
-      window.clearTimeout(p.current), window.clearTimeout(M.current), window.clearTimeout(T.current);
-    }, []), /* @__PURE__ */ l(
+      window.clearTimeout(w.current), window.clearTimeout(N.current), window.clearTimeout(T.current);
+    }, []), /* @__PURE__ */ u(
       ce,
       {
         scope: r,
         isRootMenu: !0,
-        value: m,
-        dir: C,
-        orientation: c,
-        rootNavigationMenu: g,
-        onTriggerEnter: (w) => {
-          window.clearTimeout(p.current), P ? x(w) : y(w);
+        value: g,
+        dir: p,
+        orientation: l,
+        rootNavigationMenu: m,
+        onTriggerEnter: (M) => {
+          window.clearTimeout(w.current), _ ? S(M) : P(M);
         },
         onTriggerLeave: () => {
-          window.clearTimeout(p.current), N();
+          window.clearTimeout(w.current), C();
         },
-        onContentEnter: () => window.clearTimeout(M.current),
-        onContentLeave: N,
-        onItemSelect: (w) => {
-          v((S) => S === w ? "" : w);
+        onContentEnter: () => window.clearTimeout(N.current),
+        onContentLeave: C,
+        onItemSelect: (M) => {
+          f((x) => x === M ? "" : M);
         },
-        onItemDismiss: () => v(""),
-        children: /* @__PURE__ */ l(
-          _.nav,
+        onItemDismiss: () => f(""),
+        children: /* @__PURE__ */ u(
+          b.nav,
           {
             "aria-label": "Main",
-            "data-orientation": c,
-            dir: C,
-            ...u,
-            ref: h
+            "data-orientation": l,
+            dir: p,
+            ...c,
+            ref: E
           }
         )
       }
@@ -95,7 +95,7 @@ var A = "NavigationMenu", [$, ae, De] = ie(A), [z, Ae, Oe] = ie(A), [Y, ut] = ye
   }
 );
 se.displayName = A;
-var U = "NavigationMenuSub", Ke = a.forwardRef(
+var U = "NavigationMenuSub", Fe = a.forwardRef(
   (e, t) => {
     const {
       __scopeNavigationMenu: r,
@@ -104,30 +104,30 @@ var U = "NavigationMenuSub", Ke = a.forwardRef(
       defaultValue: o,
       orientation: s = "horizontal",
       ...d
-    } = e, c = b(U, r), [R, u] = oe({
+    } = e, l = y(U, r), [R, c] = oe({
       prop: i,
       onChange: n,
       defaultProp: o ?? "",
       caller: U
     });
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ u(
       ce,
       {
         scope: r,
         isRootMenu: !1,
         value: R,
-        dir: c.dir,
+        dir: l.dir,
         orientation: s,
-        rootNavigationMenu: c.rootNavigationMenu,
-        onTriggerEnter: (g) => u(g),
-        onItemSelect: (g) => u(g),
-        onItemDismiss: () => u(""),
-        children: /* @__PURE__ */ l(_.div, { "data-orientation": s, ...d, ref: t })
+        rootNavigationMenu: l.rootNavigationMenu,
+        onTriggerEnter: (m) => c(m),
+        onItemSelect: (m) => c(m),
+        onItemDismiss: () => c(""),
+        children: /* @__PURE__ */ u(b.div, { "data-orientation": s, ...d, ref: t })
       }
     );
   }
 );
-Ke.displayName = U;
+Fe.displayName = U;
 var ce = (e) => {
   const {
     scope: t,
@@ -137,145 +137,145 @@ var ce = (e) => {
     orientation: o,
     children: s,
     value: d,
-    onItemSelect: c,
+    onItemSelect: l,
     onItemDismiss: R,
-    onTriggerEnter: u,
-    onTriggerLeave: g,
-    onContentEnter: E,
-    onContentLeave: h
-  } = e, [C, p] = a.useState(null), [M, T] = a.useState(/* @__PURE__ */ new Map()), [P, f] = a.useState(null);
-  return /* @__PURE__ */ l(
-    ke,
+    onTriggerEnter: c,
+    onTriggerLeave: m,
+    onContentEnter: h,
+    onContentLeave: E
+  } = e, [p, w] = a.useState(null), [N, T] = a.useState(/* @__PURE__ */ new Map()), [_, v] = a.useState(null);
+  return /* @__PURE__ */ u(
+    Oe,
     {
       scope: t,
       isRootMenu: r,
       rootNavigationMenu: i,
       value: d,
-      previousValue: xe(d),
+      previousValue: Pe(d),
       baseId: re(),
       dir: n,
       orientation: o,
-      viewport: C,
-      onViewportChange: p,
-      indicatorTrack: P,
-      onIndicatorTrackChange: f,
-      onTriggerEnter: D(u),
-      onTriggerLeave: D(g),
-      onContentEnter: D(E),
-      onContentLeave: D(h),
-      onItemSelect: D(c),
+      viewport: p,
+      onViewportChange: w,
+      indicatorTrack: _,
+      onIndicatorTrackChange: v,
+      onTriggerEnter: D(c),
+      onTriggerLeave: D(m),
+      onContentEnter: D(h),
+      onContentLeave: D(E),
+      onItemSelect: D(l),
       onItemDismiss: D(R),
-      onViewportContentChange: a.useCallback((m, v) => {
-        T((N) => (N.set(m, v), new Map(N)));
+      onViewportContentChange: a.useCallback((g, f) => {
+        T((C) => (C.set(g, f), new Map(C)));
       }, []),
-      onViewportContentRemove: a.useCallback((m) => {
-        T((v) => v.has(m) ? (v.delete(m), new Map(v)) : v);
+      onViewportContentRemove: a.useCallback((g) => {
+        T((f) => f.has(g) ? (f.delete(g), new Map(f)) : f);
       }, []),
-      children: /* @__PURE__ */ l($.Provider, { scope: t, children: /* @__PURE__ */ l(Le, { scope: t, items: M, children: s }) })
+      children: /* @__PURE__ */ u($.Provider, { scope: t, children: /* @__PURE__ */ u(ke, { scope: t, items: N, children: s }) })
     }
   );
 }, ue = "NavigationMenuList", le = a.forwardRef(
   (e, t) => {
-    const { __scopeNavigationMenu: r, ...i } = e, n = b(ue, r), o = /* @__PURE__ */ l(_.ul, { "data-orientation": n.orientation, ...i, ref: t });
-    return /* @__PURE__ */ l(_.div, { style: { position: "relative" }, ref: n.onIndicatorTrackChange, children: /* @__PURE__ */ l($.Slot, { scope: r, children: n.isRootMenu ? /* @__PURE__ */ l(Me, { asChild: !0, children: o }) : o }) });
+    const { __scopeNavigationMenu: r, ...i } = e, n = y(ue, r), o = /* @__PURE__ */ u(b.ul, { "data-orientation": n.orientation, ...i, ref: t });
+    return /* @__PURE__ */ u(b.div, { style: { position: "relative" }, ref: n.onIndicatorTrackChange, children: /* @__PURE__ */ u($.Slot, { scope: r, children: n.isRootMenu ? /* @__PURE__ */ u(Me, { asChild: !0, children: o }) : o }) });
   }
 );
 le.displayName = ue;
-var de = "NavigationMenuItem", [Ve, ve] = Y(de), fe = a.forwardRef(
+var de = "NavigationMenuItem", [Ke, ve] = Y(de), fe = a.forwardRef(
   (e, t) => {
-    const { __scopeNavigationMenu: r, value: i, ...n } = e, o = re(), s = i || o || "LEGACY_REACT_AUTO_VALUE", d = a.useRef(null), c = a.useRef(null), R = a.useRef(null), u = a.useRef(() => {
-    }), g = a.useRef(!1), E = a.useCallback((C = "start") => {
+    const { __scopeNavigationMenu: r, value: i, ...n } = e, o = re(), s = i || o || "LEGACY_REACT_AUTO_VALUE", d = a.useRef(null), l = a.useRef(null), R = a.useRef(null), c = a.useRef(() => {
+    }), m = a.useRef(!1), h = a.useCallback((p = "start") => {
       if (d.current) {
-        u.current();
-        const p = B(d.current);
-        p.length && X(C === "start" ? p : p.reverse());
+        c.current();
+        const w = B(d.current);
+        w.length && X(p === "start" ? w : w.reverse());
       }
-    }, []), h = a.useCallback(() => {
+    }, []), E = a.useCallback(() => {
       if (d.current) {
-        const C = B(d.current);
-        C.length && (u.current = $e(C));
+        const p = B(d.current);
+        p.length && (c.current = We(p));
       }
     }, []);
-    return /* @__PURE__ */ l(
-      Ve,
+    return /* @__PURE__ */ u(
+      Ke,
       {
         scope: r,
         value: s,
-        triggerRef: c,
+        triggerRef: l,
         contentRef: d,
         focusProxyRef: R,
-        wasEscapeCloseRef: g,
-        onEntryKeyDown: E,
-        onFocusProxyEnter: E,
-        onRootContentClose: h,
-        onContentFocusOutside: h,
-        children: /* @__PURE__ */ l(_.li, { ...n, ref: t })
+        wasEscapeCloseRef: m,
+        onEntryKeyDown: h,
+        onFocusProxyEnter: h,
+        onRootContentClose: E,
+        onContentFocusOutside: E,
+        children: /* @__PURE__ */ u(b.li, { ...n, ref: t })
       }
     );
   }
 );
 fe.displayName = de;
 var H = "NavigationMenuTrigger", me = a.forwardRef((e, t) => {
-  const { __scopeNavigationMenu: r, disabled: i, ...n } = e, o = b(H, e.__scopeNavigationMenu), s = ve(H, e.__scopeNavigationMenu), d = a.useRef(null), c = k(d, s.triggerRef, t), R = Ee(o.baseId, s.value), u = he(o.baseId, s.value), g = a.useRef(!1), E = a.useRef(!1), h = s.value === o.value;
+  const { __scopeNavigationMenu: r, disabled: i, ...n } = e, o = y(H, e.__scopeNavigationMenu), s = ve(H, e.__scopeNavigationMenu), d = a.useRef(null), l = k(d, s.triggerRef, t), R = he(o.baseId, s.value), c = Ee(o.baseId, s.value), m = a.useRef(!1), h = a.useRef(!1), E = s.value === o.value;
   return /* @__PURE__ */ Z(ee, { children: [
-    /* @__PURE__ */ l($.ItemSlot, { scope: r, value: s.value, children: /* @__PURE__ */ l(Ne, { asChild: !0, children: /* @__PURE__ */ l(
-      _.button,
+    /* @__PURE__ */ u($.ItemSlot, { scope: r, value: s.value, children: /* @__PURE__ */ u(Ne, { asChild: !0, children: /* @__PURE__ */ u(
+      b.button,
       {
         id: R,
         disabled: i,
         "data-disabled": i ? "" : void 0,
-        "data-state": J(h),
-        "aria-expanded": h,
-        "aria-controls": u,
+        "data-state": J(E),
+        "aria-expanded": E,
+        "aria-controls": c,
         ...n,
-        ref: c,
+        ref: l,
         onPointerEnter: I(e.onPointerEnter, () => {
-          E.current = !1, s.wasEscapeCloseRef.current = !1;
+          h.current = !1, s.wasEscapeCloseRef.current = !1;
         }),
         onPointerMove: I(
           e.onPointerMove,
           F(() => {
-            i || E.current || s.wasEscapeCloseRef.current || g.current || (o.onTriggerEnter(s.value), g.current = !0);
+            i || h.current || s.wasEscapeCloseRef.current || m.current || (o.onTriggerEnter(s.value), m.current = !0);
           })
         ),
         onPointerLeave: I(
           e.onPointerLeave,
           F(() => {
-            i || (o.onTriggerLeave(), g.current = !1);
+            i || (o.onTriggerLeave(), m.current = !1);
           })
         ),
         onClick: I(e.onClick, () => {
-          o.onItemSelect(s.value), E.current = h;
+          o.onItemSelect(s.value), h.current = E;
         }),
-        onKeyDown: I(e.onKeyDown, (C) => {
-          const M = { horizontal: "ArrowDown", vertical: o.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[o.orientation];
-          h && C.key === M && (s.onEntryKeyDown(), C.preventDefault());
+        onKeyDown: I(e.onKeyDown, (p) => {
+          const N = { horizontal: "ArrowDown", vertical: o.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[o.orientation];
+          E && p.key === N && (s.onEntryKeyDown(), p.preventDefault());
         })
       }
     ) }) }),
-    h && /* @__PURE__ */ Z(ee, { children: [
-      /* @__PURE__ */ l(
-        Se,
+    E && /* @__PURE__ */ Z(ee, { children: [
+      /* @__PURE__ */ u(
+        xe,
         {
           "aria-hidden": !0,
           tabIndex: 0,
           ref: s.focusProxyRef,
-          onFocus: (C) => {
-            const p = s.contentRef.current, M = C.relatedTarget, T = M === d.current, P = p == null ? void 0 : p.contains(M);
-            (T || !P) && s.onFocusProxyEnter(T ? "start" : "end");
+          onFocus: (p) => {
+            const w = s.contentRef.current, N = p.relatedTarget, T = N === d.current, _ = w?.contains(N);
+            (T || !_) && s.onFocusProxyEnter(T ? "start" : "end");
           }
         }
       ),
-      o.viewport && /* @__PURE__ */ l("span", { "aria-owns": u })
+      o.viewport && /* @__PURE__ */ u("span", { "aria-owns": c })
     ] })
   ] });
 });
 me.displayName = H;
-var Ge = "NavigationMenuLink", te = "navigationMenu.linkSelect", ge = a.forwardRef(
+var Ve = "NavigationMenuLink", te = "navigationMenu.linkSelect", ge = a.forwardRef(
   (e, t) => {
     const { __scopeNavigationMenu: r, active: i, onSelect: n, ...o } = e;
-    return /* @__PURE__ */ l(Ne, { asChild: !0, children: /* @__PURE__ */ l(
-      _.a,
+    return /* @__PURE__ */ u(Ne, { asChild: !0, children: /* @__PURE__ */ u(
+      b.a,
       {
         "data-active": i ? "" : void 0,
         "aria-current": i ? "page" : void 0,
@@ -284,11 +284,11 @@ var Ge = "NavigationMenuLink", te = "navigationMenu.linkSelect", ge = a.forwardR
         onClick: I(
           e.onClick,
           (s) => {
-            const d = s.target, c = new CustomEvent(te, {
+            const d = s.target, l = new CustomEvent(te, {
               bubbles: !0,
               cancelable: !0
             });
-            if (d.addEventListener(te, (R) => n == null ? void 0 : n(R), { once: !0 }), Q(d, c), !c.defaultPrevented && !s.metaKey) {
+            if (d.addEventListener(te, (R) => n?.(R), { once: !0 }), Q(d, l), !l.defaultPrevented && !s.metaKey) {
               const R = new CustomEvent(L, {
                 bubbles: !0,
                 cancelable: !0
@@ -302,55 +302,54 @@ var Ge = "NavigationMenuLink", te = "navigationMenu.linkSelect", ge = a.forwardR
     ) });
   }
 );
-ge.displayName = Ge;
+ge.displayName = Ve;
 var j = "NavigationMenuIndicator", pe = a.forwardRef((e, t) => {
-  const { forceMount: r, ...i } = e, n = b(j, e.__scopeNavigationMenu), o = !!n.value;
-  return n.indicatorTrack ? Ie.createPortal(
-    /* @__PURE__ */ l(K, { present: r || o, children: /* @__PURE__ */ l(ze, { ...i, ref: t }) }),
+  const { forceMount: r, ...i } = e, n = y(j, e.__scopeNavigationMenu), o = !!n.value;
+  return n.indicatorTrack ? Te.createPortal(
+    /* @__PURE__ */ u(K, { present: r || o, children: /* @__PURE__ */ u(ze, { ...i, ref: t }) }),
     n.indicatorTrack
   ) : null;
 });
 pe.displayName = j;
 var ze = a.forwardRef((e, t) => {
-  const { __scopeNavigationMenu: r, ...i } = e, n = b(j, r), o = ae(r), [s, d] = a.useState(
+  const { __scopeNavigationMenu: r, ...i } = e, n = y(j, r), o = ae(r), [s, d] = a.useState(
     null
-  ), [c, R] = a.useState(null), u = n.orientation === "horizontal", g = !!n.value;
+  ), [l, R] = a.useState(null), c = n.orientation === "horizontal", m = !!n.value;
   a.useEffect(() => {
-    var p;
-    const C = (p = o().find((M) => M.value === n.value)) == null ? void 0 : p.ref.current;
-    C && d(C);
+    const p = o().find((w) => w.value === n.value)?.ref.current;
+    p && d(p);
   }, [o, n.value]);
-  const E = () => {
+  const h = () => {
     s && R({
-      size: u ? s.offsetWidth : s.offsetHeight,
-      offset: u ? s.offsetLeft : s.offsetTop
+      size: c ? s.offsetWidth : s.offsetHeight,
+      offset: c ? s.offsetLeft : s.offsetTop
     });
   };
-  return W(s, E), W(n.indicatorTrack, E), c ? /* @__PURE__ */ l(
-    _.div,
+  return W(s, h), W(n.indicatorTrack, h), l ? /* @__PURE__ */ u(
+    b.div,
     {
       "aria-hidden": !0,
-      "data-state": g ? "visible" : "hidden",
+      "data-state": m ? "visible" : "hidden",
       "data-orientation": n.orientation,
       ...i,
       ref: t,
       style: {
         position: "absolute",
-        ...u ? {
+        ...c ? {
           left: 0,
-          width: c.size + "px",
-          transform: `translateX(${c.offset}px)`
+          width: l.size + "px",
+          transform: `translateX(${l.offset}px)`
         } : {
           top: 0,
-          height: c.size + "px",
-          transform: `translateY(${c.offset}px)`
+          height: l.size + "px",
+          transform: `translateY(${l.offset}px)`
         },
         ...i.style
       }
     }
   ) : null;
 }), O = "NavigationMenuContent", we = a.forwardRef((e, t) => {
-  const { forceMount: r, ...i } = e, n = b(O, e.__scopeNavigationMenu), o = ve(O, e.__scopeNavigationMenu), s = k(o.contentRef, t), d = o.value === n.value, c = {
+  const { forceMount: r, ...i } = e, n = y(O, e.__scopeNavigationMenu), o = ve(O, e.__scopeNavigationMenu), s = k(o.contentRef, t), d = o.value === n.value, l = {
     value: o.value,
     triggerRef: o.triggerRef,
     focusProxyRef: o.focusProxyRef,
@@ -359,11 +358,11 @@ var ze = a.forwardRef((e, t) => {
     onRootContentClose: o.onRootContentClose,
     ...i
   };
-  return n.viewport ? /* @__PURE__ */ l(Ue, { forceMount: r, ...c, ref: s }) : /* @__PURE__ */ l(K, { present: r || d, children: /* @__PURE__ */ l(
+  return n.viewport ? /* @__PURE__ */ u(Ge, { forceMount: r, ...l, ref: s }) : /* @__PURE__ */ u(K, { present: r || d, children: /* @__PURE__ */ u(
     Ce,
     {
       "data-state": J(d),
-      ...c,
+      ...l,
       ref: s,
       onPointerEnter: I(e.onPointerEnter, n.onContentEnter),
       onPointerLeave: I(
@@ -373,20 +372,20 @@ var ze = a.forwardRef((e, t) => {
       style: {
         // Prevent interaction when animating out
         pointerEvents: !d && n.isRootMenu ? "none" : void 0,
-        ...c.style
+        ...l.style
       }
     }
   ) });
 });
 we.displayName = O;
-var Ue = a.forwardRef((e, t) => {
-  const r = b(O, e.__scopeNavigationMenu), { onViewportContentChange: i, onViewportContentRemove: n } = r;
-  return G(() => {
+var Ge = a.forwardRef((e, t) => {
+  const r = y(O, e.__scopeNavigationMenu), { onViewportContentChange: i, onViewportContentRemove: n } = r;
+  return z(() => {
     i(e.value, {
       ref: t,
       ...e
     });
-  }, [e, t, i]), G(() => () => n(e.value), [e.value, n]), null;
+  }, [e, t, i]), z(() => () => n(e.value), [e.value, n]), null;
 }), L = "navigationMenu.rootContentDismiss", Ce = a.forwardRef((e, t) => {
   const {
     __scopeNavigationMenu: r,
@@ -395,141 +394,133 @@ var Ue = a.forwardRef((e, t) => {
     focusProxyRef: o,
     wasEscapeCloseRef: s,
     onRootContentClose: d,
-    onContentFocusOutside: c,
+    onContentFocusOutside: l,
     ...R
-  } = e, u = b(O, r), g = a.useRef(null), E = k(g, t), h = Ee(u.baseId, i), C = he(u.baseId, i), p = ae(r), M = a.useRef(null), { onItemDismiss: T } = u;
+  } = e, c = y(O, r), m = a.useRef(null), h = k(m, t), E = he(c.baseId, i), p = Ee(c.baseId, i), w = ae(r), N = a.useRef(null), { onItemDismiss: T } = c;
   a.useEffect(() => {
-    const f = g.current;
-    if (u.isRootMenu && f) {
-      const m = () => {
-        var v;
-        T(), d(), f.contains(document.activeElement) && ((v = n.current) == null || v.focus());
+    const v = m.current;
+    if (c.isRootMenu && v) {
+      const g = () => {
+        T(), d(), v.contains(document.activeElement) && n.current?.focus();
       };
-      return f.addEventListener(L, m), () => f.removeEventListener(L, m);
+      return v.addEventListener(L, g), () => v.removeEventListener(L, g);
     }
-  }, [u.isRootMenu, e.value, n, T, d]);
-  const P = a.useMemo(() => {
-    const m = p().map((S) => S.value);
-    u.dir === "rtl" && m.reverse();
-    const v = m.indexOf(u.value), N = m.indexOf(u.previousValue), y = i === u.value, x = N === m.indexOf(i);
-    if (!y && !x) return M.current;
-    const w = (() => {
-      if (v !== N) {
-        if (y && N !== -1) return v > N ? "from-end" : "from-start";
-        if (x && v !== -1) return v > N ? "to-start" : "to-end";
+  }, [c.isRootMenu, e.value, n, T, d]);
+  const _ = a.useMemo(() => {
+    const g = w().map((x) => x.value);
+    c.dir === "rtl" && g.reverse();
+    const f = g.indexOf(c.value), C = g.indexOf(c.previousValue), P = i === c.value, S = C === g.indexOf(i);
+    if (!P && !S) return N.current;
+    const M = (() => {
+      if (f !== C) {
+        if (P && C !== -1) return f > C ? "from-end" : "from-start";
+        if (S && f !== -1) return f > C ? "to-start" : "to-end";
       }
       return null;
     })();
-    return M.current = w, w;
-  }, [u.previousValue, u.value, u.dir, p, i]);
-  return /* @__PURE__ */ l(Me, { asChild: !0, children: /* @__PURE__ */ l(
-    Pe,
+    return N.current = M, M;
+  }, [c.previousValue, c.value, c.dir, w, i]);
+  return /* @__PURE__ */ u(Me, { asChild: !0, children: /* @__PURE__ */ u(
+    _e,
     {
-      id: C,
-      "aria-labelledby": h,
-      "data-motion": P,
-      "data-orientation": u.orientation,
+      id: p,
+      "aria-labelledby": E,
+      "data-motion": _,
+      "data-orientation": c.orientation,
       ...R,
-      ref: E,
+      ref: h,
       disableOutsidePointerEvents: !1,
       onDismiss: () => {
-        var m;
-        const f = new Event(L, {
+        const v = new Event(L, {
           bubbles: !0,
           cancelable: !0
         });
-        (m = g.current) == null || m.dispatchEvent(f);
+        m.current?.dispatchEvent(v);
       },
-      onFocusOutside: I(e.onFocusOutside, (f) => {
-        var v;
-        c();
-        const m = f.target;
-        (v = u.rootNavigationMenu) != null && v.contains(m) && f.preventDefault();
+      onFocusOutside: I(e.onFocusOutside, (v) => {
+        l();
+        const g = v.target;
+        c.rootNavigationMenu?.contains(g) && v.preventDefault();
       }),
-      onPointerDownOutside: I(e.onPointerDownOutside, (f) => {
-        var y;
-        const m = f.target, v = p().some((x) => {
-          var w;
-          return (w = x.ref.current) == null ? void 0 : w.contains(m);
-        }), N = u.isRootMenu && ((y = u.viewport) == null ? void 0 : y.contains(m));
-        (v || N || !u.isRootMenu) && f.preventDefault();
+      onPointerDownOutside: I(e.onPointerDownOutside, (v) => {
+        const g = v.target, f = w().some((P) => P.ref.current?.contains(g)), C = c.isRootMenu && c.viewport?.contains(g);
+        (f || C || !c.isRootMenu) && v.preventDefault();
       }),
-      onKeyDown: I(e.onKeyDown, (f) => {
-        var N;
-        const m = f.altKey || f.ctrlKey || f.metaKey;
-        if (f.key === "Tab" && !m) {
-          const y = B(f.currentTarget), x = document.activeElement, w = y.findIndex((Te) => Te === x), V = f.shiftKey ? y.slice(0, w).reverse() : y.slice(w + 1, y.length);
-          X(V) ? f.preventDefault() : (N = o.current) == null || N.focus();
+      onKeyDown: I(e.onKeyDown, (v) => {
+        const g = v.altKey || v.ctrlKey || v.metaKey;
+        if (v.key === "Tab" && !g) {
+          const C = B(v.currentTarget), P = document.activeElement, S = C.findIndex((V) => V === P), x = v.shiftKey ? C.slice(0, S).reverse() : C.slice(S + 1, C.length);
+          X(x) ? v.preventDefault() : o.current?.focus();
         }
       }),
-      onEscapeKeyDown: I(e.onEscapeKeyDown, (f) => {
+      onEscapeKeyDown: I(e.onEscapeKeyDown, (v) => {
         s.current = !0;
       })
     }
   ) });
 }), q = "NavigationMenuViewport", Re = a.forwardRef((e, t) => {
-  const { forceMount: r, ...i } = e, o = !!b(q, e.__scopeNavigationMenu).value;
-  return /* @__PURE__ */ l(K, { present: r || o, children: /* @__PURE__ */ l(He, { ...i, ref: t }) });
+  const { forceMount: r, ...i } = e, o = !!y(q, e.__scopeNavigationMenu).value;
+  return /* @__PURE__ */ u(K, { present: r || o, children: /* @__PURE__ */ u(Ue, { ...i, ref: t }) });
 });
 Re.displayName = q;
-var He = a.forwardRef((e, t) => {
-  const { __scopeNavigationMenu: r, children: i, ...n } = e, o = b(q, r), s = k(t, o.onViewportChange), d = Fe(
+var Ue = a.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: r, children: i, ...n } = e, o = y(q, r), s = k(t, o.onViewportChange), d = Le(
     O,
     e.__scopeNavigationMenu
-  ), [c, R] = a.useState(null), [u, g] = a.useState(null), E = c ? (c == null ? void 0 : c.width) + "px" : void 0, h = c ? (c == null ? void 0 : c.height) + "px" : void 0, C = !!o.value, p = C ? o.value : o.previousValue;
-  return W(u, () => {
-    u && R({ width: u.offsetWidth, height: u.offsetHeight });
-  }), /* @__PURE__ */ l(
-    _.div,
+  ), [l, R] = a.useState(null), [c, m] = a.useState(null), h = l ? l?.width + "px" : void 0, E = l ? l?.height + "px" : void 0, p = !!o.value, w = p ? o.value : o.previousValue;
+  return W(c, () => {
+    c && R({ width: c.offsetWidth, height: c.offsetHeight });
+  }), /* @__PURE__ */ u(
+    b.div,
     {
-      "data-state": J(C),
+      "data-state": J(p),
       "data-orientation": o.orientation,
       ...n,
       ref: s,
       style: {
         // Prevent interaction when animating out
-        pointerEvents: !C && o.isRootMenu ? "none" : void 0,
-        "--radix-navigation-menu-viewport-width": E,
-        "--radix-navigation-menu-viewport-height": h,
+        pointerEvents: !p && o.isRootMenu ? "none" : void 0,
+        "--radix-navigation-menu-viewport-width": h,
+        "--radix-navigation-menu-viewport-height": E,
         ...n.style
       },
       onPointerEnter: I(e.onPointerEnter, o.onContentEnter),
       onPointerLeave: I(e.onPointerLeave, F(o.onContentLeave)),
-      children: Array.from(d.items).map(([T, { ref: P, forceMount: f, ...m }]) => {
-        const v = p === T;
-        return /* @__PURE__ */ l(K, { present: f || v, children: /* @__PURE__ */ l(
+      children: Array.from(d.items).map(([T, { ref: _, forceMount: v, ...g }]) => {
+        const f = w === T;
+        return /* @__PURE__ */ u(K, { present: v || f, children: /* @__PURE__ */ u(
           Ce,
           {
-            ...m,
-            ref: be(P, (N) => {
-              v && N && g(N);
+            ...g,
+            ref: ye(_, (C) => {
+              f && C && m(C);
             })
           }
         ) }, T);
       })
     }
   );
-}), Be = "FocusGroup", Me = a.forwardRef(
+}), He = "FocusGroup", Me = a.forwardRef(
   (e, t) => {
-    const { __scopeNavigationMenu: r, ...i } = e, n = b(Be, r);
-    return /* @__PURE__ */ l(z.Provider, { scope: r, children: /* @__PURE__ */ l(z.Slot, { scope: r, children: /* @__PURE__ */ l(_.div, { dir: n.dir, ...i, ref: t }) }) });
+    const { __scopeNavigationMenu: r, ...i } = e, n = y(He, r);
+    return /* @__PURE__ */ u(G.Provider, { scope: r, children: /* @__PURE__ */ u(G.Slot, { scope: r, children: /* @__PURE__ */ u(b.div, { dir: n.dir, ...i, ref: t }) }) });
   }
-), ne = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], We = "FocusGroupItem", Ne = a.forwardRef(
+), ne = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], Be = "FocusGroupItem", Ne = a.forwardRef(
   (e, t) => {
-    const { __scopeNavigationMenu: r, ...i } = e, n = Ae(r), o = b(We, r);
-    return /* @__PURE__ */ l(z.ItemSlot, { scope: r, children: /* @__PURE__ */ l(
-      _.button,
+    const { __scopeNavigationMenu: r, ...i } = e, n = De(r), o = y(Be, r);
+    return /* @__PURE__ */ u(G.ItemSlot, { scope: r, children: /* @__PURE__ */ u(
+      b.button,
       {
         ...i,
         ref: t,
         onKeyDown: I(e.onKeyDown, (s) => {
           if (["Home", "End", ...ne].includes(s.key)) {
-            let c = n().map((g) => g.ref.current);
-            if ([o.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(s.key) && c.reverse(), ne.includes(s.key)) {
-              const g = c.indexOf(s.currentTarget);
-              c = c.slice(g + 1);
+            let l = n().map((m) => m.ref.current);
+            if ([o.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(s.key) && l.reverse(), ne.includes(s.key)) {
+              const m = l.indexOf(s.currentTarget);
+              l = l.slice(m + 1);
             }
-            setTimeout(() => X(c)), s.preventDefault();
+            setTimeout(() => X(l)), s.preventDefault();
           }
         })
       }
@@ -550,7 +541,7 @@ function X(e) {
   const t = document.activeElement;
   return e.some((r) => r === t ? !0 : (r.focus(), document.activeElement !== t));
 }
-function $e(e) {
+function We(e) {
   return e.forEach((t) => {
     t.dataset.tabindex = t.getAttribute("tabindex") || "", t.setAttribute("tabindex", "-1");
   }), () => {
@@ -562,7 +553,7 @@ function $e(e) {
 }
 function W(e, t) {
   const r = D(t);
-  G(() => {
+  z(() => {
     let i = 0;
     if (e) {
       const n = new ResizeObserver(() => {
@@ -577,33 +568,33 @@ function W(e, t) {
 function J(e) {
   return e ? "open" : "closed";
 }
-function Ee(e, t) {
+function he(e, t) {
   return `${e}-trigger-${t}`;
 }
-function he(e, t) {
+function Ee(e, t) {
   return `${e}-content-${t}`;
 }
 function F(e) {
   return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var lt = se, dt = le, vt = fe, ft = me, mt = ge, gt = pe, pt = we, wt = Re;
+var ut = se, lt = le, dt = fe, vt = me, ft = ge, mt = pe, gt = we, pt = Re;
 export {
-  pt as Content,
-  gt as Indicator,
-  vt as Item,
-  mt as Link,
-  dt as List,
+  gt as Content,
+  mt as Indicator,
+  dt as Item,
+  ft as Link,
+  lt as List,
   se as NavigationMenu,
   we as NavigationMenuContent,
   pe as NavigationMenuIndicator,
   fe as NavigationMenuItem,
   ge as NavigationMenuLink,
   le as NavigationMenuList,
-  Ke as NavigationMenuSub,
+  Fe as NavigationMenuSub,
   me as NavigationMenuTrigger,
   Re as NavigationMenuViewport,
-  lt as Root,
-  ft as Trigger,
-  wt as Viewport,
-  ut as createNavigationMenuScope
+  ut as Root,
+  vt as Trigger,
+  pt as Viewport,
+  ct as createNavigationMenuScope
 };