@boxcustodia/library 1.3.1-canary.0 → 1.3.1

package/dist/index.es198.js

@@ -1,220 +1,652 @@
-import * as s from "react";
-import { useFloating as xe, offset as Pe, shift as ye, flip as Ae, size as ve, arrow as Ce, hide as be, limitShift as Se } from "./index.es262.js";
-import { Root as Oe } from "./index.es263.js";
-import { useComposedRefs as T } from "./index.es185.js";
-import { createContextScope as Re } from "./index.es189.js";
-import { Primitive as z } from "./index.es179.js";
-import { useCallbackRef as Ee } from "./index.es101.js";
-import { useLayoutEffect as B } from "./index.es197.js";
-import { useSize as Ne } from "./index.es264.js";
-import { j as f } from "./index.es107.js";
-import { autoUpdate as _e } from "./index.es265.js";
-var N = "Popper", [L, Ue] = Re(N), [$e, Z] = L(N), U = (e) => {
-  const { __scopePopper: i, children: n } = e, [t, a] = s.useState(null);
-  return /* @__PURE__ */ f.jsx($e, { scope: i, anchor: t, onAnchorChange: a, children: n });
+import * as r from "react";
+import { composeEventHandlers as M } from "./index.es187.js";
+import { createCollection as $e } from "./index.es225.js";
+import { useComposedRefs as N, composeRefs as qe } from "./index.es185.js";
+import { createContextScope as Je } from "./index.es188.js";
+import { useDirection as Qe } from "./index.es226.js";
+import { DismissableLayer as et } from "./index.es189.js";
+import { useFocusGuards as tt } from "./index.es192.js";
+import { FocusScope as nt } from "./index.es190.js";
+import { useId as he } from "./index.es180.js";
+import { createPopperScope as ve, Root as Ce, Anchor as ot, Content as rt, Arrow as ct } from "./index.es197.js";
+import { Portal as st } from "./index.es191.js";
+import { Presence as W } from "./index.es157.js";
+import { Primitive as k, dispatchDiscreteCustomEvent as at } from "./index.es179.js";
+import { createRovingFocusGroupScope as ge, Item as ut, Root as it } from "./index.es294.js";
+import { Slot as lt } from "./index.es120.js";
+import { useCallbackRef as ee } from "./index.es103.js";
+import { hideOthers as dt } from "./index.es194.js";
+import ft from "./index.es193.js";
+import { j as u } from "./index.es104.js";
+var Q = ["Enter", " "], mt = ["ArrowDown", "PageUp", "Home"], xe = ["ArrowUp", "PageDown", "End"], pt = [...mt, ...xe], ht = {
+  ltr: [...Q, "ArrowRight"],
+  rtl: [...Q, "ArrowLeft"]
+}, Mt = {
+  ltr: ["ArrowLeft"],
+  rtl: ["ArrowRight"]
+}, F = "Menu", [j, vt, Ct] = $e(F), [w, rn] = Je(F, [
+  Ct,
+  ve,
+  ge
+]), L = ve(), _e = ge(), [Re, E] = w(F), [gt, K] = w(F), Pe = (e) => {
+  const { __scopeMenu: n, open: t = !1, children: o, dir: a, onOpenChange: c, modal: l = !0 } = e, m = L(n), [p, h] = r.useState(null), d = r.useRef(!1), s = ee(c), f = Qe(a);
+  return r.useEffect(() => {
+    const C = () => {
+      d.current = !0, document.addEventListener("pointerdown", v, { capture: !0, once: !0 }), document.addEventListener("pointermove", v, { capture: !0, once: !0 });
+    }, v = () => d.current = !1;
+    return document.addEventListener("keydown", C, { capture: !0 }), () => {
+      document.removeEventListener("keydown", C, { capture: !0 }), document.removeEventListener("pointerdown", v, { capture: !0 }), document.removeEventListener("pointermove", v, { capture: !0 });
+    };
+  }, []), /* @__PURE__ */ u.jsx(Ce, { ...m, children: /* @__PURE__ */ u.jsx(
+    Re,
+    {
+      scope: n,
+      open: t,
+      onOpenChange: s,
+      content: p,
+      onContentChange: h,
+      children: /* @__PURE__ */ u.jsx(
+        gt,
+        {
+          scope: n,
+          onClose: r.useCallback(() => s(!1), [s]),
+          isUsingKeyboardRef: d,
+          dir: f,
+          modal: l,
+          children: o
+        }
+      )
+    }
+  ) });
 };
-U.displayName = N;
-var q = "PopperAnchor", G = s.forwardRef(
-  (e, i) => {
-    const { __scopePopper: n, virtualRef: t, ...a } = e, r = Z(q, n), o = s.useRef(null), w = T(i, o);
-    return s.useEffect(() => {
-      r.onAnchorChange((t == null ? void 0 : t.current) || o.current);
-    }), t ? null : /* @__PURE__ */ f.jsx(z.div, { ...a, ref: w });
+Pe.displayName = F;
+var xt = "MenuAnchor", te = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e, a = L(t);
+    return /* @__PURE__ */ u.jsx(ot, { ...a, ...o, ref: n });
   }
 );
-G.displayName = q;
-var _ = "PopperContent", [je, He] = L(_), J = s.forwardRef(
-  (e, i) => {
-    var I, Y, M, X, D, F;
+te.displayName = xt;
+var ne = "MenuPortal", [_t, Ee] = w(ne, {
+  forceMount: void 0
+}), Se = (e) => {
+  const { __scopeMenu: n, forceMount: t, children: o, container: a } = e, c = E(ne, n);
+  return /* @__PURE__ */ u.jsx(_t, { scope: n, forceMount: t, children: /* @__PURE__ */ u.jsx(W, { present: t || c.open, children: /* @__PURE__ */ u.jsx(st, { asChild: !0, container: a, children: o }) }) });
+};
+Se.displayName = ne;
+var x = "MenuContent", [Rt, oe] = w(x), we = r.forwardRef(
+  (e, n) => {
+    const t = Ee(x, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = E(x, e.__scopeMenu), l = K(x, e.__scopeMenu);
+    return /* @__PURE__ */ u.jsx(j.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(W, { present: o || c.open, children: /* @__PURE__ */ u.jsx(j.Slot, { scope: e.__scopeMenu, children: l.modal ? /* @__PURE__ */ u.jsx(Pt, { ...a, ref: n }) : /* @__PURE__ */ u.jsx(Et, { ...a, ref: n }) }) }) });
+  }
+), Pt = r.forwardRef(
+  (e, n) => {
+    const t = E(x, e.__scopeMenu), o = r.useRef(null), a = N(n, o);
+    return r.useEffect(() => {
+      const c = o.current;
+      if (c) return dt(c);
+    }, []), /* @__PURE__ */ u.jsx(
+      re,
+      {
+        ...e,
+        ref: a,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: t.open,
+        disableOutsideScroll: !0,
+        onFocusOutside: M(
+          e.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        ),
+        onDismiss: () => t.onOpenChange(!1)
+      }
+    );
+  }
+), Et = r.forwardRef((e, n) => {
+  const t = E(x, e.__scopeMenu);
+  return /* @__PURE__ */ u.jsx(
+    re,
+    {
+      ...e,
+      ref: n,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      disableOutsideScroll: !1,
+      onDismiss: () => t.onOpenChange(!1)
+    }
+  );
+}), re = r.forwardRef(
+  (e, n) => {
     const {
-      __scopePopper: n,
-      side: t = "bottom",
-      sideOffset: a = 0,
-      align: r = "center",
-      alignOffset: o = 0,
-      arrowPadding: w = 0,
-      avoidCollisions: p = !0,
-      collisionBoundary: c = [],
-      collisionPadding: x = 0,
-      sticky: m = "partial",
-      hideWhenDetached: y = !1,
-      updatePositionStrategy: A = "optimized",
-      onPlaced: l,
-      ...d
-    } = e, v = Z(_, n), [h, C] = s.useState(null), ee = T(i, (P) => C(P)), [E, te] = s.useState(null), g = Ne(E), re = (g == null ? void 0 : g.width) ?? 0, $ = (g == null ? void 0 : g.height) ?? 0, oe = t + (r !== "center" ? "-" + r : ""), ne = typeof x == "number" ? x : { top: 0, right: 0, bottom: 0, left: 0, ...x }, j = Array.isArray(c) ? c : [c], ae = j.length > 0, b = {
-      padding: ne,
-      boundary: j.filter(Ie),
-      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: ae
-    }, { refs: ie, floatingStyles: H, placement: se, isPositioned: S, middlewareData: u } = xe({
-      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
-      strategy: "fixed",
-      placement: oe,
-      whileElementsMounted: (...P) => _e(...P, {
-        animationFrame: A === "always"
-      }),
-      elements: {
-        reference: v.anchor
-      },
-      middleware: [
-        Pe({ mainAxis: a + $, alignmentAxis: o }),
-        p && ye({
-          mainAxis: !0,
-          crossAxis: !1,
-          limiter: m === "partial" ? Se() : void 0,
-          ...b
-        }),
-        p && Ae({ ...b }),
-        ve({
-          ...b,
-          apply: ({ elements: P, rects: k, availableWidth: he, availableHeight: ge }) => {
-            const { width: ue, height: we } = k.reference, R = P.floating.style;
-            R.setProperty("--radix-popper-available-width", `${he}px`), R.setProperty("--radix-popper-available-height", `${ge}px`), R.setProperty("--radix-popper-anchor-width", `${ue}px`), R.setProperty("--radix-popper-anchor-height", `${we}px`);
-          }
-        }),
-        E && Ce({ element: E, padding: w }),
-        Ye({ arrowWidth: re, arrowHeight: $ }),
-        y && be({ strategy: "referenceHidden", ...b })
-      ]
-    }), [W, pe] = V(se), O = Ee(l);
-    B(() => {
-      S && (O == null || O());
-    }, [S, O]);
-    const ce = (I = u.arrow) == null ? void 0 : I.x, de = (Y = u.arrow) == null ? void 0 : Y.y, le = ((M = u.arrow) == null ? void 0 : M.centerOffset) !== 0, [fe, me] = s.useState();
-    return B(() => {
-      h && me(window.getComputedStyle(h).zIndex);
-    }, [h]), /* @__PURE__ */ f.jsx(
-      "div",
+      __scopeMenu: t,
+      loop: o = !1,
+      trapFocus: a,
+      onOpenAutoFocus: c,
+      onCloseAutoFocus: l,
+      disableOutsidePointerEvents: m,
+      onEntryFocus: p,
+      onEscapeKeyDown: h,
+      onPointerDownOutside: d,
+      onFocusOutside: s,
+      onInteractOutside: f,
+      onDismiss: C,
+      disableOutsideScroll: v,
+      ...S
+    } = e, I = E(x, t), T = K(x, t), G = L(t), U = _e(t), ie = vt(t), [Ye, le] = r.useState(null), B = r.useRef(null), Xe = N(n, B, I.onContentChange), V = r.useRef(0), Y = r.useRef(""), He = r.useRef(0), Z = r.useRef(null), de = r.useRef("right"), $ = r.useRef(0), We = v ? ft : r.Fragment, ze = v ? { as: lt, allowPinchZoom: !0 } : void 0, Ze = (i) => {
+      var b, me;
+      const g = Y.current + i, _ = ie().filter((R) => !R.disabled), P = document.activeElement, q = (b = _.find((R) => R.ref.current === P)) == null ? void 0 : b.textValue, J = _.map((R) => R.textValue), fe = kt(J, g, q), A = (me = _.find((R) => R.textValue === fe)) == null ? void 0 : me.ref.current;
+      (function R(pe) {
+        Y.current = pe, window.clearTimeout(V.current), pe !== "" && (V.current = window.setTimeout(() => R(""), 1e3));
+      })(g), A && setTimeout(() => A.focus());
+    };
+    r.useEffect(() => () => window.clearTimeout(V.current), []), tt();
+    const y = r.useCallback((i) => {
+      var _, P;
+      return de.current === ((_ = Z.current) == null ? void 0 : _.side) && Lt(i, (P = Z.current) == null ? void 0 : P.area);
+    }, []);
+    return /* @__PURE__ */ u.jsx(
+      Rt,
       {
-        ref: ie.setFloating,
-        "data-radix-popper-content-wrapper": "",
-        style: {
-          ...H,
-          transform: S ? H.transform : "translate(0, -200%)",
-          // keep off the page when measuring
-          minWidth: "max-content",
-          zIndex: fe,
-          "--radix-popper-transform-origin": [
-            (X = u.transformOrigin) == null ? void 0 : X.x,
-            (D = u.transformOrigin) == null ? void 0 : D.y
-          ].join(" "),
-          // hide the content if using the hide middleware and should be hidden
-          // set visibility to hidden and disable pointer events so the UI behaves
-          // as if the PopperContent isn't there at all
-          ...((F = u.hide) == null ? void 0 : F.referenceHidden) && {
-            visibility: "hidden",
-            pointerEvents: "none"
-          }
-        },
-        dir: e.dir,
-        children: /* @__PURE__ */ f.jsx(
-          je,
+        scope: t,
+        searchRef: Y,
+        onItemEnter: r.useCallback(
+          (i) => {
+            y(i) && i.preventDefault();
+          },
+          [y]
+        ),
+        onItemLeave: r.useCallback(
+          (i) => {
+            var g;
+            y(i) || ((g = B.current) == null || g.focus(), le(null));
+          },
+          [y]
+        ),
+        onTriggerLeave: r.useCallback(
+          (i) => {
+            y(i) && i.preventDefault();
+          },
+          [y]
+        ),
+        pointerGraceTimerRef: He,
+        onPointerGraceIntentChange: r.useCallback((i) => {
+          Z.current = i;
+        }, []),
+        children: /* @__PURE__ */ u.jsx(We, { ...ze, children: /* @__PURE__ */ u.jsx(
+          nt,
           {
-            scope: n,
-            placedSide: W,
-            onArrowChange: te,
-            arrowX: ce,
-            arrowY: de,
-            shouldHideArrow: le,
-            children: /* @__PURE__ */ f.jsx(
-              z.div,
+            asChild: !0,
+            trapped: a,
+            onMountAutoFocus: M(c, (i) => {
+              var g;
+              i.preventDefault(), (g = B.current) == null || g.focus({ preventScroll: !0 });
+            }),
+            onUnmountAutoFocus: l,
+            children: /* @__PURE__ */ u.jsx(
+              et,
               {
-                "data-side": W,
-                "data-align": pe,
-                ...d,
-                ref: ee,
-                style: {
-                  ...d.style,
-                  // if the PopperContent hasn't been placed yet (not all measurements done)
-                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: S ? void 0 : "none"
-                }
+                asChild: !0,
+                disableOutsidePointerEvents: m,
+                onEscapeKeyDown: h,
+                onPointerDownOutside: d,
+                onFocusOutside: s,
+                onInteractOutside: f,
+                onDismiss: C,
+                children: /* @__PURE__ */ u.jsx(
+                  it,
+                  {
+                    asChild: !0,
+                    ...U,
+                    dir: T.dir,
+                    orientation: "vertical",
+                    loop: o,
+                    currentTabStopId: Ye,
+                    onCurrentTabStopIdChange: le,
+                    onEntryFocus: M(p, (i) => {
+                      T.isUsingKeyboardRef.current || i.preventDefault();
+                    }),
+                    preventScrollOnEntryFocus: !0,
+                    children: /* @__PURE__ */ u.jsx(
+                      rt,
+                      {
+                        role: "menu",
+                        "aria-orientation": "vertical",
+                        "data-state": Ve(I.open),
+                        "data-radix-menu-content": "",
+                        dir: T.dir,
+                        ...G,
+                        ...S,
+                        ref: Xe,
+                        style: { outline: "none", ...S.style },
+                        onKeyDown: M(S.onKeyDown, (i) => {
+                          const _ = i.target.closest("[data-radix-menu-content]") === i.currentTarget, P = i.ctrlKey || i.altKey || i.metaKey, q = i.key.length === 1;
+                          _ && (i.key === "Tab" && i.preventDefault(), !P && q && Ze(i.key));
+                          const J = B.current;
+                          if (i.target !== J || !pt.includes(i.key)) return;
+                          i.preventDefault();
+                          const A = ie().filter((b) => !b.disabled).map((b) => b.ref.current);
+                          xe.includes(i.key) && A.reverse(), Dt(A);
+                        }),
+                        onBlur: M(e.onBlur, (i) => {
+                          i.currentTarget.contains(i.target) || (window.clearTimeout(V.current), Y.current = "");
+                        }),
+                        onPointerMove: M(
+                          e.onPointerMove,
+                          D((i) => {
+                            const g = i.target, _ = $.current !== i.clientX;
+                            if (i.currentTarget.contains(g) && _) {
+                              const P = i.clientX > $.current ? "right" : "left";
+                              de.current = P, $.current = i.clientX;
+                            }
+                          })
+                        )
+                      }
+                    )
+                  }
+                )
               }
             )
           }
-        )
+        ) })
       }
     );
   }
 );
-J.displayName = _;
-var K = "PopperArrow", We = {
-  top: "bottom",
-  right: "left",
-  bottom: "top",
-  left: "right"
-}, Q = s.forwardRef(function(i, n) {
-  const { __scopePopper: t, ...a } = i, r = He(K, t), o = We[r.placedSide];
-  return (
-    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
-    // doesn't report size as we'd expect on SVG elements.
-    // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ f.jsx(
-      "span",
+we.displayName = x;
+var St = "MenuGroup", ce = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e;
+    return /* @__PURE__ */ u.jsx(k.div, { role: "group", ...o, ref: n });
+  }
+);
+ce.displayName = St;
+var wt = "MenuLabel", Ie = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e;
+    return /* @__PURE__ */ u.jsx(k.div, { ...o, ref: n });
+  }
+);
+Ie.displayName = wt;
+var X = "MenuItem", Me = "menu.itemSelect", z = r.forwardRef(
+  (e, n) => {
+    const { disabled: t = !1, onSelect: o, ...a } = e, c = r.useRef(null), l = K(X, e.__scopeMenu), m = oe(X, e.__scopeMenu), p = N(n, c), h = r.useRef(!1), d = () => {
+      const s = c.current;
+      if (!t && s) {
+        const f = new CustomEvent(Me, { bubbles: !0, cancelable: !0 });
+        s.addEventListener(Me, (C) => o == null ? void 0 : o(C), { once: !0 }), at(s, f), f.defaultPrevented ? h.current = !1 : l.onClose();
+      }
+    };
+    return /* @__PURE__ */ u.jsx(
+      ye,
       {
-        ref: r.onArrowChange,
-        style: {
-          position: "absolute",
-          left: r.arrowX,
-          top: r.arrowY,
-          [o]: 0,
-          transformOrigin: {
-            top: "",
-            right: "0 0",
-            bottom: "center 0",
-            left: "100% 0"
-          }[r.placedSide],
-          transform: {
-            top: "translateY(100%)",
-            right: "translateY(50%) rotate(90deg) translateX(-50%)",
-            bottom: "rotate(180deg)",
-            left: "translateY(50%) rotate(-90deg) translateX(50%)"
-          }[r.placedSide],
-          visibility: r.shouldHideArrow ? "hidden" : void 0
+        ...a,
+        ref: p,
+        disabled: t,
+        onClick: M(e.onClick, d),
+        onPointerDown: (s) => {
+          var f;
+          (f = e.onPointerDown) == null || f.call(e, s), h.current = !0;
         },
-        children: /* @__PURE__ */ f.jsx(
-          Oe,
+        onPointerUp: M(e.onPointerUp, (s) => {
+          var f;
+          h.current || (f = s.currentTarget) == null || f.click();
+        }),
+        onKeyDown: M(e.onKeyDown, (s) => {
+          const f = m.searchRef.current !== "";
+          t || f && s.key === " " || Q.includes(s.key) && (s.currentTarget.click(), s.preventDefault());
+        })
+      }
+    );
+  }
+);
+z.displayName = X;
+var ye = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, disabled: o = !1, textValue: a, ...c } = e, l = oe(X, t), m = _e(t), p = r.useRef(null), h = N(n, p), [d, s] = r.useState(!1), [f, C] = r.useState("");
+    return r.useEffect(() => {
+      const v = p.current;
+      v && C((v.textContent ?? "").trim());
+    }, [c.children]), /* @__PURE__ */ u.jsx(
+      j.ItemSlot,
+      {
+        scope: t,
+        disabled: o,
+        textValue: a ?? f,
+        children: /* @__PURE__ */ u.jsx(ut, { asChild: !0, ...m, focusable: !o, children: /* @__PURE__ */ u.jsx(
+          k.div,
+          {
+            role: "menuitem",
+            "data-highlighted": d ? "" : void 0,
+            "aria-disabled": o || void 0,
+            "data-disabled": o ? "" : void 0,
+            ...c,
+            ref: h,
+            onPointerMove: M(
+              e.onPointerMove,
+              D((v) => {
+                o ? l.onItemLeave(v) : (l.onItemEnter(v), v.defaultPrevented || v.currentTarget.focus({ preventScroll: !0 }));
+              })
+            ),
+            onPointerLeave: M(
+              e.onPointerLeave,
+              D((v) => l.onItemLeave(v))
+            ),
+            onFocus: M(e.onFocus, () => s(!0)),
+            onBlur: M(e.onBlur, () => s(!1))
+          }
+        ) })
+      }
+    );
+  }
+), It = "MenuCheckboxItem", be = r.forwardRef(
+  (e, n) => {
+    const { checked: t = !1, onCheckedChange: o, ...a } = e;
+    return /* @__PURE__ */ u.jsx(De, { scope: e.__scopeMenu, checked: t, children: /* @__PURE__ */ u.jsx(
+      z,
+      {
+        role: "menuitemcheckbox",
+        "aria-checked": H(t) ? "mixed" : t,
+        ...a,
+        ref: n,
+        "data-state": ue(t),
+        onSelect: M(
+          a.onSelect,
+          () => o == null ? void 0 : o(H(t) ? !0 : !t),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+be.displayName = It;
+var Te = "MenuRadioGroup", [yt, bt] = w(
+  Te,
+  { value: void 0, onValueChange: () => {
+  } }
+), Ae = r.forwardRef(
+  (e, n) => {
+    const { value: t, onValueChange: o, ...a } = e, c = ee(o);
+    return /* @__PURE__ */ u.jsx(yt, { scope: e.__scopeMenu, value: t, onValueChange: c, children: /* @__PURE__ */ u.jsx(ce, { ...a, ref: n }) });
+  }
+);
+Ae.displayName = Te;
+var Oe = "MenuRadioItem", je = r.forwardRef(
+  (e, n) => {
+    const { value: t, ...o } = e, a = bt(Oe, e.__scopeMenu), c = t === a.value;
+    return /* @__PURE__ */ u.jsx(De, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ u.jsx(
+      z,
+      {
+        role: "menuitemradio",
+        "aria-checked": c,
+        ...o,
+        ref: n,
+        "data-state": ue(c),
+        onSelect: M(
+          o.onSelect,
+          () => {
+            var l;
+            return (l = a.onValueChange) == null ? void 0 : l.call(a, t);
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+je.displayName = Oe;
+var se = "MenuItemIndicator", [De, Tt] = w(
+  se,
+  { checked: !1 }
+), Ne = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, forceMount: o, ...a } = e, c = Tt(se, t);
+    return /* @__PURE__ */ u.jsx(
+      W,
+      {
+        present: o || H(c.checked) || c.checked === !0,
+        children: /* @__PURE__ */ u.jsx(
+          k.span,
           {
             ...a,
             ref: n,
-            style: {
-              ...a.style,
-              // ensures the element can be measured correctly (mostly for if SVG)
-              display: "block"
-            }
+            "data-state": ue(c.checked)
           }
         )
       }
-    )
+    );
+  }
+);
+Ne.displayName = se;
+var At = "MenuSeparator", ke = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e;
+    return /* @__PURE__ */ u.jsx(
+      k.div,
+      {
+        role: "separator",
+        "aria-orientation": "horizontal",
+        ...o,
+        ref: n
+      }
+    );
+  }
+);
+ke.displayName = At;
+var Ot = "MenuArrow", Fe = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e, a = L(t);
+    return /* @__PURE__ */ u.jsx(ct, { ...a, ...o, ref: n });
+  }
+);
+Fe.displayName = Ot;
+var ae = "MenuSub", [jt, Le] = w(ae), Ke = (e) => {
+  const { __scopeMenu: n, children: t, open: o = !1, onOpenChange: a } = e, c = E(ae, n), l = L(n), [m, p] = r.useState(null), [h, d] = r.useState(null), s = ee(a);
+  return r.useEffect(() => (c.open === !1 && s(!1), () => s(!1)), [c.open, s]), /* @__PURE__ */ u.jsx(Ce, { ...l, children: /* @__PURE__ */ u.jsx(
+    Re,
+    {
+      scope: n,
+      open: o,
+      onOpenChange: s,
+      content: h,
+      onContentChange: d,
+      children: /* @__PURE__ */ u.jsx(
+        jt,
+        {
+          scope: n,
+          contentId: he(),
+          triggerId: he(),
+          trigger: m,
+          onTriggerChange: p,
+          children: t
+        }
+      )
+    }
+  ) });
+};
+Ke.displayName = ae;
+var O = "MenuSubTrigger", Ge = r.forwardRef(
+  (e, n) => {
+    const t = E(O, e.__scopeMenu), o = K(O, e.__scopeMenu), a = Le(O, e.__scopeMenu), c = oe(O, e.__scopeMenu), l = r.useRef(null), { pointerGraceTimerRef: m, onPointerGraceIntentChange: p } = c, h = { __scopeMenu: e.__scopeMenu }, d = r.useCallback(() => {
+      l.current && window.clearTimeout(l.current), l.current = null;
+    }, []);
+    return r.useEffect(() => d, [d]), r.useEffect(() => {
+      const s = m.current;
+      return () => {
+        window.clearTimeout(s), p(null);
+      };
+    }, [m, p]), /* @__PURE__ */ u.jsx(te, { asChild: !0, ...h, children: /* @__PURE__ */ u.jsx(
+      ye,
+      {
+        id: a.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": t.open,
+        "aria-controls": a.contentId,
+        "data-state": Ve(t.open),
+        ...e,
+        ref: qe(n, a.onTriggerChange),
+        onClick: (s) => {
+          var f;
+          (f = e.onClick) == null || f.call(e, s), !(e.disabled || s.defaultPrevented) && (s.currentTarget.focus(), t.open || t.onOpenChange(!0));
+        },
+        onPointerMove: M(
+          e.onPointerMove,
+          D((s) => {
+            c.onItemEnter(s), !s.defaultPrevented && !e.disabled && !t.open && !l.current && (c.onPointerGraceIntentChange(null), l.current = window.setTimeout(() => {
+              t.onOpenChange(!0), d();
+            }, 100));
+          })
+        ),
+        onPointerLeave: M(
+          e.onPointerLeave,
+          D((s) => {
+            var C, v;
+            d();
+            const f = (C = t.content) == null ? void 0 : C.getBoundingClientRect();
+            if (f) {
+              const S = (v = t.content) == null ? void 0 : v.dataset.side, I = S === "right", T = I ? -5 : 5, G = f[I ? "left" : "right"], U = f[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: G, y: f.top },
+                  { x: U, y: f.top },
+                  { x: U, y: f.bottom },
+                  { x: G, y: f.bottom }
+                ],
+                side: S
+              }), 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 f = c.searchRef.current !== "";
+          e.disabled || f && s.key === " " || ht[o.dir].includes(s.key) && (t.onOpenChange(!0), (C = t.content) == null || C.focus(), s.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Ge.displayName = O;
+var Ue = "MenuSubContent", Be = r.forwardRef(
+  (e, n) => {
+    const t = Ee(x, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = E(x, e.__scopeMenu), l = K(x, e.__scopeMenu), m = Le(Ue, e.__scopeMenu), p = r.useRef(null), h = N(n, p);
+    return /* @__PURE__ */ u.jsx(j.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(W, { present: o || c.open, children: /* @__PURE__ */ u.jsx(j.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(
+      re,
+      {
+        id: m.contentId,
+        "aria-labelledby": m.triggerId,
+        ...a,
+        ref: h,
+        align: "start",
+        side: l.dir === "rtl" ? "left" : "right",
+        disableOutsidePointerEvents: !1,
+        disableOutsideScroll: !1,
+        trapFocus: !1,
+        onOpenAutoFocus: (d) => {
+          var s;
+          l.isUsingKeyboardRef.current && ((s = p.current) == null || s.focus()), d.preventDefault();
+        },
+        onCloseAutoFocus: (d) => d.preventDefault(),
+        onFocusOutside: M(e.onFocusOutside, (d) => {
+          d.target !== m.trigger && c.onOpenChange(!1);
+        }),
+        onEscapeKeyDown: M(e.onEscapeKeyDown, (d) => {
+          l.onClose(), d.preventDefault();
+        }),
+        onKeyDown: M(e.onKeyDown, (d) => {
+          var C;
+          const s = d.currentTarget.contains(d.target), f = Mt[l.dir].includes(d.key);
+          s && f && (c.onOpenChange(!1), (C = m.trigger) == null || C.focus(), d.preventDefault());
+        })
+      }
+    ) }) }) });
+  }
+);
+Be.displayName = Ue;
+function Ve(e) {
+  return e ? "open" : "closed";
+}
+function H(e) {
+  return e === "indeterminate";
+}
+function ue(e) {
+  return H(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function Dt(e) {
+  const n = document.activeElement;
+  for (const t of e)
+    if (t === n || (t.focus(), document.activeElement !== n)) return;
+}
+function Nt(e, n) {
+  return e.map((t, o) => e[(n + o) % e.length]);
+}
+function kt(e, n, t) {
+  const a = n.length > 1 && Array.from(n).every((h) => h === n[0]) ? n[0] : n, c = t ? e.indexOf(t) : -1;
+  let l = Nt(e, Math.max(c, 0));
+  a.length === 1 && (l = l.filter((h) => h !== t));
+  const p = l.find(
+    (h) => h.toLowerCase().startsWith(a.toLowerCase())
   );
-});
-Q.displayName = K;
-function Ie(e) {
-  return e !== null;
+  return p !== t ? p : void 0;
+}
+function Ft(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, h = n[l].x, d = n[l].y;
+    p > o != d > o && t < (h - m) * (o - p) / (d - p) + m && (a = !a);
+  }
+  return a;
+}
+function Lt(e, n) {
+  if (!n) return !1;
+  const t = { x: e.clientX, y: e.clientY };
+  return Ft(t, n);
 }
-var Ye = (e) => ({
-  name: "transformOrigin",
-  options: e,
-  fn(i) {
-    var v, h, C;
-    const { placement: n, rects: t, middlewareData: a } = i, o = ((v = a.arrow) == null ? void 0 : v.centerOffset) !== 0, w = o ? 0 : e.arrowWidth, p = o ? 0 : e.arrowHeight, [c, x] = V(n), m = { start: "0%", center: "50%", end: "100%" }[x], y = (((h = a.arrow) == null ? void 0 : h.x) ?? 0) + w / 2, A = (((C = a.arrow) == null ? void 0 : C.y) ?? 0) + p / 2;
-    let l = "", d = "";
-    return c === "bottom" ? (l = o ? m : `${y}px`, d = `${-p}px`) : c === "top" ? (l = o ? m : `${y}px`, d = `${t.floating.height + p}px`) : c === "right" ? (l = `${-p}px`, d = o ? m : `${A}px`) : c === "left" && (l = `${t.floating.width + p}px`, d = o ? m : `${A}px`), { data: { x: l, y: d } };
-  }
-});
-function V(e) {
-  const [i, n = "center"] = e.split("-");
-  return [i, n];
+function D(e) {
+  return (n) => n.pointerType === "mouse" ? e(n) : void 0;
 }
-var qe = U, Ge = G, Je = J, Ke = Q;
+var cn = Pe, sn = te, an = Se, un = we, ln = ce, dn = Ie, fn = z, mn = be, pn = Ae, hn = je, Mn = Ne, vn = ke, Cn = Fe, gn = Ke, xn = Ge, _n = Be;
 export {
-  Ge as Anchor,
-  Ke as Arrow,
-  Je as Content,
-  U as Popper,
-  G as PopperAnchor,
-  Q as PopperArrow,
-  J as PopperContent,
-  qe as Root,
-  Ue as createPopperScope
+  sn as Anchor,
+  Cn as Arrow,
+  mn as CheckboxItem,
+  un as Content,
+  ln as Group,
+  fn as Item,
+  Mn as ItemIndicator,
+  dn as Label,
+  Pe as Menu,
+  te as MenuAnchor,
+  Fe as MenuArrow,
+  be as MenuCheckboxItem,
+  we as MenuContent,
+  ce as MenuGroup,
+  z as MenuItem,
+  Ne as MenuItemIndicator,
+  Ie as MenuLabel,
+  Se as MenuPortal,
+  Ae as MenuRadioGroup,
+  je as MenuRadioItem,
+  ke as MenuSeparator,
+  Ke as MenuSub,
+  Be as MenuSubContent,
+  Ge as MenuSubTrigger,
+  an as Portal,
+  pn as RadioGroup,
+  hn as RadioItem,
+  cn as Root,
+  vn as Separator,
+  gn as Sub,
+  _n as SubContent,
+  xn as SubTrigger,
+  rn as createMenuScope
 };