@arolariu/components 0.0.30 → 0.0.32

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

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