@anoki/fse-ui 1.0.469 → 1.0.470

package/dist/index.es364.js

@@ -1,625 +1,396 @@
-import * as r from "react";
-import { composeEventHandlers as M } from "./index.es319.js";
-import { createCollection as Xe } from "./index.es371.js";
-import { useComposedRefs as k, composeRefs as He } from "./index.es320.js";
-import { createContextScope as We } from "./index.es321.js";
-import { useDirection as ze } from "./index.es372.js";
-import { DismissableLayer as Ze } from "./index.es331.js";
-import { useFocusGuards as $e } from "./index.es335.js";
-import { FocusScope as qe } from "./index.es332.js";
-import { createPopperScope as pe, Root as Je, Anchor as Qe, Content as et, Arrow as tt } from "./index.es373.js";
-import { Portal as nt } from "./index.es333.js";
-import { Presence as H } from "./index.es334.js";
-import { Primitive as N, dispatchDiscreteCustomEvent as ot } from "./index.es325.js";
-import { createRovingFocusGroupScope as ve, Item as rt, Root as ct } from "./index.es374.js";
-import { createSlot as st } from "./index.es328.js";
-import { useCallbackRef as Me } from "./index.es326.js";
-import { hideOthers as at } from "./index.es337.js";
-import ut from "./index.es336.js";
-import { j as u } from "./index.es178.js";
-var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "PageDown", "End"], lt = [...it, ...he], dt = {
-  ltr: [...Q, "ArrowRight"],
-  rtl: [...Q, "ArrowLeft"]
-}, ft = {
-  ltr: ["ArrowLeft"],
-  rtl: ["ArrowRight"]
-}, 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: 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 });
-    }, h = () => f.current = !1;
-    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, { ...m, children: /* @__PURE__ */ u.jsx(
-    vt,
-    {
-      scope: n,
-      open: t,
-      onOpenChange: s,
-      content: p,
-      onContentChange: v,
-      children: /* @__PURE__ */ u.jsx(
-        Mt,
-        {
-          scope: n,
-          onClose: r.useCallback(() => s(!1), [s]),
-          isUsingKeyboardRef: f,
-          dir: d,
-          modal: l,
-          children: o
-        }
-      )
-    }
-  ) });
-};
-xe.displayName = F;
-var ht = "MenuAnchor", ee = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e, a = W(t);
-    return /* @__PURE__ */ u.jsx(Qe, { ...a, ...o, ref: n });
-  }
-);
-ee.displayName = ht;
-var te = "MenuPortal", [Ct, _e] = w(te, {
-  forceMount: void 0
-}), ge = (e) => {
-  const { __scopeMenu: n, forceMount: t, children: o, container: a } = e, c = S(te, n);
-  return /* @__PURE__ */ u.jsx(Ct, { scope: n, forceMount: t, children: /* @__PURE__ */ u.jsx(H, { present: t || c.open, children: /* @__PURE__ */ u.jsx(nt, { asChild: !0, container: a, children: o }) }) });
-};
-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), 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) => {
-    const t = S(_, e.__scopeMenu), o = r.useRef(null), a = k(n, o);
-    return r.useEffect(() => {
-      const c = o.current;
-      if (c) return at(c);
-    }, []), /* @__PURE__ */ u.jsx(
-      oe,
-      {
-        ...e,
-        ref: a,
-        trapFocus: t.open,
-        disableOutsidePointerEvents: t.open,
-        disableOutsideScroll: !0,
-        onFocusOutside: M(
-          e.onFocusOutside,
-          (c) => c.preventDefault(),
-          { checkForDefaultPrevented: !1 }
-        ),
-        onDismiss: () => t.onOpenChange(!1)
-      }
-    );
-  }
-), gt = r.forwardRef((e, n) => {
-  const t = S(_, e.__scopeMenu);
-  return /* @__PURE__ */ u.jsx(
-    oe,
-    {
-      ...e,
-      ref: n,
-      trapFocus: !1,
-      disableOutsidePointerEvents: !1,
-      disableOutsideScroll: !1,
-      onDismiss: () => t.onOpenChange(!1)
+import { offset as ot, shift as st, flip as rt, size as ct, hide as lt, limitShift as ft, computePosition as ut, arrow as ht } from "./index.es373.js";
+import { createCoords as m, round as A, max as E, min as V, rectToClientRect as J, floor as D } from "./index.es374.js";
+import { isElement as v, getDocumentElement as O, getOverflowAncestors as $, getComputedStyle as R, isHTMLElement as b, getWindow as L, isTopLayer as S, getParentNode as W, isLastTraversableNode as H, isTableElement as at, isContainingBlock as Q, getContainingBlock as dt, getNodeName as M, isOverflowElement as _, getNodeScroll as N, getFrameElement as K, isWebKit as Y } from "./index.es375.js";
+function Z(t) {
+  const e = R(t);
+  let i = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
+  const o = b(t), r = o ? t.offsetWidth : i, s = o ? t.offsetHeight : n, c = A(i) !== r || A(n) !== s;
+  return c && (i = r, n = s), {
+    width: i,
+    height: n,
+    $: c
+  };
+}
+function q(t) {
+  return v(t) ? t : t.contextElement;
+}
+function F(t) {
+  const e = q(t);
+  if (!b(e))
+    return m(1);
+  const i = e.getBoundingClientRect(), {
+    width: n,
+    height: o,
+    $: r
+  } = Z(e);
+  let s = (r ? A(i.width) : i.width) / n, c = (r ? A(i.height) : i.height) / o;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: s,
+    y: c
+  };
+}
+const gt = /* @__PURE__ */ m(0);
+function X(t) {
+  const e = L(t);
+  return !Y() || !e.visualViewport ? gt : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function pt(t, e, i) {
+  return e === void 0 && (e = !1), !i || e && i !== L(t) ? !1 : e;
+}
+function T(t, e, i, n) {
+  e === void 0 && (e = !1), i === void 0 && (i = !1);
+  const o = t.getBoundingClientRect(), r = q(t);
+  let s = m(1);
+  e && (n ? v(n) && (s = F(n)) : s = F(t));
+  const c = pt(r, i, n) ? X(r) : m(0);
+  let l = (o.left + c.x) / s.x, f = (o.top + c.y) / s.y, u = o.width / s.x, h = o.height / s.y;
+  if (r) {
+    const p = L(r), a = n && v(n) ? L(n) : n;
+    let y = p, g = K(y);
+    for (; g && n && a !== y; ) {
+      const w = F(g), d = g.getBoundingClientRect(), x = R(g), C = d.left + (g.clientLeft + parseFloat(x.paddingLeft)) * w.x, B = d.top + (g.clientTop + parseFloat(x.paddingTop)) * w.y;
+      l *= w.x, f *= w.y, u *= w.x, h *= w.y, l += C, f += B, y = L(g), g = K(y);
     }
-  );
-}), Rt = st("MenuContent.ScrollLock"), oe = r.forwardRef(
-  (e, n) => {
-    const {
-      __scopeMenu: t,
-      loop: o = !1,
-      trapFocus: a,
-      onOpenAutoFocus: c,
-      onCloseAutoFocus: l,
-      disableOutsidePointerEvents: m,
-      onEntryFocus: p,
-      onEscapeKeyDown: v,
-      onPointerDownOutside: f,
-      onFocusOutside: s,
-      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 = 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());
-    };
-    r.useEffect(() => () => window.clearTimeout(B.current), []), $e();
-    const y = r.useCallback((i) => {
-      var g, P;
-      return ie.current === ((g = Z.current) == null ? void 0 : g.side) && Nt(i, (P = Z.current) == null ? void 0 : P.area);
-    }, []);
-    return /* @__PURE__ */ u.jsx(
-      xt,
-      {
-        scope: t,
-        searchRef: V,
-        onItemEnter: r.useCallback(
-          (i) => {
-            y(i) && i.preventDefault();
-          },
-          [y]
-        ),
-        onItemLeave: r.useCallback(
-          (i) => {
-            var x;
-            y(i) || ((x = U.current) == null || x.focus(), ue(null));
-          },
-          [y]
-        ),
-        onTriggerLeave: r.useCallback(
-          (i) => {
-            y(i) && i.preventDefault();
-          },
-          [y]
-        ),
-        pointerGraceTimerRef: Ue,
-        onPointerGraceIntentChange: r.useCallback((i) => {
-          Z.current = i;
-        }, []),
-        children: /* @__PURE__ */ u.jsx(Be, { ...Ve, children: /* @__PURE__ */ u.jsx(
-          qe,
-          {
-            asChild: !0,
-            trapped: a,
-            onMountAutoFocus: M(c, (i) => {
-              var x;
-              i.preventDefault(), (x = U.current) == null || x.focus({ preventScroll: !0 });
-            }),
-            onUnmountAutoFocus: l,
-            children: /* @__PURE__ */ u.jsx(
-              Ze,
-              {
-                asChild: !0,
-                disableOutsidePointerEvents: m,
-                onEscapeKeyDown: v,
-                onPointerDownOutside: f,
-                onFocusOutside: s,
-                onInteractOutside: d,
-                onDismiss: C,
-                children: /* @__PURE__ */ u.jsx(
-                  ct,
-                  {
-                    asChild: !0,
-                    ...G,
-                    dir: T.dir,
-                    orientation: "vertical",
-                    loop: o,
-                    currentTabStopId: Ke,
-                    onCurrentTabStopIdChange: ue,
-                    onEntryFocus: M(p, (i) => {
-                      T.isUsingKeyboardRef.current || i.preventDefault();
-                    }),
-                    preventScrollOnEntryFocus: !0,
-                    children: /* @__PURE__ */ u.jsx(
-                      et,
-                      {
-                        role: "menu",
-                        "aria-orientation": "vertical",
-                        "data-state": Le(I.open),
-                        "data-radix-menu-content": "",
-                        dir: T.dir,
-                        ...K,
-                        ...E,
-                        ref: Ge,
-                        style: { outline: "none", ...E.style },
-                        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(), Ot(A);
-                        }),
-                        onBlur: M(e.onBlur, (i) => {
-                          i.currentTarget.contains(i.target) || (window.clearTimeout(B.current), V.current = "");
-                        }),
-                        onPointerMove: M(
-                          e.onPointerMove,
-                          j((i) => {
-                            const x = i.target, g = $.current !== i.clientX;
-                            if (i.currentTarget.contains(x) && g) {
-                              const P = i.clientX > $.current ? "right" : "left";
-                              ie.current = P, $.current = i.clientX;
-                            }
-                          })
-                        )
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          }
-        ) })
-      }
-    );
   }
-);
-Re.displayName = _;
-var Pt = "MenuGroup", re = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u.jsx(N.div, { role: "group", ...o, ref: n });
+  return J({
+    width: u,
+    height: h,
+    x: l,
+    y: f
+  });
+}
+function k(t, e) {
+  const i = N(t).scrollLeft;
+  return e ? e.left + i : T(O(t)).left + i;
+}
+function tt(t, e, i) {
+  i === void 0 && (i = !1);
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - (i ? 0 : (
+    // RTL <body> scrollbar.
+    k(t, n)
+  )), r = n.top + e.scrollTop;
+  return {
+    x: o,
+    y: r
+  };
+}
+function wt(t) {
+  let {
+    elements: e,
+    rect: i,
+    offsetParent: n,
+    strategy: o
+  } = t;
+  const r = o === "fixed", s = O(n), c = e ? S(e.floating) : !1;
+  if (n === s || c && r)
+    return i;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = m(1);
+  const u = m(0), h = b(n);
+  if ((h || !h && !r) && ((M(n) !== "body" || _(s)) && (l = N(n)), b(n))) {
+    const a = T(n);
+    f = F(n), u.x = a.x + n.clientLeft, u.y = a.y + n.clientTop;
   }
-);
-re.displayName = Pt;
-var Et = "MenuLabel", Pe = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u.jsx(N.div, { ...o, ref: n });
+  const p = s && !h && !r ? tt(s, l, !0) : m(0);
+  return {
+    width: i.width * f.x,
+    height: i.height * f.y,
+    x: i.x * f.x - l.scrollLeft * f.x + u.x + p.x,
+    y: i.y * f.y - l.scrollTop * f.y + u.y + p.y
+  };
+}
+function mt(t) {
+  return Array.from(t.getClientRects());
+}
+function yt(t) {
+  const e = O(t), i = N(t), n = t.ownerDocument.body, o = E(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = E(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  let s = -i.scrollLeft + k(t);
+  const c = -i.scrollTop;
+  return R(n).direction === "rtl" && (s += E(e.clientWidth, n.clientWidth) - o), {
+    width: o,
+    height: r,
+    x: s,
+    y: c
+  };
+}
+function xt(t, e) {
+  const i = L(t), n = O(t), o = i.visualViewport;
+  let r = n.clientWidth, s = n.clientHeight, c = 0, l = 0;
+  if (o) {
+    r = o.width, s = o.height;
+    const f = Y();
+    (!f || f && e === "fixed") && (c = o.offsetLeft, l = o.offsetTop);
   }
-);
-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), 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 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 {
+    width: r,
+    height: s,
+    x: c,
+    y: l
+  };
+}
+function vt(t, e) {
+  const i = T(t, !0, e === "fixed"), n = i.top + t.clientTop, o = i.left + t.clientLeft, r = b(t) ? F(t) : m(1), s = t.clientWidth * r.x, c = t.clientHeight * r.y, l = o * r.x, f = n * r.y;
+  return {
+    width: s,
+    height: c,
+    x: l,
+    y: f
+  };
+}
+function j(t, e, i) {
+  let n;
+  if (e === "viewport")
+    n = xt(t, i);
+  else if (e === "document")
+    n = yt(O(t));
+  else if (v(e))
+    n = vt(e, i);
+  else {
+    const o = X(t);
+    n = {
+      x: e.x - o.x,
+      y: e.y - o.y,
+      width: e.width,
+      height: e.height
     };
-    return /* @__PURE__ */ u.jsx(
-      Ee,
-      {
-        ...a,
-        ref: p,
-        disabled: t,
-        onClick: M(e.onClick, f),
-        onPointerDown: (s) => {
-          var d;
-          (d = e.onPointerDown) == null || d.call(e, s), v.current = !0;
-        },
-        onPointerUp: M(e.onPointerUp, (s) => {
-          var d;
-          v.current || (d = s.currentTarget) == null || d.click();
-        }),
-        onKeyDown: M(e.onKeyDown, (s) => {
-          const d = m.searchRef.current !== "";
-          t || d && s.key === " " || Q.includes(s.key) && (s.currentTarget.click(), s.preventDefault());
-        })
-      }
-    );
-  }
-);
-z.displayName = Y;
-var Ee = r.forwardRef(
-  (e, n) => {
-    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 = p.current;
-      h && C((h.textContent ?? "").trim());
-    }, [c.children]), /* @__PURE__ */ u.jsx(
-      D.ItemSlot,
-      {
-        scope: t,
-        disabled: o,
-        textValue: a ?? d,
-        children: /* @__PURE__ */ u.jsx(rt, { asChild: !0, ...m, focusable: !o, children: /* @__PURE__ */ u.jsx(
-          N.div,
-          {
-            role: "menuitem",
-            "data-highlighted": f ? "" : void 0,
-            "aria-disabled": o || void 0,
-            "data-disabled": o ? "" : void 0,
-            ...c,
-            ref: v,
-            onPointerMove: M(
-              e.onPointerMove,
-              j((h) => {
-                o ? l.onItemLeave(h) : (l.onItemEnter(h), h.defaultPrevented || h.currentTarget.focus({ preventScroll: !0 }));
-              })
-            ),
-            onPointerLeave: M(
-              e.onPointerLeave,
-              j((h) => l.onItemLeave(h))
-            ),
-            onFocus: M(e.onFocus, () => s(!0)),
-            onBlur: M(e.onBlur, () => s(!1))
-          }
-        ) })
-      }
-    );
-  }
-), wt = "MenuCheckboxItem", we = r.forwardRef(
-  (e, n) => {
-    const { checked: t = !1, onCheckedChange: o, ...a } = e;
-    return /* @__PURE__ */ u.jsx(Te, { scope: e.__scopeMenu, checked: t, children: /* @__PURE__ */ u.jsx(
-      z,
-      {
-        role: "menuitemcheckbox",
-        "aria-checked": X(t) ? "mixed" : t,
-        ...a,
-        ref: n,
-        "data-state": se(t),
-        onSelect: M(
-          a.onSelect,
-          () => o == null ? void 0 : o(X(t) ? !0 : !t),
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-);
-we.displayName = wt;
-var Se = "MenuRadioGroup", [St, It] = w(
-  Se,
-  { value: void 0, onValueChange: () => {
-  } }
-), Ie = r.forwardRef(
-  (e, n) => {
-    const { value: t, onValueChange: o, ...a } = e, c = Me(o);
-    return /* @__PURE__ */ u.jsx(St, { scope: e.__scopeMenu, value: t, onValueChange: c, children: /* @__PURE__ */ u.jsx(re, { ...a, ref: n }) });
-  }
-);
-Ie.displayName = Se;
-var ye = "MenuRadioItem", be = r.forwardRef(
-  (e, n) => {
-    const { value: t, ...o } = e, a = It(ye, e.__scopeMenu), c = t === a.value;
-    return /* @__PURE__ */ u.jsx(Te, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ u.jsx(
-      z,
-      {
-        role: "menuitemradio",
-        "aria-checked": c,
-        ...o,
-        ref: n,
-        "data-state": se(c),
-        onSelect: M(
-          o.onSelect,
-          () => {
-            var l;
-            return (l = a.onValueChange) == null ? void 0 : l.call(a, t);
-          },
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-);
-be.displayName = ye;
-var ce = "MenuItemIndicator", [Te, yt] = w(
-  ce,
-  { checked: !1 }
-), Ae = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, forceMount: o, ...a } = e, c = yt(ce, t);
-    return /* @__PURE__ */ u.jsx(
-      H,
-      {
-        present: o || X(c.checked) || c.checked === !0,
-        children: /* @__PURE__ */ u.jsx(
-          N.span,
-          {
-            ...a,
-            ref: n,
-            "data-state": se(c.checked)
-          }
-        )
-      }
-    );
-  }
-);
-Ae.displayName = ce;
-var bt = "MenuSeparator", Oe = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u.jsx(
-      N.div,
-      {
-        role: "separator",
-        "aria-orientation": "horizontal",
-        ...o,
-        ref: n
-      }
-    );
-  }
-);
-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 });
-  }
-);
-De.displayName = Tt;
-var At = "MenuSub", [nn, je] = w(At), O = "MenuSubTrigger", ke = r.forwardRef(
-  (e, n) => {
-    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 = m.current;
-      return () => {
-        window.clearTimeout(s), p(null);
-      };
-    }, [m, p]), /* @__PURE__ */ u.jsx(ee, { asChild: !0, ...v, children: /* @__PURE__ */ u.jsx(
-      Ee,
-      {
-        id: a.triggerId,
-        "aria-haspopup": "menu",
-        "aria-expanded": t.open,
-        "aria-controls": a.contentId,
-        "data-state": Le(t.open),
-        ...e,
-        ref: He(n, a.onTriggerChange),
-        onClick: (s) => {
-          var d;
-          (d = e.onClick) == null || d.call(e, s), !(e.disabled || s.defaultPrevented) && (s.currentTarget.focus(), t.open || t.onOpenChange(!0));
-        },
-        onPointerMove: M(
-          e.onPointerMove,
-          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: M(
-          e.onPointerLeave,
-          j((s) => {
-            var C, h;
-            f();
-            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: d.top },
-                  { x: G, y: d.top },
-                  { x: G, y: d.bottom },
-                  { x: K, y: d.bottom }
-                ],
-                side: E
-              }), window.clearTimeout(m.current), m.current = window.setTimeout(
-                () => c.onPointerGraceIntentChange(null),
-                300
-              );
-            } else {
-              if (c.onTriggerLeave(s), s.defaultPrevented) return;
-              c.onPointerGraceIntentChange(null);
-            }
-          })
-        ),
-        onKeyDown: M(e.onKeyDown, (s) => {
-          var C;
-          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 = O;
-var Ne = "MenuSubContent", Fe = r.forwardRef(
-  (e, n) => {
-    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: m.contentId,
-        "aria-labelledby": m.triggerId,
-        ...a,
-        ref: v,
-        align: "start",
-        side: l.dir === "rtl" ? "left" : "right",
-        disableOutsidePointerEvents: !1,
-        disableOutsideScroll: !1,
-        trapFocus: !1,
-        onOpenAutoFocus: (f) => {
-          var s;
-          l.isUsingKeyboardRef.current && ((s = p.current) == null || s.focus()), f.preventDefault();
-        },
-        onCloseAutoFocus: (f) => f.preventDefault(),
-        onFocusOutside: M(e.onFocusOutside, (f) => {
-          f.target !== m.trigger && c.onOpenChange(!1);
-        }),
-        onEscapeKeyDown: M(e.onEscapeKeyDown, (f) => {
-          l.onClose(), f.preventDefault();
-        }),
-        onKeyDown: M(e.onKeyDown, (f) => {
-          var C;
-          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());
-        })
-      }
-    ) }) }) });
+  return J(n);
+}
+function et(t, e) {
+  const i = W(t);
+  return i === e || !v(i) || H(i) ? !1 : R(i).position === "fixed" || et(i, e);
+}
+function Rt(t, e) {
+  const i = e.get(t);
+  if (i)
+    return i;
+  let n = $(t, [], !1).filter((c) => v(c) && M(c) !== "body"), o = null;
+  const r = R(t).position === "fixed";
+  let s = r ? W(t) : t;
+  for (; v(s) && !H(s); ) {
+    const c = R(s), l = Q(s);
+    !l && c.position === "fixed" && (o = null), (r ? !l && !o : !l && c.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || _(s) && !l && et(t, s)) ? n = n.filter((u) => u !== s) : o = c, s = W(s);
   }
-);
-Fe.displayName = Ne;
-function Le(e) {
-  return e ? "open" : "closed";
+  return e.set(t, n), n;
 }
-function X(e) {
-  return e === "indeterminate";
+function Ot(t) {
+  let {
+    element: e,
+    boundary: i,
+    rootBoundary: n,
+    strategy: o
+  } = t;
+  const s = [...i === "clippingAncestors" ? S(e) ? [] : Rt(e, this._c) : [].concat(i), n], c = s[0], l = s.reduce((f, u) => {
+    const h = j(e, u, o);
+    return f.top = E(h.top, f.top), f.right = V(h.right, f.right), f.bottom = V(h.bottom, f.bottom), f.left = E(h.left, f.left), f;
+  }, j(e, c, o));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
 }
-function se(e) {
-  return X(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function bt(t) {
+  const {
+    width: e,
+    height: i
+  } = Z(t);
+  return {
+    width: e,
+    height: i
+  };
 }
-function Ot(e) {
-  const n = document.activeElement;
-  for (const t of e)
-    if (t === n || (t.focus(), document.activeElement !== n)) return;
+function Ct(t, e, i) {
+  const n = b(e), o = O(e), r = i === "fixed", s = T(t, !0, r, e);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = m(0);
+  if (n || !n && !r)
+    if ((M(e) !== "body" || _(o)) && (c = N(e)), n) {
+      const p = T(e, !0, r, e);
+      l.x = p.x + e.clientLeft, l.y = p.y + e.clientTop;
+    } else o && (l.x = k(o));
+  const f = o && !n && !r ? tt(o, c) : m(0), u = s.left + c.scrollLeft - l.x - f.x, h = s.top + c.scrollTop - l.y - f.y;
+  return {
+    x: u,
+    y: h,
+    width: s.width,
+    height: s.height
+  };
 }
-function Dt(e, n) {
-  return e.map((t, o) => e[(n + o) % e.length]);
+function I(t) {
+  return R(t).position === "static";
 }
-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 p !== t ? p : void 0;
+function G(t, e) {
+  if (!b(t) || R(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let i = t.offsetParent;
+  return O(t) === i && (i = i.ownerDocument.body), i;
 }
-function kt(e, n) {
-  const { x: t, y: o } = e;
-  let a = !1;
-  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);
+function it(t, e) {
+  const i = L(t);
+  if (S(t))
+    return i;
+  if (!b(t)) {
+    let o = W(t);
+    for (; o && !H(o); ) {
+      if (v(o) && !I(o))
+        return o;
+      o = W(o);
+    }
+    return i;
   }
-  return a;
+  let n = G(t, e);
+  for (; n && at(n) && I(n); )
+    n = G(n, e);
+  return n && H(n) && I(n) && !Q(n) ? i : n || dt(t) || i;
+}
+const Lt = async function(t) {
+  const e = this.getOffsetParent || it, i = this.getDimensions, n = await i(t.floating);
+  return {
+    reference: Ct(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: n.width,
+      height: n.height
+    }
+  };
+};
+function Tt(t) {
+  return R(t).direction === "rtl";
 }
-function Nt(e, n) {
-  if (!n) return !1;
-  const t = { x: e.clientX, y: e.clientY };
-  return kt(t, n);
+const Et = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: wt,
+  getDocumentElement: O,
+  getClippingRect: Ot,
+  getOffsetParent: it,
+  getElementRects: Lt,
+  getClientRects: mt,
+  getDimensions: bt,
+  getScale: F,
+  isElement: v,
+  isRTL: Tt
+};
+function nt(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function Ft(t, e) {
+  let i = null, n;
+  const o = O(t);
+  function r() {
+    var c;
+    clearTimeout(n), (c = i) == null || c.disconnect(), i = null;
+  }
+  function s(c, l) {
+    c === void 0 && (c = !1), l === void 0 && (l = 1), r();
+    const f = t.getBoundingClientRect(), {
+      left: u,
+      top: h,
+      width: p,
+      height: a
+    } = f;
+    if (c || e(), !p || !a)
+      return;
+    const y = D(h), g = D(o.clientWidth - (u + p)), w = D(o.clientHeight - (h + a)), d = D(u), C = {
+      rootMargin: -y + "px " + -g + "px " + -w + "px " + -d + "px",
+      threshold: E(0, V(1, l)) || 1
+    };
+    let B = !0;
+    function P(U) {
+      const z = U[0].intersectionRatio;
+      if (z !== l) {
+        if (!B)
+          return s();
+        z ? s(!1, z) : n = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      z === 1 && !nt(f, t.getBoundingClientRect()) && s(), B = !1;
+    }
+    try {
+      i = new IntersectionObserver(P, {
+        ...C,
+        // Handle <iframe>s
+        root: o.ownerDocument
+      });
+    } catch {
+      i = new IntersectionObserver(P, C);
+    }
+    i.observe(t);
+  }
+  return s(!0), r;
 }
-function j(e) {
-  return (n) => n.pointerType === "mouse" ? e(n) : void 0;
+function Dt(t, e, i, n) {
+  n === void 0 && (n = {});
+  const {
+    ancestorScroll: o = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = n, f = q(t), u = o || r ? [...f ? $(f) : [], ...$(e)] : [];
+  u.forEach((d) => {
+    o && d.addEventListener("scroll", i, {
+      passive: !0
+    }), r && d.addEventListener("resize", i);
+  });
+  const h = f && c ? Ft(f, i) : null;
+  let p = -1, a = null;
+  s && (a = new ResizeObserver((d) => {
+    let [x] = d;
+    x && x.target === f && a && (a.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var C;
+      (C = a) == null || C.observe(e);
+    })), i();
+  }), f && !l && a.observe(f), a.observe(e));
+  let y, g = l ? T(t) : null;
+  l && w();
+  function w() {
+    const d = T(t);
+    g && !nt(g, d) && i(), g = d, y = requestAnimationFrame(w);
+  }
+  return i(), () => {
+    var d;
+    u.forEach((x) => {
+      o && x.removeEventListener("scroll", i), r && x.removeEventListener("resize", i);
+    }), h == null || h(), (d = a) == null || d.disconnect(), a = null, l && cancelAnimationFrame(y);
+  };
 }
-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;
+const At = ot, Ht = st, Nt = rt, It = ct, Vt = lt, $t = ht, St = ft, Mt = (t, e, i) => {
+  const n = /* @__PURE__ */ new Map(), o = {
+    platform: Et,
+    ...i
+  }, r = {
+    ...o.platform,
+    _c: n
+  };
+  return ut(t, e, {
+    ...o,
+    platform: r
+  });
+};
 export {
-  rn as Anchor,
-  Mn as Arrow,
-  dn as CheckboxItem,
-  sn as Content,
-  an as Group,
-  ln as Item,
-  pn as ItemIndicator,
-  un as Label,
-  xe as Menu,
-  ee as MenuAnchor,
-  De as MenuArrow,
-  we as MenuCheckboxItem,
-  Re as MenuContent,
-  re as MenuGroup,
-  z as MenuItem,
-  Ae as MenuItemIndicator,
-  Pe as MenuLabel,
-  ge as MenuPortal,
-  Ie as MenuRadioGroup,
-  be as MenuRadioItem,
-  Oe as MenuSeparator,
-  Fe as MenuSubContent,
-  ke as MenuSubTrigger,
-  cn as Portal,
-  fn as RadioGroup,
-  mn as RadioItem,
-  on as Root,
-  vn as Separator,
-  Cn as SubContent,
-  hn as SubTrigger,
-  tn as createMenuScope
+  $t as arrow,
+  Dt as autoUpdate,
+  Mt as computePosition,
+  Nt as flip,
+  $ as getOverflowAncestors,
+  Vt as hide,
+  St as limitShift,
+  At as offset,
+  Et as platform,
+  Ht as shift,
+  It as size
 };
 //# sourceMappingURL=index.es364.js.map