@anoki/fse-ui 2.2.0-3-SNAPSHOT → 2.2.0-3-SNAPSHOT2

package/dist/index.es576.js

@@ -1,275 +1,625 @@
-import * as a from "react";
-import { composeEventHandlers as T } from "./index.es444.js";
-import { useComposedRefs as A } from "./index.es445.js";
-import { createContextScope as G } from "./index.es446.js";
-import { DismissableLayer as F } from "./index.es449.js";
-import { createPopperScope as j, Anchor as B, Content as U, Arrow as V } from "./index.es642.js";
-import { Presence as Y } from "./index.es452.js";
-import { Primitive as q } from "./index.es453.js";
-import { createSlottable as X } from "./index.es457.js";
-import { Root as K } from "./index.es579.js";
-import { j as v } from "./index.es230.js";
-var [E] = G("Tooltip", [
-  j
-]), _ = j(), k = "TooltipProvider", W = 700, L = "tooltip.open", [z, D] = E(k), O = (t) => {
-  const {
-    __scopeTooltip: o,
-    delayDuration: e = W,
-    skipDelayDuration: r = 300,
-    disableHoverableContent: n = !1,
-    children: c
-  } = t, s = a.useRef(!0), f = a.useRef(!1), i = a.useRef(0);
-  return a.useEffect(() => {
-    const u = i.current;
-    return () => window.clearTimeout(u);
-  }, []), /* @__PURE__ */ v.jsx(
-    z,
+import * as r from "react";
+import { composeEventHandlers as v } from "./index.es446.js";
+import { createCollection as Xe } from "./index.es588.js";
+import { useComposedRefs as k, composeRefs as He } from "./index.es444.js";
+import { createContextScope as We } from "./index.es445.js";
+import { useDirection as ze } from "./index.es589.js";
+import { DismissableLayer as Ze } from "./index.es527.js";
+import { useFocusGuards as $e } from "./index.es530.js";
+import { FocusScope as qe } from "./index.es528.js";
+import { createPopperScope as pe, Root as Je, Anchor as Qe, Content as et, Arrow as tt } from "./index.es590.js";
+import { Portal as nt } from "./index.es529.js";
+import { Presence as H } from "./index.es450.js";
+import { Primitive as N, dispatchDiscreteCustomEvent as ot } from "./index.es451.js";
+import { createRovingFocusGroupScope as ve, Item as rt, Root as ct } from "./index.es591.js";
+import { createSlot as st } from "./index.es468.js";
+import { useCallbackRef as Me } from "./index.es577.js";
+import { hideOthers as at } from "./index.es532.js";
+import ut from "./index.es531.js";
+import { j as u } from "./index.es230.js";
+var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "PageDown", "End"], lt = [...it, ...he], dt = {
+  ltr: [...Q, "ArrowRight"],
+  rtl: [...Q, "ArrowLeft"]
+}, ft = {
+  ltr: ["ArrowLeft"],
+  rtl: ["ArrowRight"]
+}, F = "Menu", [O, mt, pt] = Xe(F), [w, tn] = We(F, [
+  pt,
+  pe,
+  ve
+]), W = pe(), Ce = ve(), [vt, S] = w(F), [Mt, L] = w(F), xe = (e) => {
+  const { __scopeMenu: n, open: t = !1, children: o, dir: a, onOpenChange: c, modal: d = !0 } = e, p = W(n), [M, m] = r.useState(null), f = r.useRef(!1), s = Me(c), l = ze(a);
+  return r.useEffect(() => {
+    const C = () => {
+      f.current = !0, document.addEventListener("pointerdown", h, { capture: !0, once: !0 }), document.addEventListener("pointermove", h, { capture: !0, once: !0 });
+    }, h = () => f.current = !1;
+    return document.addEventListener("keydown", C, { capture: !0 }), () => {
+      document.removeEventListener("keydown", C, { capture: !0 }), document.removeEventListener("pointerdown", h, { capture: !0 }), document.removeEventListener("pointermove", h, { capture: !0 });
+    };
+  }, []), /* @__PURE__ */ u.jsx(Je, { ...p, children: /* @__PURE__ */ u.jsx(
+    vt,
     {
-      scope: o,
-      isOpenDelayedRef: s,
-      delayDuration: e,
-      onOpen: a.useCallback(() => {
-        window.clearTimeout(i.current), s.current = !1;
-      }, []),
-      onClose: a.useCallback(() => {
-        window.clearTimeout(i.current), i.current = window.setTimeout(
-          () => s.current = !0,
-          r
-        );
-      }, [r]),
-      isPointerInTransitRef: f,
-      onPointerInTransitChange: a.useCallback((u) => {
-        f.current = u;
-      }, []),
-      disableHoverableContent: n,
-      children: c
+      scope: n,
+      open: t,
+      onOpenChange: s,
+      content: M,
+      onContentChange: m,
+      children: /* @__PURE__ */ u.jsx(
+        Mt,
+        {
+          scope: n,
+          onClose: r.useCallback(() => s(!1), [s]),
+          isUsingKeyboardRef: f,
+          dir: l,
+          modal: d,
+          children: o
+        }
+      )
     }
-  );
+  ) });
+};
+xe.displayName = F;
+var ht = "MenuAnchor", ee = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e, a = W(t);
+    return /* @__PURE__ */ u.jsx(Qe, { ...a, ...o, ref: n });
+  }
+);
+ee.displayName = ht;
+var te = "MenuPortal", [Ct, _e] = w(te, {
+  forceMount: void 0
+}), ge = (e) => {
+  const { __scopeMenu: n, forceMount: t, children: o, container: a } = e, c = S(te, n);
+  return /* @__PURE__ */ u.jsx(Ct, { scope: n, forceMount: t, children: /* @__PURE__ */ u.jsx(H, { present: t || c.open, children: /* @__PURE__ */ u.jsx(nt, { asChild: !0, container: a, children: o }) }) });
 };
-O.displayName = k;
-var M = "Tooltip", [ge, P] = E(M), R = "TooltipTrigger", J = a.forwardRef(
-  (t, o) => {
-    const { __scopeTooltip: e, ...r } = t, n = P(R, e), c = D(R, e), s = _(e), f = a.useRef(null), i = A(o, f, n.onTriggerChange), u = a.useRef(!1), l = a.useRef(!1), p = a.useCallback(() => u.current = !1, []);
-    return a.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ v.jsx(B, { asChild: !0, ...s, children: /* @__PURE__ */ v.jsx(
-      q.button,
+ge.displayName = te;
+var _ = "MenuContent", [xt, ne] = w(_), Re = r.forwardRef(
+  (e, n) => {
+    const t = _e(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = S(_, e.__scopeMenu), d = L(_, e.__scopeMenu);
+    return /* @__PURE__ */ u.jsx(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(H, { present: o || c.open, children: /* @__PURE__ */ u.jsx(O.Slot, { scope: e.__scopeMenu, children: d.modal ? /* @__PURE__ */ u.jsx(_t, { ...a, ref: n }) : /* @__PURE__ */ u.jsx(gt, { ...a, ref: n }) }) }) });
+  }
+), _t = r.forwardRef(
+  (e, n) => {
+    const t = S(_, e.__scopeMenu), o = r.useRef(null), a = k(n, o);
+    return r.useEffect(() => {
+      const c = o.current;
+      if (c) return at(c);
+    }, []), /* @__PURE__ */ u.jsx(
+      oe,
       {
-        "aria-describedby": n.open ? n.contentId : void 0,
-        "data-state": n.stateAttribute,
-        ...r,
-        ref: i,
-        onPointerMove: T(t.onPointerMove, (d) => {
-          d.pointerType !== "touch" && !l.current && !c.isPointerInTransitRef.current && (n.onTriggerEnter(), l.current = !0);
-        }),
-        onPointerLeave: T(t.onPointerLeave, () => {
-          n.onTriggerLeave(), l.current = !1;
-        }),
-        onPointerDown: T(t.onPointerDown, () => {
-          n.open && n.onClose(), u.current = !0, document.addEventListener("pointerup", p, { once: !0 });
-        }),
-        onFocus: T(t.onFocus, () => {
-          u.current || n.onOpen();
+        ...e,
+        ref: a,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: t.open,
+        disableOutsideScroll: !0,
+        onFocusOutside: v(
+          e.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        ),
+        onDismiss: () => t.onOpenChange(!1)
+      }
+    );
+  }
+), gt = r.forwardRef((e, n) => {
+  const t = S(_, e.__scopeMenu);
+  return /* @__PURE__ */ u.jsx(
+    oe,
+    {
+      ...e,
+      ref: n,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      disableOutsideScroll: !1,
+      onDismiss: () => t.onOpenChange(!1)
+    }
+  );
+}), Rt = st("MenuContent.ScrollLock"), oe = r.forwardRef(
+  (e, n) => {
+    const {
+      __scopeMenu: t,
+      loop: o = !1,
+      trapFocus: a,
+      onOpenAutoFocus: c,
+      onCloseAutoFocus: d,
+      disableOutsidePointerEvents: p,
+      onEntryFocus: M,
+      onEscapeKeyDown: m,
+      onPointerDownOutside: f,
+      onFocusOutside: s,
+      onInteractOutside: l,
+      onDismiss: C,
+      disableOutsideScroll: h,
+      ...E
+    } = e, I = S(_, t), T = L(_, t), K = W(t), G = Ce(t), ae = mt(t), [Ke, ue] = r.useState(null), U = r.useRef(null), Ge = k(n, U, I.onContentChange), B = r.useRef(0), V = r.useRef(""), Ue = r.useRef(0), Z = r.useRef(null), ie = r.useRef("right"), $ = r.useRef(0), Be = h ? ut : r.Fragment, Ve = h ? { as: Rt, allowPinchZoom: !0 } : void 0, Ye = (i) => {
+      var b, de;
+      const x = V.current + i, g = ae().filter((R) => !R.disabled), P = document.activeElement, q = (b = g.find((R) => R.ref.current === P)) == null ? void 0 : b.textValue, J = g.map((R) => R.textValue), le = Dt(J, x, q), A = (de = g.find((R) => R.textValue === le)) == null ? void 0 : de.ref.current;
+      (function R(fe) {
+        V.current = fe, window.clearTimeout(B.current), fe !== "" && (B.current = window.setTimeout(() => R(""), 1e3));
+      })(x), A && setTimeout(() => A.focus());
+    };
+    r.useEffect(() => () => window.clearTimeout(B.current), []), $e();
+    const y = r.useCallback((i) => {
+      var g, P;
+      return ie.current === ((g = Z.current) == null ? void 0 : g.side) && Nt(i, (P = Z.current) == null ? void 0 : P.area);
+    }, []);
+    return /* @__PURE__ */ u.jsx(
+      xt,
+      {
+        scope: t,
+        searchRef: V,
+        onItemEnter: r.useCallback(
+          (i) => {
+            y(i) && i.preventDefault();
+          },
+          [y]
+        ),
+        onItemLeave: r.useCallback(
+          (i) => {
+            var x;
+            y(i) || ((x = U.current) == null || x.focus(), ue(null));
+          },
+          [y]
+        ),
+        onTriggerLeave: r.useCallback(
+          (i) => {
+            y(i) && i.preventDefault();
+          },
+          [y]
+        ),
+        pointerGraceTimerRef: Ue,
+        onPointerGraceIntentChange: r.useCallback((i) => {
+          Z.current = i;
+        }, []),
+        children: /* @__PURE__ */ u.jsx(Be, { ...Ve, children: /* @__PURE__ */ u.jsx(
+          qe,
+          {
+            asChild: !0,
+            trapped: a,
+            onMountAutoFocus: v(c, (i) => {
+              var x;
+              i.preventDefault(), (x = U.current) == null || x.focus({ preventScroll: !0 });
+            }),
+            onUnmountAutoFocus: d,
+            children: /* @__PURE__ */ u.jsx(
+              Ze,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: p,
+                onEscapeKeyDown: m,
+                onPointerDownOutside: f,
+                onFocusOutside: s,
+                onInteractOutside: l,
+                onDismiss: C,
+                children: /* @__PURE__ */ u.jsx(
+                  ct,
+                  {
+                    asChild: !0,
+                    ...G,
+                    dir: T.dir,
+                    orientation: "vertical",
+                    loop: o,
+                    currentTabStopId: Ke,
+                    onCurrentTabStopIdChange: ue,
+                    onEntryFocus: v(M, (i) => {
+                      T.isUsingKeyboardRef.current || i.preventDefault();
+                    }),
+                    preventScrollOnEntryFocus: !0,
+                    children: /* @__PURE__ */ u.jsx(
+                      et,
+                      {
+                        role: "menu",
+                        "aria-orientation": "vertical",
+                        "data-state": Le(I.open),
+                        "data-radix-menu-content": "",
+                        dir: T.dir,
+                        ...K,
+                        ...E,
+                        ref: Ge,
+                        style: { outline: "none", ...E.style },
+                        onKeyDown: v(E.onKeyDown, (i) => {
+                          const g = i.target.closest("[data-radix-menu-content]") === i.currentTarget, P = i.ctrlKey || i.altKey || i.metaKey, q = i.key.length === 1;
+                          g && (i.key === "Tab" && i.preventDefault(), !P && q && Ye(i.key));
+                          const J = U.current;
+                          if (i.target !== J || !lt.includes(i.key)) return;
+                          i.preventDefault();
+                          const A = ae().filter((b) => !b.disabled).map((b) => b.ref.current);
+                          he.includes(i.key) && A.reverse(), jt(A);
+                        }),
+                        onBlur: v(e.onBlur, (i) => {
+                          i.currentTarget.contains(i.target) || (window.clearTimeout(B.current), V.current = "");
+                        }),
+                        onPointerMove: v(
+                          e.onPointerMove,
+                          D((i) => {
+                            const x = i.target, g = $.current !== i.clientX;
+                            if (i.currentTarget.contains(x) && g) {
+                              const P = i.clientX > $.current ? "right" : "left";
+                              ie.current = P, $.current = i.clientX;
+                            }
+                          })
+                        )
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+Re.displayName = _;
+var Pt = "MenuGroup", re = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e;
+    return /* @__PURE__ */ u.jsx(N.div, { role: "group", ...o, ref: n });
+  }
+);
+re.displayName = Pt;
+var Et = "MenuLabel", Pe = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e;
+    return /* @__PURE__ */ u.jsx(N.div, { ...o, ref: n });
+  }
+);
+Pe.displayName = Et;
+var Y = "MenuItem", me = "menu.itemSelect", z = r.forwardRef(
+  (e, n) => {
+    const { disabled: t = !1, onSelect: o, ...a } = e, c = r.useRef(null), d = L(Y, e.__scopeMenu), p = ne(Y, e.__scopeMenu), M = k(n, c), m = r.useRef(!1), f = () => {
+      const s = c.current;
+      if (!t && s) {
+        const l = new CustomEvent(me, { bubbles: !0, cancelable: !0 });
+        s.addEventListener(me, (C) => o == null ? void 0 : o(C), { once: !0 }), ot(s, l), l.defaultPrevented ? m.current = !1 : d.onClose();
+      }
+    };
+    return /* @__PURE__ */ u.jsx(
+      Ee,
+      {
+        ...a,
+        ref: M,
+        disabled: t,
+        onClick: v(e.onClick, f),
+        onPointerDown: (s) => {
+          var l;
+          (l = e.onPointerDown) == null || l.call(e, s), m.current = !0;
+        },
+        onPointerUp: v(e.onPointerUp, (s) => {
+          var l;
+          m.current || (l = s.currentTarget) == null || l.click();
         }),
-        onBlur: T(t.onBlur, n.onClose),
-        onClick: T(t.onClick, n.onClose)
+        onKeyDown: v(e.onKeyDown, (s) => {
+          const l = p.searchRef.current !== "";
+          t || l && s.key === " " || Q.includes(s.key) && (s.currentTarget.click(), s.preventDefault());
+        })
+      }
+    );
+  }
+);
+z.displayName = Y;
+var Ee = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, disabled: o = !1, textValue: a, ...c } = e, d = ne(Y, t), p = Ce(t), M = r.useRef(null), m = k(n, M), [f, s] = r.useState(!1), [l, C] = r.useState("");
+    return r.useEffect(() => {
+      const h = M.current;
+      h && C((h.textContent ?? "").trim());
+    }, [c.children]), /* @__PURE__ */ u.jsx(
+      O.ItemSlot,
+      {
+        scope: t,
+        disabled: o,
+        textValue: a ?? l,
+        children: /* @__PURE__ */ u.jsx(rt, { asChild: !0, ...p, focusable: !o, children: /* @__PURE__ */ u.jsx(
+          N.div,
+          {
+            role: "menuitem",
+            "data-highlighted": f ? "" : void 0,
+            "aria-disabled": o || void 0,
+            "data-disabled": o ? "" : void 0,
+            ...c,
+            ref: m,
+            onPointerMove: v(
+              e.onPointerMove,
+              D((h) => {
+                o ? d.onItemLeave(h) : (d.onItemEnter(h), h.defaultPrevented || h.currentTarget.focus({ preventScroll: !0 }));
+              })
+            ),
+            onPointerLeave: v(
+              e.onPointerLeave,
+              D((h) => d.onItemLeave(h))
+            ),
+            onFocus: v(e.onFocus, () => s(!0)),
+            onBlur: v(e.onBlur, () => s(!1))
+          }
+        ) })
+      }
+    );
+  }
+), wt = "MenuCheckboxItem", we = r.forwardRef(
+  (e, n) => {
+    const { checked: t = !1, onCheckedChange: o, ...a } = e;
+    return /* @__PURE__ */ u.jsx(Te, { scope: e.__scopeMenu, checked: t, children: /* @__PURE__ */ u.jsx(
+      z,
+      {
+        role: "menuitemcheckbox",
+        "aria-checked": X(t) ? "mixed" : t,
+        ...a,
+        ref: n,
+        "data-state": se(t),
+        onSelect: v(
+          a.onSelect,
+          () => o == null ? void 0 : o(X(t) ? !0 : !t),
+          { checkForDefaultPrevented: !1 }
+        )
       }
     ) });
   }
 );
-J.displayName = R;
-var Q = "TooltipPortal", [Ee, Z] = E(Q, {
-  forceMount: void 0
-}), C = "TooltipContent", $ = a.forwardRef(
-  (t, o) => {
-    const e = Z(C, t.__scopeTooltip), { forceMount: r = e.forceMount, side: n = "top", ...c } = t, s = P(C, t.__scopeTooltip);
-    return /* @__PURE__ */ v.jsx(Y, { present: r || s.open, children: s.disableHoverableContent ? /* @__PURE__ */ v.jsx(I, { side: n, ...c, ref: o }) : /* @__PURE__ */ v.jsx(ee, { side: n, ...c, ref: o }) });
+we.displayName = wt;
+var Se = "MenuRadioGroup", [St, It] = w(
+  Se,
+  { value: void 0, onValueChange: () => {
+  } }
+), Ie = r.forwardRef(
+  (e, n) => {
+    const { value: t, onValueChange: o, ...a } = e, c = Me(o);
+    return /* @__PURE__ */ u.jsx(St, { scope: e.__scopeMenu, value: t, onValueChange: c, children: /* @__PURE__ */ u.jsx(re, { ...a, ref: n }) });
   }
-), ee = a.forwardRef((t, o) => {
-  const e = P(C, t.__scopeTooltip), r = D(C, t.__scopeTooltip), n = a.useRef(null), c = A(o, n), [s, f] = a.useState(null), { trigger: i, onClose: u } = e, l = n.current, { onPointerInTransitChange: p } = r, d = a.useCallback(() => {
-    f(null), p(!1);
-  }, [p]), h = a.useCallback(
-    (x, m) => {
-      const y = x.currentTarget, g = { x: x.clientX, y: x.clientY }, b = se(g, y.getBoundingClientRect()), w = ie(g, b), H = ae(m.getBoundingClientRect()), S = le([...w, ...H]);
-      f(S), p(!0);
-    },
-    [p]
-  );
-  return a.useEffect(() => () => d(), [d]), a.useEffect(() => {
-    if (i && l) {
-      const x = (y) => h(y, l), m = (y) => h(y, i);
-      return i.addEventListener("pointerleave", x), l.addEventListener("pointerleave", m), () => {
-        i.removeEventListener("pointerleave", x), l.removeEventListener("pointerleave", m);
-      };
-    }
-  }, [i, l, h, d]), a.useEffect(() => {
-    if (s) {
-      const x = (m) => {
-        const y = m.target, g = { x: m.clientX, y: m.clientY }, b = (i == null ? void 0 : i.contains(y)) || (l == null ? void 0 : l.contains(y)), w = !ce(g, s);
-        b ? d() : w && (d(), u());
-      };
-      return document.addEventListener("pointermove", x), () => document.removeEventListener("pointermove", x);
-    }
-  }, [i, l, s, u, d]), /* @__PURE__ */ v.jsx(I, { ...t, ref: c });
-}), [te, oe] = E(M, { isInside: !1 }), re = X("TooltipContent"), I = a.forwardRef(
-  (t, o) => {
-    const {
-      __scopeTooltip: e,
-      children: r,
-      "aria-label": n,
-      onEscapeKeyDown: c,
-      onPointerDownOutside: s,
-      ...f
-    } = t, i = P(C, e), u = _(e), { onClose: l } = i;
-    return a.useEffect(() => (document.addEventListener(L, l), () => document.removeEventListener(L, l)), [l]), a.useEffect(() => {
-      if (i.trigger) {
-        const p = (d) => {
-          const h = d.target;
-          h != null && h.contains(i.trigger) && l();
-        };
-        return window.addEventListener("scroll", p, { capture: !0 }), () => window.removeEventListener("scroll", p, { capture: !0 });
+);
+Ie.displayName = Se;
+var ye = "MenuRadioItem", be = r.forwardRef(
+  (e, n) => {
+    const { value: t, ...o } = e, a = It(ye, e.__scopeMenu), c = t === a.value;
+    return /* @__PURE__ */ u.jsx(Te, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ u.jsx(
+      z,
+      {
+        role: "menuitemradio",
+        "aria-checked": c,
+        ...o,
+        ref: n,
+        "data-state": se(c),
+        onSelect: v(
+          o.onSelect,
+          () => {
+            var d;
+            return (d = a.onValueChange) == null ? void 0 : d.call(a, t);
+          },
+          { checkForDefaultPrevented: !1 }
+        )
       }
-    }, [i.trigger, l]), /* @__PURE__ */ v.jsx(
-      F,
+    ) });
+  }
+);
+be.displayName = ye;
+var ce = "MenuItemIndicator", [Te, yt] = w(
+  ce,
+  { checked: !1 }
+), Ae = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, forceMount: o, ...a } = e, c = yt(ce, t);
+    return /* @__PURE__ */ u.jsx(
+      H,
       {
-        asChild: !0,
-        disableOutsidePointerEvents: !1,
-        onEscapeKeyDown: c,
-        onPointerDownOutside: s,
-        onFocusOutside: (p) => p.preventDefault(),
-        onDismiss: l,
-        children: /* @__PURE__ */ v.jsxs(
-          U,
+        present: o || X(c.checked) || c.checked === !0,
+        children: /* @__PURE__ */ u.jsx(
+          N.span,
           {
-            "data-state": i.stateAttribute,
-            ...u,
-            ...f,
-            ref: o,
-            style: {
-              ...f.style,
-              "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
-              "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
-              "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
-              "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
-              "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
-            },
-            children: [
-              /* @__PURE__ */ v.jsx(re, { children: r }),
-              /* @__PURE__ */ v.jsx(te, { scope: e, isInside: !0, children: /* @__PURE__ */ v.jsx(K, { id: i.contentId, role: "tooltip", children: n || r }) })
-            ]
+            ...a,
+            ref: n,
+            "data-state": se(c.checked)
           }
         )
       }
     );
   }
 );
-$.displayName = C;
-var N = "TooltipArrow", ne = a.forwardRef(
-  (t, o) => {
-    const { __scopeTooltip: e, ...r } = t, n = _(e);
-    return oe(
-      N,
-      e
-    ).isInside ? null : /* @__PURE__ */ v.jsx(V, { ...n, ...r, ref: o });
+Ae.displayName = ce;
+var bt = "MenuSeparator", je = 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 = N;
-function se(t, o) {
-  const e = Math.abs(o.top - t.y), r = Math.abs(o.bottom - t.y), n = Math.abs(o.right - t.x), c = Math.abs(o.left - t.x);
-  switch (Math.min(e, r, n, c)) {
-    case c:
-      return "left";
-    case n:
-      return "right";
-    case e:
-      return "top";
-    case r:
-      return "bottom";
-    default:
-      throw new Error("unreachable");
+je.displayName = bt;
+var Tt = "MenuArrow", Oe = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e, a = W(t);
+    return /* @__PURE__ */ u.jsx(tt, { ...a, ...o, ref: n });
   }
-}
-function ie(t, o, e = 5) {
-  const r = [];
-  switch (o) {
-    case "top":
-      r.push(
-        { x: t.x - e, y: t.y + e },
-        { x: t.x + e, y: t.y + e }
-      );
-      break;
-    case "bottom":
-      r.push(
-        { x: t.x - e, y: t.y - e },
-        { x: t.x + e, y: t.y - e }
-      );
-      break;
-    case "left":
-      r.push(
-        { x: t.x + e, y: t.y - e },
-        { x: t.x + e, y: t.y + e }
-      );
-      break;
-    case "right":
-      r.push(
-        { x: t.x - e, y: t.y - e },
-        { x: t.x - e, y: t.y + e }
-      );
-      break;
+);
+Oe.displayName = Tt;
+var At = "MenuSub", [nn, De] = w(At), j = "MenuSubTrigger", ke = r.forwardRef(
+  (e, n) => {
+    const t = S(j, e.__scopeMenu), o = L(j, e.__scopeMenu), a = De(j, e.__scopeMenu), c = ne(j, e.__scopeMenu), d = r.useRef(null), { pointerGraceTimerRef: p, onPointerGraceIntentChange: M } = c, m = { __scopeMenu: e.__scopeMenu }, f = r.useCallback(() => {
+      d.current && window.clearTimeout(d.current), d.current = null;
+    }, []);
+    return r.useEffect(() => f, [f]), r.useEffect(() => {
+      const s = p.current;
+      return () => {
+        window.clearTimeout(s), M(null);
+      };
+    }, [p, M]), /* @__PURE__ */ u.jsx(ee, { asChild: !0, ...m, children: /* @__PURE__ */ u.jsx(
+      Ee,
+      {
+        id: a.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": t.open,
+        "aria-controls": a.contentId,
+        "data-state": Le(t.open),
+        ...e,
+        ref: He(n, a.onTriggerChange),
+        onClick: (s) => {
+          var l;
+          (l = e.onClick) == null || l.call(e, s), !(e.disabled || s.defaultPrevented) && (s.currentTarget.focus(), t.open || t.onOpenChange(!0));
+        },
+        onPointerMove: v(
+          e.onPointerMove,
+          D((s) => {
+            c.onItemEnter(s), !s.defaultPrevented && !e.disabled && !t.open && !d.current && (c.onPointerGraceIntentChange(null), d.current = window.setTimeout(() => {
+              t.onOpenChange(!0), f();
+            }, 100));
+          })
+        ),
+        onPointerLeave: v(
+          e.onPointerLeave,
+          D((s) => {
+            var C, h;
+            f();
+            const l = (C = t.content) == null ? void 0 : C.getBoundingClientRect();
+            if (l) {
+              const E = (h = t.content) == null ? void 0 : h.dataset.side, I = E === "right", T = I ? -5 : 5, K = l[I ? "left" : "right"], G = l[I ? "right" : "left"];
+              c.onPointerGraceIntentChange({
+                area: [
+                  // Apply a bleed on clientX to ensure that our exit point is
+                  // consistently within polygon bounds
+                  { x: s.clientX + T, y: s.clientY },
+                  { x: K, y: l.top },
+                  { x: G, y: l.top },
+                  { x: G, y: l.bottom },
+                  { x: K, y: l.bottom }
+                ],
+                side: E
+              }), window.clearTimeout(p.current), p.current = window.setTimeout(
+                () => c.onPointerGraceIntentChange(null),
+                300
+              );
+            } else {
+              if (c.onTriggerLeave(s), s.defaultPrevented) return;
+              c.onPointerGraceIntentChange(null);
+            }
+          })
+        ),
+        onKeyDown: v(e.onKeyDown, (s) => {
+          var C;
+          const l = c.searchRef.current !== "";
+          e.disabled || l && s.key === " " || dt[o.dir].includes(s.key) && (t.onOpenChange(!0), (C = t.content) == null || C.focus(), s.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+ke.displayName = j;
+var Ne = "MenuSubContent", Fe = r.forwardRef(
+  (e, n) => {
+    const t = _e(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = S(_, e.__scopeMenu), d = L(_, e.__scopeMenu), p = De(Ne, e.__scopeMenu), M = r.useRef(null), m = k(n, M);
+    return /* @__PURE__ */ u.jsx(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(H, { present: o || c.open, children: /* @__PURE__ */ u.jsx(O.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(
+      oe,
+      {
+        id: p.contentId,
+        "aria-labelledby": p.triggerId,
+        ...a,
+        ref: m,
+        align: "start",
+        side: d.dir === "rtl" ? "left" : "right",
+        disableOutsidePointerEvents: !1,
+        disableOutsideScroll: !1,
+        trapFocus: !1,
+        onOpenAutoFocus: (f) => {
+          var s;
+          d.isUsingKeyboardRef.current && ((s = M.current) == null || s.focus()), f.preventDefault();
+        },
+        onCloseAutoFocus: (f) => f.preventDefault(),
+        onFocusOutside: v(e.onFocusOutside, (f) => {
+          f.target !== p.trigger && c.onOpenChange(!1);
+        }),
+        onEscapeKeyDown: v(e.onEscapeKeyDown, (f) => {
+          d.onClose(), f.preventDefault();
+        }),
+        onKeyDown: v(e.onKeyDown, (f) => {
+          var C;
+          const s = f.currentTarget.contains(f.target), l = ft[d.dir].includes(f.key);
+          s && l && (c.onOpenChange(!1), (C = p.trigger) == null || C.focus(), f.preventDefault());
+        })
+      }
+    ) }) }) });
   }
-  return r;
+);
+Fe.displayName = Ne;
+function Le(e) {
+  return e ? "open" : "closed";
 }
-function ae(t) {
-  const { top: o, right: e, bottom: r, left: n } = t;
-  return [
-    { x: n, y: o },
-    { x: e, y: o },
-    { x: e, y: r },
-    { x: n, y: r }
-  ];
+function X(e) {
+  return e === "indeterminate";
 }
-function ce(t, o) {
-  const { x: e, y: r } = t;
-  let n = !1;
-  for (let c = 0, s = o.length - 1; c < o.length; s = c++) {
-    const f = o[c], i = o[s], u = f.x, l = f.y, p = i.x, d = i.y;
-    l > r != d > r && e < (p - u) * (r - l) / (d - l) + u && (n = !n);
-  }
-  return n;
+function se(e) {
+  return X(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-function le(t) {
-  const o = t.slice();
-  return o.sort((e, r) => e.x < r.x ? -1 : e.x > r.x ? 1 : e.y < r.y ? -1 : e.y > r.y ? 1 : 0), ue(o);
+function jt(e) {
+  const n = document.activeElement;
+  for (const t of e)
+    if (t === n || (t.focus(), document.activeElement !== n)) return;
 }
-function ue(t) {
-  if (t.length <= 1) return t.slice();
-  const o = [];
-  for (let r = 0; r < t.length; r++) {
-    const n = t[r];
-    for (; o.length >= 2; ) {
-      const c = o[o.length - 1], s = o[o.length - 2];
-      if ((c.x - s.x) * (n.y - s.y) >= (c.y - s.y) * (n.x - s.x)) o.pop();
-      else break;
-    }
-    o.push(n);
-  }
-  o.pop();
-  const e = [];
-  for (let r = t.length - 1; r >= 0; r--) {
-    const n = t[r];
-    for (; e.length >= 2; ) {
-      const c = e[e.length - 1], s = e[e.length - 2];
-      if ((c.x - s.x) * (n.y - s.y) >= (c.y - s.y) * (n.x - s.x)) e.pop();
-      else break;
-    }
-    e.push(n);
+function Ot(e, n) {
+  return e.map((t, o) => e[(n + o) % e.length]);
+}
+function Dt(e, n, t) {
+  const a = n.length > 1 && Array.from(n).every((m) => m === n[0]) ? n[0] : n, c = t ? e.indexOf(t) : -1;
+  let d = Ot(e, Math.max(c, 0));
+  a.length === 1 && (d = d.filter((m) => m !== t));
+  const M = d.find(
+    (m) => m.toLowerCase().startsWith(a.toLowerCase())
+  );
+  return M !== t ? M : void 0;
+}
+function kt(e, n) {
+  const { x: t, y: o } = e;
+  let a = !1;
+  for (let c = 0, d = n.length - 1; c < n.length; d = c++) {
+    const p = n[c], M = n[d], m = p.x, f = p.y, s = M.x, l = M.y;
+    f > o != l > o && t < (s - m) * (o - f) / (l - f) + m && (a = !a);
   }
-  return e.pop(), o.length === 1 && e.length === 1 && o[0].x === e[0].x && o[0].y === e[0].y ? o : o.concat(e);
+  return a;
+}
+function Nt(e, n) {
+  if (!n) return !1;
+  const t = { x: e.clientX, y: e.clientY };
+  return kt(t, n);
+}
+function D(e) {
+  return (n) => n.pointerType === "mouse" ? e(n) : void 0;
 }
-var Pe = O;
+var on = xe, rn = ee, cn = ge, sn = Re, an = re, un = Pe, ln = z, dn = we, fn = Ie, mn = be, pn = Ae, vn = je, Mn = Oe, hn = ke, Cn = Fe;
 export {
-  Pe as Provider,
-  ne as TooltipArrow,
-  $ as TooltipContent,
-  O as TooltipProvider,
-  J as TooltipTrigger
+  rn as Anchor,
+  Mn as Arrow,
+  dn as CheckboxItem,
+  sn as Content,
+  an as Group,
+  ln as Item,
+  pn as ItemIndicator,
+  un as Label,
+  xe as Menu,
+  ee as MenuAnchor,
+  Oe as MenuArrow,
+  we as MenuCheckboxItem,
+  Re as MenuContent,
+  re as MenuGroup,
+  z as MenuItem,
+  Ae as MenuItemIndicator,
+  Pe as MenuLabel,
+  ge as MenuPortal,
+  Ie as MenuRadioGroup,
+  be as MenuRadioItem,
+  je as MenuSeparator,
+  Fe as MenuSubContent,
+  ke as MenuSubTrigger,
+  cn as Portal,
+  fn as RadioGroup,
+  mn as RadioItem,
+  on as Root,
+  vn as Separator,
+  Cn as SubContent,
+  hn as SubTrigger,
+  tn as createMenuScope
 };
 //# sourceMappingURL=index.es576.js.map