@boxcustodia/library 1.7.1-canary.0 → 1.7.1

package/dist/index.es195.js

@@ -1,652 +1,220 @@
-import * as r from "react";
-import { composeEventHandlers as h } from "./index.es179.js";
-import { createCollection as $e } from "./index.es201.js";
-import { useComposedRefs as k, composeRefs as qe } from "./index.es174.js";
-import { createContextScope as Je } from "./index.es180.js";
-import { useDirection as Qe } from "./index.es202.js";
-import { DismissableLayer as et } from "./index.es182.js";
-import { useFocusGuards as tt } from "./index.es186.js";
-import { FocusScope as nt } from "./index.es183.js";
-import { useId as Me } from "./index.es181.js";
-import { createPopperScope as ve, Root as Ce, Anchor as ot, Content as rt, Arrow as ct } from "./index.es194.js";
-import { Portal as st } from "./index.es184.js";
-import { Presence as W } from "./index.es157.js";
-import { Primitive as N, dispatchDiscreteCustomEvent as at } from "./index.es185.js";
-import { createRovingFocusGroupScope as ge, Item as ut, Root as it } from "./index.es275.js";
-import { createSlot as lt } from "./index.es106.js";
-import { useCallbackRef as ee } from "./index.es103.js";
-import { hideOthers as dt } from "./index.es188.js";
-import ft from "./index.es187.js";
-import { j as u } from "./index.es104.js";
-var Q = ["Enter", " "], mt = ["ArrowDown", "PageUp", "Home"], xe = ["ArrowUp", "PageDown", "End"], pt = [...mt, ...xe], Mt = {
-  ltr: [...Q, "ArrowRight"],
-  rtl: [...Q, "ArrowLeft"]
-}, ht = {
-  ltr: ["ArrowLeft"],
-  rtl: ["ArrowRight"]
-}, F = "Menu", [j, vt, Ct] = $e(F), [w, cn] = Je(F, [
-  Ct,
-  ve,
-  ge
-]), L = ve(), _e = ge(), [Re, P] = w(F), [gt, K] = w(F), Se = (e) => {
-  const { __scopeMenu: n, open: t = !1, children: o, dir: a, onOpenChange: c, modal: l = !0 } = e, m = L(n), [p, M] = 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: M,
-      children: /* @__PURE__ */ u.jsx(
-        gt,
-        {
-          scope: n,
-          onClose: r.useCallback(() => s(!1), [s]),
-          isUsingKeyboardRef: d,
-          dir: f,
-          modal: l,
-          children: o
-        }
-      )
-    }
-  ) });
+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.es273.js";
+import { Root as Oe } from "./index.es274.js";
+import { useComposedRefs as T } from "./index.es177.js";
+import { createContextScope as Re } from "./index.es183.js";
+import { Primitive as z } from "./index.es175.js";
+import { useCallbackRef as Ee } from "./index.es103.js";
+import { useLayoutEffect as B } from "./index.es194.js";
+import { useSize as Ne } from "./index.es275.js";
+import { j as f } from "./index.es104.js";
+import { autoUpdate as _e } from "./index.es276.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 });
 };
-Se.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 });
+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 });
   }
 );
-te.displayName = xt;
-var ne = "MenuPortal", [_t, Pe] = w(ne, {
-  forceMount: void 0
-}), Ee = (e) => {
-  const { __scopeMenu: n, forceMount: t, children: o, container: a } = e, c = P(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 }) }) });
-};
-Ee.displayName = ne;
-var x = "MenuContent", [Rt, oe] = w(x), we = r.forwardRef(
-  (e, n) => {
-    const t = Pe(x, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = P(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(St, { ...a, ref: n }) : /* @__PURE__ */ u.jsx(Pt, { ...a, ref: n }) }) }) });
-  }
-), St = r.forwardRef(
-  (e, n) => {
-    const t = P(x, e.__scopeMenu), o = r.useRef(null), a = k(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: h(
-          e.onFocusOutside,
-          (c) => c.preventDefault(),
-          { checkForDefaultPrevented: !1 }
-        ),
-        onDismiss: () => t.onOpenChange(!1)
-      }
-    );
-  }
-), Pt = r.forwardRef((e, n) => {
-  const t = P(x, e.__scopeMenu);
-  return /* @__PURE__ */ u.jsx(
-    re,
-    {
-      ...e,
-      ref: n,
-      trapFocus: !1,
-      disableOutsidePointerEvents: !1,
-      disableOutsideScroll: !1,
-      onDismiss: () => t.onOpenChange(!1)
-    }
-  );
-}), Et = lt("MenuContent.ScrollLock"), re = r.forwardRef(
-  (e, n) => {
+G.displayName = q;
+var _ = "PopperContent", [je, He] = L(_), J = s.forwardRef(
+  (e, i) => {
+    var I, Y, M, X, D, F;
     const {
-      __scopeMenu: t,
-      loop: o = !1,
-      trapFocus: a,
-      onOpenAutoFocus: c,
-      onCloseAutoFocus: l,
-      disableOutsidePointerEvents: m,
-      onEntryFocus: p,
-      onEscapeKeyDown: M,
-      onPointerDownOutside: d,
-      onFocusOutside: s,
-      onInteractOutside: f,
-      onDismiss: C,
-      disableOutsideScroll: v,
-      ...E
-    } = e, I = P(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 = k(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: Et, allowPinchZoom: !0 } : void 0, Ze = (i) => {
-      var b, me;
-      const g = Y.current + i, _ = ie().filter((R) => !R.disabled), S = document.activeElement, q = (b = _.find((R) => R.ref.current === S)) == null ? void 0 : b.textValue, J = _.map((R) => R.textValue), fe = Ft(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 _, S;
-      return de.current === ((_ = Z.current) == null ? void 0 : _.side) && Kt(i, (S = Z.current) == null ? void 0 : S.area);
-    }, []);
-    return /* @__PURE__ */ u.jsx(
-      Rt,
+      __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",
       {
-        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,
+        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,
           {
-            asChild: !0,
-            trapped: a,
-            onMountAutoFocus: h(c, (i) => {
-              var g;
-              i.preventDefault(), (g = B.current) == null || g.focus({ preventScroll: !0 });
-            }),
-            onUnmountAutoFocus: l,
-            children: /* @__PURE__ */ u.jsx(
-              et,
+            scope: n,
+            placedSide: W,
+            onArrowChange: te,
+            arrowX: ce,
+            arrowY: de,
+            shouldHideArrow: le,
+            children: /* @__PURE__ */ f.jsx(
+              z.div,
               {
-                asChild: !0,
-                disableOutsidePointerEvents: m,
-                onEscapeKeyDown: M,
-                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: h(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,
-                        ...E,
-                        ref: Xe,
-                        style: { outline: "none", ...E.style },
-                        onKeyDown: h(E.onKeyDown, (i) => {
-                          const _ = i.target.closest("[data-radix-menu-content]") === i.currentTarget, S = i.ctrlKey || i.altKey || i.metaKey, q = i.key.length === 1;
-                          _ && (i.key === "Tab" && i.preventDefault(), !S && 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(), kt(A);
-                        }),
-                        onBlur: h(e.onBlur, (i) => {
-                          i.currentTarget.contains(i.target) || (window.clearTimeout(V.current), Y.current = "");
-                        }),
-                        onPointerMove: h(
-                          e.onPointerMove,
-                          D((i) => {
-                            const g = i.target, _ = $.current !== i.clientX;
-                            if (i.currentTarget.contains(g) && _) {
-                              const S = i.clientX > $.current ? "right" : "left";
-                              de.current = S, $.current = i.clientX;
-                            }
-                          })
-                        )
-                      }
-                    )
-                  }
-                )
+                "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"
+                }
               }
             )
           }
-        ) })
+        )
       }
     );
   }
 );
-we.displayName = x;
-var wt = "MenuGroup", ce = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u.jsx(N.div, { role: "group", ...o, ref: n });
-  }
-);
-ce.displayName = wt;
-var It = "MenuLabel", Ie = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u.jsx(N.div, { ...o, ref: n });
-  }
-);
-Ie.displayName = It;
-var X = "MenuItem", he = "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 = k(n, c), M = r.useRef(!1), d = () => {
-      const s = c.current;
-      if (!t && s) {
-        const f = new CustomEvent(he, { bubbles: !0, cancelable: !0 });
-        s.addEventListener(he, (C) => o == null ? void 0 : o(C), { once: !0 }), at(s, f), f.defaultPrevented ? M.current = !1 : l.onClose();
-      }
-    };
-    return /* @__PURE__ */ u.jsx(
-      ye,
+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",
       {
-        ...a,
-        ref: p,
-        disabled: t,
-        onClick: h(e.onClick, d),
-        onPointerDown: (s) => {
-          var f;
-          (f = e.onPointerDown) == null || f.call(e, s), M.current = !0;
+        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
         },
-        onPointerUp: h(e.onPointerUp, (s) => {
-          var f;
-          M.current || (f = s.currentTarget) == null || f.click();
-        }),
-        onKeyDown: h(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), M = k(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(
-          N.div,
-          {
-            role: "menuitem",
-            "data-highlighted": d ? "" : void 0,
-            "aria-disabled": o || void 0,
-            "data-disabled": o ? "" : void 0,
-            ...c,
-            ref: M,
-            onPointerMove: h(
-              e.onPointerMove,
-              D((v) => {
-                o ? l.onItemLeave(v) : (l.onItemEnter(v), v.defaultPrevented || v.currentTarget.focus({ preventScroll: !0 }));
-              })
-            ),
-            onPointerLeave: h(
-              e.onPointerLeave,
-              D((v) => l.onItemLeave(v))
-            ),
-            onFocus: h(e.onFocus, () => s(!0)),
-            onBlur: h(e.onBlur, () => s(!1))
-          }
-        ) })
-      }
-    );
-  }
-), yt = "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: h(
-          a.onSelect,
-          () => o == null ? void 0 : o(H(t) ? !0 : !t),
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-);
-be.displayName = yt;
-var Te = "MenuRadioGroup", [bt, Tt] = 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(bt, { 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 = Tt(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: h(
-          o.onSelect,
-          () => {
-            var l;
-            return (l = a.onValueChange) == null ? void 0 : l.call(a, t);
-          },
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-);
-je.displayName = Oe;
-var se = "MenuItemIndicator", [De, At] = w(
-  se,
-  { checked: !1 }
-), ke = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, forceMount: o, ...a } = e, c = At(se, t);
-    return /* @__PURE__ */ u.jsx(
-      W,
-      {
-        present: o || H(c.checked) || c.checked === !0,
-        children: /* @__PURE__ */ u.jsx(
-          N.span,
+        children: /* @__PURE__ */ f.jsx(
+          Oe,
           {
             ...a,
             ref: n,
-            "data-state": ue(c.checked)
+            style: {
+              ...a.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
           }
         )
       }
-    );
-  }
-);
-ke.displayName = se;
-var Ot = "MenuSeparator", Ne = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u.jsx(
-      N.div,
-      {
-        role: "separator",
-        "aria-orientation": "horizontal",
-        ...o,
-        ref: n
-      }
-    );
-  }
-);
-Ne.displayName = Ot;
-var jt = "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 = jt;
-var ae = "MenuSub", [Dt, Le] = w(ae), Ke = (e) => {
-  const { __scopeMenu: n, children: t, open: o = !1, onOpenChange: a } = e, c = P(ae, n), l = L(n), [m, p] = r.useState(null), [M, 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: M,
-      onContentChange: d,
-      children: /* @__PURE__ */ u.jsx(
-        Dt,
-        {
-          scope: n,
-          contentId: Me(),
-          triggerId: Me(),
-          trigger: m,
-          onTriggerChange: p,
-          children: t
-        }
-      )
-    }
-  ) });
-};
-Ke.displayName = ae;
-var O = "MenuSubTrigger", Ge = r.forwardRef(
-  (e, n) => {
-    const t = P(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, M = { __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, ...M, 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: h(
-          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: h(
-          e.onPointerLeave,
-          D((s) => {
-            var C, v;
-            d();
-            const f = (C = t.content) == null ? void 0 : C.getBoundingClientRect();
-            if (f) {
-              const E = (v = t.content) == null ? void 0 : v.dataset.side, I = E === "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: 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: h(e.onKeyDown, (s) => {
-          var C;
-          const f = c.searchRef.current !== "";
-          e.disabled || f && s.key === " " || Mt[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 = Pe(x, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = P(x, e.__scopeMenu), l = K(x, e.__scopeMenu), m = Le(Ue, e.__scopeMenu), p = r.useRef(null), M = k(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: M,
-        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: h(e.onFocusOutside, (d) => {
-          d.target !== m.trigger && c.onOpenChange(!1);
-        }),
-        onEscapeKeyDown: h(e.onEscapeKeyDown, (d) => {
-          l.onClose(), d.preventDefault();
-        }),
-        onKeyDown: h(e.onKeyDown, (d) => {
-          var C;
-          const s = d.currentTarget.contains(d.target), f = ht[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 kt(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 Ft(e, n, t) {
-  const a = n.length > 1 && Array.from(n).every((M) => M === n[0]) ? n[0] : n, c = t ? e.indexOf(t) : -1;
-  let l = Nt(e, Math.max(c, 0));
-  a.length === 1 && (l = l.filter((M) => M !== t));
-  const p = l.find(
-    (M) => M.toLowerCase().startsWith(a.toLowerCase())
+    )
   );
-  return p !== t ? p : void 0;
-}
-function Lt(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, M = n[l].x, d = n[l].y;
-    p > o != d > o && t < (M - m) * (o - p) / (d - p) + m && (a = !a);
-  }
-  return a;
-}
-function Kt(e, n) {
-  if (!n) return !1;
-  const t = { x: e.clientX, y: e.clientY };
-  return Lt(t, n);
+});
+Q.displayName = K;
+function Ie(e) {
+  return e !== null;
 }
-function D(e) {
-  return (n) => n.pointerType === "mouse" ? e(n) : void 0;
+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];
 }
-var sn = Se, an = te, un = Ee, ln = we, dn = ce, fn = Ie, mn = z, pn = be, Mn = Ae, hn = je, vn = ke, Cn = Ne, gn = Fe, xn = Ke, _n = Ge, Rn = Be;
+var qe = U, Ge = G, Je = J, Ke = Q;
 export {
-  an as Anchor,
-  gn as Arrow,
-  pn as CheckboxItem,
-  ln as Content,
-  dn as Group,
-  mn as Item,
-  vn as ItemIndicator,
-  fn as Label,
-  Se as Menu,
-  te as MenuAnchor,
-  Fe as MenuArrow,
-  be as MenuCheckboxItem,
-  we as MenuContent,
-  ce as MenuGroup,
-  z as MenuItem,
-  ke as MenuItemIndicator,
-  Ie as MenuLabel,
-  Ee as MenuPortal,
-  Ae as MenuRadioGroup,
-  je as MenuRadioItem,
-  Ne as MenuSeparator,
-  Ke as MenuSub,
-  Be as MenuSubContent,
-  Ge as MenuSubTrigger,
-  un as Portal,
-  Mn as RadioGroup,
-  hn as RadioItem,
-  sn as Root,
-  Cn as Separator,
-  xn as Sub,
-  Rn as SubContent,
-  _n as SubTrigger,
-  cn as createMenuScope
+  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
 };