@anoki/fse-ui 1.0.0-beta1.47.1 → 1.0.0-beta1.47.2

package/dist/{index.es473.js → index.es467.js}

@@ -1,21 +1,21 @@
 import * as r from "react";
-import { composeEventHandlers as v } from "./index.es468.js";
-import { createCollection as Xe } from "./index.es480.js";
-import { useComposedRefs as k, composeRefs as He } from "./index.es469.js";
-import { createContextScope as We } from "./index.es470.js";
-import { useDirection as ze } from "./index.es481.js";
-import { DismissableLayer as Ze } from "./index.es482.js";
-import { useFocusGuards as $e } from "./index.es483.js";
-import { FocusScope as qe } from "./index.es484.js";
-import { createPopperScope as pe, Root as Je, Anchor as Qe, Content as et, Arrow as tt } from "./index.es485.js";
-import { Portal as nt } from "./index.es486.js";
-import { Presence as H } from "./index.es477.js";
-import { Primitive as N, dispatchDiscreteCustomEvent as ot } from "./index.es472.js";
-import { createRovingFocusGroupScope as ve, Item as rt, Root as ct } from "./index.es487.js";
-import { createSlot as st } from "./index.es479.js";
-import { useCallbackRef as Me } from "./index.es488.js";
-import { hideOthers as at } from "./index.es489.js";
-import ut from "./index.es490.js";
+import { composeEventHandlers as M } from "./index.es462.js";
+import { createCollection as Xe } from "./index.es520.js";
+import { useComposedRefs as k, composeRefs as He } from "./index.es463.js";
+import { createContextScope as We } from "./index.es464.js";
+import { useDirection as ze } from "./index.es521.js";
+import { DismissableLayer as Ze } from "./index.es489.js";
+import { useFocusGuards as $e } from "./index.es492.js";
+import { FocusScope as qe } from "./index.es490.js";
+import { createPopperScope as pe, Root as Je, Anchor as Qe, Content as et, Arrow as tt } from "./index.es522.js";
+import { Portal as nt } from "./index.es491.js";
+import { Presence as H } from "./index.es471.js";
+import { Primitive as N, dispatchDiscreteCustomEvent as ot } from "./index.es466.js";
+import { createRovingFocusGroupScope as ve, Item as rt, Root as ct } from "./index.es523.js";
+import { createSlot as st } from "./index.es495.js";
+import { useCallbackRef as Me } from "./index.es519.js";
+import { hideOthers as at } from "./index.es494.js";
+import ut from "./index.es493.js";
 import { j as u } from "./index.es241.js";
 var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "PageDown", "End"], lt = [...it, ...he], dt = {
   ltr: [...Q, "ArrowRight"],
@@ -23,12 +23,12 @@ var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "
 }, ft = {
   ltr: ["ArrowLeft"],
   rtl: ["ArrowRight"]
-}, F = "Menu", [O, mt, pt] = Xe(F), [w, tn] = We(F, [
+}, F = "Menu", [D, mt, pt] = Xe(F), [w, tn] = We(F, [
   pt,
   pe,
   ve
 ]), W = pe(), Ce = ve(), [vt, S] = w(F), [Mt, L] = w(F), xe = (e) => {
-  const { __scopeMenu: n, open: t = !1, children: o, dir: a, onOpenChange: c, modal: d = !0 } = e, p = W(n), [M, m] = r.useState(null), f = r.useRef(!1), s = Me(c), l = ze(a);
+  const { __scopeMenu: n, open: t = !1, children: o, dir: a, onOpenChange: c, modal: l = !0 } = e, m = W(n), [p, v] = r.useState(null), f = r.useRef(!1), s = Me(c), d = ze(a);
   return r.useEffect(() => {
     const C = () => {
       f.current = !0, document.addEventListener("pointerdown", h, { capture: !0, once: !0 }), document.addEventListener("pointermove", h, { capture: !0, once: !0 });
@@ -36,22 +36,22 @@ var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "
     return document.addEventListener("keydown", C, { capture: !0 }), () => {
       document.removeEventListener("keydown", C, { capture: !0 }), document.removeEventListener("pointerdown", h, { capture: !0 }), document.removeEventListener("pointermove", h, { capture: !0 });
     };
-  }, []), /* @__PURE__ */ u.jsx(Je, { ...p, children: /* @__PURE__ */ u.jsx(
+  }, []), /* @__PURE__ */ u.jsx(Je, { ...m, children: /* @__PURE__ */ u.jsx(
     vt,
     {
       scope: n,
       open: t,
       onOpenChange: s,
-      content: M,
-      onContentChange: m,
+      content: p,
+      onContentChange: v,
       children: /* @__PURE__ */ u.jsx(
         Mt,
         {
           scope: n,
           onClose: r.useCallback(() => s(!1), [s]),
           isUsingKeyboardRef: f,
-          dir: l,
-          modal: d,
+          dir: d,
+          modal: l,
           children: o
         }
       )
@@ -75,8 +75,8 @@ var te = "MenuPortal", [Ct, _e] = w(te, {
 ge.displayName = te;
 var _ = "MenuContent", [xt, ne] = w(_), Re = r.forwardRef(
   (e, n) => {
-    const t = _e(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = S(_, e.__scopeMenu), d = L(_, e.__scopeMenu);
-    return /* @__PURE__ */ u.jsx(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(H, { present: o || c.open, children: /* @__PURE__ */ u.jsx(O.Slot, { scope: e.__scopeMenu, children: d.modal ? /* @__PURE__ */ u.jsx(_t, { ...a, ref: n }) : /* @__PURE__ */ u.jsx(gt, { ...a, ref: n }) }) }) });
+    const t = _e(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = S(_, e.__scopeMenu), l = L(_, e.__scopeMenu);
+    return /* @__PURE__ */ u.jsx(D.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(H, { present: o || c.open, children: /* @__PURE__ */ u.jsx(D.Slot, { scope: e.__scopeMenu, children: l.modal ? /* @__PURE__ */ u.jsx(_t, { ...a, ref: n }) : /* @__PURE__ */ u.jsx(gt, { ...a, ref: n }) }) }) });
   }
 ), _t = r.forwardRef(
   (e, n) => {
@@ -92,7 +92,7 @@ var _ = "MenuContent", [xt, ne] = w(_), Re = r.forwardRef(
         trapFocus: t.open,
         disableOutsidePointerEvents: t.open,
         disableOutsideScroll: !0,
-        onFocusOutside: v(
+        onFocusOutside: M(
           e.onFocusOutside,
           (c) => c.preventDefault(),
           { checkForDefaultPrevented: !1 }
@@ -121,19 +121,19 @@ var _ = "MenuContent", [xt, ne] = w(_), Re = r.forwardRef(
       loop: o = !1,
       trapFocus: a,
       onOpenAutoFocus: c,
-      onCloseAutoFocus: d,
-      disableOutsidePointerEvents: p,
-      onEntryFocus: M,
-      onEscapeKeyDown: m,
+      onCloseAutoFocus: l,
+      disableOutsidePointerEvents: m,
+      onEntryFocus: p,
+      onEscapeKeyDown: v,
       onPointerDownOutside: f,
       onFocusOutside: s,
-      onInteractOutside: l,
+      onInteractOutside: d,
       onDismiss: C,
       disableOutsideScroll: h,
       ...E
     } = e, I = S(_, t), T = L(_, t), K = W(t), G = Ce(t), ae = mt(t), [Ke, ue] = r.useState(null), U = r.useRef(null), Ge = k(n, U, I.onContentChange), B = r.useRef(0), V = r.useRef(""), Ue = r.useRef(0), Z = r.useRef(null), ie = r.useRef("right"), $ = r.useRef(0), Be = h ? ut : r.Fragment, Ve = h ? { as: Rt, allowPinchZoom: !0 } : void 0, Ye = (i) => {
       var b, de;
-      const x = V.current + i, g = ae().filter((R) => !R.disabled), P = document.activeElement, q = (b = g.find((R) => R.ref.current === P)) == null ? void 0 : b.textValue, J = g.map((R) => R.textValue), le = Dt(J, x, q), A = (de = g.find((R) => R.textValue === le)) == null ? void 0 : de.ref.current;
+      const x = V.current + i, g = ae().filter((R) => !R.disabled), P = document.activeElement, q = (b = g.find((R) => R.ref.current === P)) == null ? void 0 : b.textValue, J = g.map((R) => R.textValue), le = jt(J, x, q), A = (de = g.find((R) => R.textValue === le)) == null ? void 0 : de.ref.current;
       (function R(fe) {
         V.current = fe, window.clearTimeout(B.current), fe !== "" && (B.current = window.setTimeout(() => R(""), 1e3));
       })(x), A && setTimeout(() => A.focus());
@@ -176,20 +176,20 @@ var _ = "MenuContent", [xt, ne] = w(_), Re = r.forwardRef(
           {
             asChild: !0,
             trapped: a,
-            onMountAutoFocus: v(c, (i) => {
+            onMountAutoFocus: M(c, (i) => {
               var x;
               i.preventDefault(), (x = U.current) == null || x.focus({ preventScroll: !0 });
             }),
-            onUnmountAutoFocus: d,
+            onUnmountAutoFocus: l,
             children: /* @__PURE__ */ u.jsx(
               Ze,
               {
                 asChild: !0,
-                disableOutsidePointerEvents: p,
-                onEscapeKeyDown: m,
+                disableOutsidePointerEvents: m,
+                onEscapeKeyDown: v,
                 onPointerDownOutside: f,
                 onFocusOutside: s,
-                onInteractOutside: l,
+                onInteractOutside: d,
                 onDismiss: C,
                 children: /* @__PURE__ */ u.jsx(
                   ct,
@@ -201,7 +201,7 @@ var _ = "MenuContent", [xt, ne] = w(_), Re = r.forwardRef(
                     loop: o,
                     currentTabStopId: Ke,
                     onCurrentTabStopIdChange: ue,
-                    onEntryFocus: v(M, (i) => {
+                    onEntryFocus: M(p, (i) => {
                       T.isUsingKeyboardRef.current || i.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
@@ -217,21 +217,21 @@ var _ = "MenuContent", [xt, ne] = w(_), Re = r.forwardRef(
                         ...E,
                         ref: Ge,
                         style: { outline: "none", ...E.style },
-                        onKeyDown: v(E.onKeyDown, (i) => {
+                        onKeyDown: M(E.onKeyDown, (i) => {
                           const g = i.target.closest("[data-radix-menu-content]") === i.currentTarget, P = i.ctrlKey || i.altKey || i.metaKey, q = i.key.length === 1;
                           g && (i.key === "Tab" && i.preventDefault(), !P && q && Ye(i.key));
                           const J = U.current;
                           if (i.target !== J || !lt.includes(i.key)) return;
                           i.preventDefault();
                           const A = ae().filter((b) => !b.disabled).map((b) => b.ref.current);
-                          he.includes(i.key) && A.reverse(), jt(A);
+                          he.includes(i.key) && A.reverse(), Ot(A);
                         }),
-                        onBlur: v(e.onBlur, (i) => {
+                        onBlur: M(e.onBlur, (i) => {
                           i.currentTarget.contains(i.target) || (window.clearTimeout(B.current), V.current = "");
                         }),
-                        onPointerMove: v(
+                        onPointerMove: M(
                           e.onPointerMove,
-                          D((i) => {
+                          j((i) => {
                             const x = i.target, g = $.current !== i.clientX;
                             if (i.currentTarget.contains(x) && g) {
                               const P = i.clientX > $.current ? "right" : "left";
@@ -268,31 +268,31 @@ var Et = "MenuLabel", Pe = r.forwardRef(
 Pe.displayName = Et;
 var Y = "MenuItem", me = "menu.itemSelect", z = r.forwardRef(
   (e, n) => {
-    const { disabled: t = !1, onSelect: o, ...a } = e, c = r.useRef(null), d = L(Y, e.__scopeMenu), p = ne(Y, e.__scopeMenu), M = k(n, c), m = r.useRef(!1), f = () => {
+    const { disabled: t = !1, onSelect: o, ...a } = e, c = r.useRef(null), l = L(Y, e.__scopeMenu), m = ne(Y, e.__scopeMenu), p = k(n, c), v = r.useRef(!1), f = () => {
       const s = c.current;
       if (!t && s) {
-        const l = new CustomEvent(me, { bubbles: !0, cancelable: !0 });
-        s.addEventListener(me, (C) => o == null ? void 0 : o(C), { once: !0 }), ot(s, l), l.defaultPrevented ? m.current = !1 : d.onClose();
+        const d = new CustomEvent(me, { bubbles: !0, cancelable: !0 });
+        s.addEventListener(me, (C) => o == null ? void 0 : o(C), { once: !0 }), ot(s, d), d.defaultPrevented ? v.current = !1 : l.onClose();
       }
     };
     return /* @__PURE__ */ u.jsx(
       Ee,
       {
         ...a,
-        ref: M,
+        ref: p,
         disabled: t,
-        onClick: v(e.onClick, f),
+        onClick: M(e.onClick, f),
         onPointerDown: (s) => {
-          var l;
-          (l = e.onPointerDown) == null || l.call(e, s), m.current = !0;
+          var d;
+          (d = e.onPointerDown) == null || d.call(e, s), v.current = !0;
         },
-        onPointerUp: v(e.onPointerUp, (s) => {
-          var l;
-          m.current || (l = s.currentTarget) == null || l.click();
+        onPointerUp: M(e.onPointerUp, (s) => {
+          var d;
+          v.current || (d = s.currentTarget) == null || d.click();
         }),
-        onKeyDown: v(e.onKeyDown, (s) => {
-          const l = p.searchRef.current !== "";
-          t || l && s.key === " " || Q.includes(s.key) && (s.currentTarget.click(), s.preventDefault());
+        onKeyDown: M(e.onKeyDown, (s) => {
+          const d = m.searchRef.current !== "";
+          t || d && s.key === " " || Q.includes(s.key) && (s.currentTarget.click(), s.preventDefault());
         })
       }
     );
@@ -301,17 +301,17 @@ var Y = "MenuItem", me = "menu.itemSelect", z = r.forwardRef(
 z.displayName = Y;
 var Ee = r.forwardRef(
   (e, n) => {
-    const { __scopeMenu: t, disabled: o = !1, textValue: a, ...c } = e, d = ne(Y, t), p = Ce(t), M = r.useRef(null), m = k(n, M), [f, s] = r.useState(!1), [l, C] = r.useState("");
+    const { __scopeMenu: t, disabled: o = !1, textValue: a, ...c } = e, l = ne(Y, t), m = Ce(t), p = r.useRef(null), v = k(n, p), [f, s] = r.useState(!1), [d, C] = r.useState("");
     return r.useEffect(() => {
-      const h = M.current;
+      const h = p.current;
       h && C((h.textContent ?? "").trim());
     }, [c.children]), /* @__PURE__ */ u.jsx(
-      O.ItemSlot,
+      D.ItemSlot,
       {
         scope: t,
         disabled: o,
-        textValue: a ?? l,
-        children: /* @__PURE__ */ u.jsx(rt, { asChild: !0, ...p, focusable: !o, children: /* @__PURE__ */ u.jsx(
+        textValue: a ?? d,
+        children: /* @__PURE__ */ u.jsx(rt, { asChild: !0, ...m, focusable: !o, children: /* @__PURE__ */ u.jsx(
           N.div,
           {
             role: "menuitem",
@@ -319,19 +319,19 @@ var Ee = r.forwardRef(
             "aria-disabled": o || void 0,
             "data-disabled": o ? "" : void 0,
             ...c,
-            ref: m,
-            onPointerMove: v(
+            ref: v,
+            onPointerMove: M(
               e.onPointerMove,
-              D((h) => {
-                o ? d.onItemLeave(h) : (d.onItemEnter(h), h.defaultPrevented || h.currentTarget.focus({ preventScroll: !0 }));
+              j((h) => {
+                o ? l.onItemLeave(h) : (l.onItemEnter(h), h.defaultPrevented || h.currentTarget.focus({ preventScroll: !0 }));
               })
             ),
-            onPointerLeave: v(
+            onPointerLeave: M(
               e.onPointerLeave,
-              D((h) => d.onItemLeave(h))
+              j((h) => l.onItemLeave(h))
             ),
-            onFocus: v(e.onFocus, () => s(!0)),
-            onBlur: v(e.onBlur, () => s(!1))
+            onFocus: M(e.onFocus, () => s(!0)),
+            onBlur: M(e.onBlur, () => s(!1))
           }
         ) })
       }
@@ -348,7 +348,7 @@ var Ee = r.forwardRef(
         ...a,
         ref: n,
         "data-state": se(t),
-        onSelect: v(
+        onSelect: M(
           a.onSelect,
           () => o == null ? void 0 : o(X(t) ? !0 : !t),
           { checkForDefaultPrevented: !1 }
@@ -380,11 +380,11 @@ var ye = "MenuRadioItem", be = r.forwardRef(
         ...o,
         ref: n,
         "data-state": se(c),
-        onSelect: v(
+        onSelect: M(
           o.onSelect,
           () => {
-            var d;
-            return (d = a.onValueChange) == null ? void 0 : d.call(a, t);
+            var l;
+            return (l = a.onValueChange) == null ? void 0 : l.call(a, t);
           },
           { checkForDefaultPrevented: !1 }
         )
@@ -416,7 +416,7 @@ var ce = "MenuItemIndicator", [Te, yt] = w(
   }
 );
 Ae.displayName = ce;
-var bt = "MenuSeparator", je = r.forwardRef(
+var bt = "MenuSeparator", Oe = r.forwardRef(
   (e, n) => {
     const { __scopeMenu: t, ...o } = e;
     return /* @__PURE__ */ u.jsx(
@@ -430,25 +430,25 @@ var bt = "MenuSeparator", je = r.forwardRef(
     );
   }
 );
-je.displayName = bt;
-var Tt = "MenuArrow", Oe = r.forwardRef(
+Oe.displayName = bt;
+var Tt = "MenuArrow", De = r.forwardRef(
   (e, n) => {
     const { __scopeMenu: t, ...o } = e, a = W(t);
     return /* @__PURE__ */ u.jsx(tt, { ...a, ...o, ref: n });
   }
 );
-Oe.displayName = Tt;
-var At = "MenuSub", [nn, De] = w(At), j = "MenuSubTrigger", ke = r.forwardRef(
+De.displayName = Tt;
+var At = "MenuSub", [nn, je] = w(At), O = "MenuSubTrigger", ke = r.forwardRef(
   (e, n) => {
-    const t = S(j, e.__scopeMenu), o = L(j, e.__scopeMenu), a = De(j, e.__scopeMenu), c = ne(j, e.__scopeMenu), d = r.useRef(null), { pointerGraceTimerRef: p, onPointerGraceIntentChange: M } = c, m = { __scopeMenu: e.__scopeMenu }, f = r.useCallback(() => {
-      d.current && window.clearTimeout(d.current), d.current = null;
+    const t = S(O, e.__scopeMenu), o = L(O, e.__scopeMenu), a = je(O, e.__scopeMenu), c = ne(O, e.__scopeMenu), l = r.useRef(null), { pointerGraceTimerRef: m, onPointerGraceIntentChange: p } = c, v = { __scopeMenu: e.__scopeMenu }, f = r.useCallback(() => {
+      l.current && window.clearTimeout(l.current), l.current = null;
     }, []);
     return r.useEffect(() => f, [f]), r.useEffect(() => {
-      const s = p.current;
+      const s = m.current;
       return () => {
-        window.clearTimeout(s), M(null);
+        window.clearTimeout(s), p(null);
       };
-    }, [p, M]), /* @__PURE__ */ u.jsx(ee, { asChild: !0, ...m, children: /* @__PURE__ */ u.jsx(
+    }, [m, p]), /* @__PURE__ */ u.jsx(ee, { asChild: !0, ...v, children: /* @__PURE__ */ u.jsx(
       Ee,
       {
         id: a.triggerId,
@@ -459,37 +459,37 @@ var At = "MenuSub", [nn, De] = w(At), j = "MenuSubTrigger", ke = r.forwardRef(
         ...e,
         ref: He(n, a.onTriggerChange),
         onClick: (s) => {
-          var l;
-          (l = e.onClick) == null || l.call(e, s), !(e.disabled || s.defaultPrevented) && (s.currentTarget.focus(), t.open || t.onOpenChange(!0));
+          var d;
+          (d = e.onClick) == null || d.call(e, s), !(e.disabled || s.defaultPrevented) && (s.currentTarget.focus(), t.open || t.onOpenChange(!0));
         },
-        onPointerMove: v(
+        onPointerMove: M(
           e.onPointerMove,
-          D((s) => {
-            c.onItemEnter(s), !s.defaultPrevented && !e.disabled && !t.open && !d.current && (c.onPointerGraceIntentChange(null), d.current = window.setTimeout(() => {
+          j((s) => {
+            c.onItemEnter(s), !s.defaultPrevented && !e.disabled && !t.open && !l.current && (c.onPointerGraceIntentChange(null), l.current = window.setTimeout(() => {
               t.onOpenChange(!0), f();
             }, 100));
           })
         ),
-        onPointerLeave: v(
+        onPointerLeave: M(
           e.onPointerLeave,
-          D((s) => {
+          j((s) => {
             var C, h;
             f();
-            const l = (C = t.content) == null ? void 0 : C.getBoundingClientRect();
-            if (l) {
-              const E = (h = t.content) == null ? void 0 : h.dataset.side, I = E === "right", T = I ? -5 : 5, K = l[I ? "left" : "right"], G = l[I ? "right" : "left"];
+            const d = (C = t.content) == null ? void 0 : C.getBoundingClientRect();
+            if (d) {
+              const E = (h = t.content) == null ? void 0 : h.dataset.side, I = E === "right", T = I ? -5 : 5, K = d[I ? "left" : "right"], G = d[I ? "right" : "left"];
               c.onPointerGraceIntentChange({
                 area: [
                   // Apply a bleed on clientX to ensure that our exit point is
                   // consistently within polygon bounds
                   { x: s.clientX + T, y: s.clientY },
-                  { x: K, y: l.top },
-                  { x: G, y: l.top },
-                  { x: G, y: l.bottom },
-                  { x: K, y: l.bottom }
+                  { x: K, y: d.top },
+                  { x: G, y: d.top },
+                  { x: G, y: d.bottom },
+                  { x: K, y: d.bottom }
                 ],
                 side: E
-              }), window.clearTimeout(p.current), p.current = window.setTimeout(
+              }), window.clearTimeout(m.current), m.current = window.setTimeout(
                 () => c.onPointerGraceIntentChange(null),
                 300
               );
@@ -499,46 +499,46 @@ var At = "MenuSub", [nn, De] = w(At), j = "MenuSubTrigger", ke = r.forwardRef(
             }
           })
         ),
-        onKeyDown: v(e.onKeyDown, (s) => {
+        onKeyDown: M(e.onKeyDown, (s) => {
           var C;
-          const l = c.searchRef.current !== "";
-          e.disabled || l && s.key === " " || dt[o.dir].includes(s.key) && (t.onOpenChange(!0), (C = t.content) == null || C.focus(), s.preventDefault());
+          const d = c.searchRef.current !== "";
+          e.disabled || d && s.key === " " || dt[o.dir].includes(s.key) && (t.onOpenChange(!0), (C = t.content) == null || C.focus(), s.preventDefault());
         })
       }
     ) });
   }
 );
-ke.displayName = j;
+ke.displayName = O;
 var Ne = "MenuSubContent", Fe = r.forwardRef(
   (e, n) => {
-    const t = _e(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = S(_, e.__scopeMenu), d = L(_, e.__scopeMenu), p = De(Ne, e.__scopeMenu), M = r.useRef(null), m = k(n, M);
-    return /* @__PURE__ */ u.jsx(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(H, { present: o || c.open, children: /* @__PURE__ */ u.jsx(O.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(
+    const t = _e(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = S(_, e.__scopeMenu), l = L(_, e.__scopeMenu), m = je(Ne, e.__scopeMenu), p = r.useRef(null), v = k(n, p);
+    return /* @__PURE__ */ u.jsx(D.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(H, { present: o || c.open, children: /* @__PURE__ */ u.jsx(D.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(
       oe,
       {
-        id: p.contentId,
-        "aria-labelledby": p.triggerId,
+        id: m.contentId,
+        "aria-labelledby": m.triggerId,
         ...a,
-        ref: m,
+        ref: v,
         align: "start",
-        side: d.dir === "rtl" ? "left" : "right",
+        side: l.dir === "rtl" ? "left" : "right",
         disableOutsidePointerEvents: !1,
         disableOutsideScroll: !1,
         trapFocus: !1,
         onOpenAutoFocus: (f) => {
           var s;
-          d.isUsingKeyboardRef.current && ((s = M.current) == null || s.focus()), f.preventDefault();
+          l.isUsingKeyboardRef.current && ((s = p.current) == null || s.focus()), f.preventDefault();
         },
         onCloseAutoFocus: (f) => f.preventDefault(),
-        onFocusOutside: v(e.onFocusOutside, (f) => {
-          f.target !== p.trigger && c.onOpenChange(!1);
+        onFocusOutside: M(e.onFocusOutside, (f) => {
+          f.target !== m.trigger && c.onOpenChange(!1);
         }),
-        onEscapeKeyDown: v(e.onEscapeKeyDown, (f) => {
-          d.onClose(), f.preventDefault();
+        onEscapeKeyDown: M(e.onEscapeKeyDown, (f) => {
+          l.onClose(), f.preventDefault();
         }),
-        onKeyDown: v(e.onKeyDown, (f) => {
+        onKeyDown: M(e.onKeyDown, (f) => {
           var C;
-          const s = f.currentTarget.contains(f.target), l = ft[d.dir].includes(f.key);
-          s && l && (c.onOpenChange(!1), (C = p.trigger) == null || C.focus(), f.preventDefault());
+          const s = f.currentTarget.contains(f.target), d = ft[l.dir].includes(f.key);
+          s && d && (c.onOpenChange(!1), (C = m.trigger) == null || C.focus(), f.preventDefault());
         })
       }
     ) }) }) });
@@ -554,29 +554,29 @@ function X(e) {
 function se(e) {
   return X(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-function jt(e) {
+function Ot(e) {
   const n = document.activeElement;
   for (const t of e)
     if (t === n || (t.focus(), document.activeElement !== n)) return;
 }
-function Ot(e, n) {
+function Dt(e, n) {
   return e.map((t, o) => e[(n + o) % e.length]);
 }
-function Dt(e, n, t) {
-  const a = n.length > 1 && Array.from(n).every((m) => m === n[0]) ? n[0] : n, c = t ? e.indexOf(t) : -1;
-  let d = Ot(e, Math.max(c, 0));
-  a.length === 1 && (d = d.filter((m) => m !== t));
-  const M = d.find(
-    (m) => m.toLowerCase().startsWith(a.toLowerCase())
+function jt(e, n, t) {
+  const a = n.length > 1 && Array.from(n).every((v) => v === n[0]) ? n[0] : n, c = t ? e.indexOf(t) : -1;
+  let l = Dt(e, Math.max(c, 0));
+  a.length === 1 && (l = l.filter((v) => v !== t));
+  const p = l.find(
+    (v) => v.toLowerCase().startsWith(a.toLowerCase())
   );
-  return M !== t ? M : void 0;
+  return p !== t ? p : void 0;
 }
 function kt(e, n) {
   const { x: t, y: o } = e;
   let a = !1;
-  for (let c = 0, d = n.length - 1; c < n.length; d = c++) {
-    const p = n[c], M = n[d], m = p.x, f = p.y, s = M.x, l = M.y;
-    f > o != l > o && t < (s - m) * (o - f) / (l - f) + m && (a = !a);
+  for (let c = 0, l = n.length - 1; c < n.length; l = c++) {
+    const m = n[c].x, p = n[c].y, v = n[l].x, f = n[l].y;
+    p > o != f > o && t < (v - m) * (o - p) / (f - p) + m && (a = !a);
   }
   return a;
 }
@@ -585,10 +585,10 @@ function Nt(e, n) {
   const t = { x: e.clientX, y: e.clientY };
   return kt(t, n);
 }
-function D(e) {
+function j(e) {
   return (n) => n.pointerType === "mouse" ? e(n) : void 0;
 }
-var on = xe, rn = ee, cn = ge, sn = Re, an = re, un = Pe, ln = z, dn = we, fn = Ie, mn = be, pn = Ae, vn = je, Mn = Oe, hn = ke, Cn = Fe;
+var on = xe, rn = ee, cn = ge, sn = Re, an = re, un = Pe, ln = z, dn = we, fn = Ie, mn = be, pn = Ae, vn = Oe, Mn = De, hn = ke, Cn = Fe;
 export {
   rn as Anchor,
   Mn as Arrow,
@@ -600,7 +600,7 @@ export {
   un as Label,
   xe as Menu,
   ee as MenuAnchor,
-  Oe as MenuArrow,
+  De as MenuArrow,
   we as MenuCheckboxItem,
   Re as MenuContent,
   re as MenuGroup,
@@ -610,7 +610,7 @@ export {
   ge as MenuPortal,
   Ie as MenuRadioGroup,
   be as MenuRadioItem,
-  je as MenuSeparator,
+  Oe as MenuSeparator,
   Fe as MenuSubContent,
   ke as MenuSubTrigger,
   cn as Portal,
@@ -622,4 +622,4 @@ export {
   hn as SubTrigger,
   tn as createMenuScope
 };
-//# sourceMappingURL=index.es473.js.map
+//# sourceMappingURL=index.es467.js.map