@rpcbase/ui 0.195.0 → 0.196.0

package/dist/index86.js

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