@thanh-libs/menu 0.0.2

package/dist/index.js

@@ -0,0 +1,2413 @@
+import { jsxs as $e, jsx as O, Fragment as In } from "react/jsx-runtime";
+import * as d from "react";
+import { useLayoutEffect as Tn, createContext as Xt, useContext as Be, useRef as Re, useCallback as J, useEffect as qe, forwardRef as Ae, useMemo as gt, useState as Ye, useId as bt } from "react";
+import * as kn from "react-dom";
+import { useTheme as de } from "@emotion/react";
+import re from "@emotion/styled";
+import { useFloatingPosition as Mn } from "@thanh-libs/dialog";
+function Je() {
+  return typeof window < "u";
+}
+function Qe(e) {
+  return vt(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function De(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function Pn(e) {
+  var t;
+  return (t = (vt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function vt(e) {
+  return Je() ? e instanceof Node || e instanceof De(e).Node : !1;
+}
+function ge(e) {
+  return Je() ? e instanceof Element || e instanceof De(e).Element : !1;
+}
+function fe(e) {
+  return Je() ? e instanceof HTMLElement || e instanceof De(e).HTMLElement : !1;
+}
+function Fe(e) {
+  return !Je() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof De(e).ShadowRoot;
+}
+function jt(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: r,
+    display: o
+  } = Gt(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && o !== "inline" && o !== "contents";
+}
+let rt;
+function An() {
+  return rt == null && (rt = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), rt;
+}
+function Ue(e) {
+  return /^(html|body|#document)$/.test(Qe(e));
+}
+function Gt(e) {
+  return De(e).getComputedStyle(e);
+}
+function Zt(e) {
+  if (Qe(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    Fe(e) && e.host || // Fallback.
+    Pn(e)
+  );
+  return Fe(t) ? t.host : t;
+}
+function zt(e) {
+  const t = Zt(e);
+  return Ue(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : fe(t) && jt(t) ? t : zt(t);
+}
+function Oe(e, t, n) {
+  var r;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const o = zt(e), s = o === ((r = e.ownerDocument) == null ? void 0 : r.body), i = De(o);
+  if (s) {
+    const u = Dn(i);
+    return t.concat(i, i.visualViewport || [], jt(o) ? o : [], u && n ? Oe(u) : []);
+  } else
+    return t.concat(o, Oe(o, [], n));
+}
+function Dn(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+var On = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], Xe = /* @__PURE__ */ On.join(","), Jt = typeof Element > "u", ke = Jt ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, je = !Jt && Element.prototype.getRootNode ? function(e) {
+  var t;
+  return e == null || (t = e.getRootNode) === null || t === void 0 ? void 0 : t.call(e);
+} : function(e) {
+  return e?.ownerDocument;
+}, Ge = function(t, n) {
+  var r;
+  n === void 0 && (n = !0);
+  var o = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), s = o === "" || o === "true", i = s || n && t && // closest does not exist on shadow roots, so we fall back to a manual
+  // lookup upward, in case it is not defined.
+  (typeof t.closest == "function" ? t.closest("[inert]") : Ge(t.parentNode));
+  return i;
+}, Nn = function(t) {
+  var n, r = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "contenteditable");
+  return r === "" || r === "true";
+}, Qt = function(t, n, r) {
+  if (Ge(t))
+    return [];
+  var o = Array.prototype.slice.apply(t.querySelectorAll(Xe));
+  return n && ke.call(t, Xe) && o.unshift(t), o = o.filter(r), o;
+}, Ze = function(t, n, r) {
+  for (var o = [], s = Array.from(t); s.length; ) {
+    var i = s.shift();
+    if (!Ge(i, !1))
+      if (i.tagName === "SLOT") {
+        var u = i.assignedElements(), l = u.length ? u : i.children, c = Ze(l, !0, r);
+        r.flatten ? o.push.apply(o, c) : o.push({
+          scopeParent: i,
+          candidates: c
+        });
+      } else {
+        var p = ke.call(i, Xe);
+        p && r.filter(i) && (n || !t.includes(i)) && o.push(i);
+        var g = i.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(i), v = !Ge(g, !1) && (!r.shadowRootFilter || r.shadowRootFilter(i));
+        if (g && v) {
+          var h = Ze(g === !0 ? i.children : g.children, !0, r);
+          r.flatten ? o.push.apply(o, h) : o.push({
+            scopeParent: i,
+            candidates: h
+          });
+        } else
+          s.unshift.apply(s, i.children);
+      }
+  }
+  return o;
+}, en = function(t) {
+  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
+}, tn = function(t) {
+  if (!t)
+    throw new Error("No node provided");
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || Nn(t)) && !en(t) ? 0 : t.tabIndex;
+}, Ln = function(t, n) {
+  var r = tn(t);
+  return r < 0 && n && !en(t) ? 0 : r;
+}, Fn = function(t, n) {
+  return t.tabIndex === n.tabIndex ? t.documentOrder - n.documentOrder : t.tabIndex - n.tabIndex;
+}, nn = function(t) {
+  return t.tagName === "INPUT";
+}, _n = function(t) {
+  return nn(t) && t.type === "hidden";
+}, $n = function(t) {
+  var n = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
+    return r.tagName === "SUMMARY";
+  });
+  return n;
+}, Bn = function(t, n) {
+  for (var r = 0; r < t.length; r++)
+    if (t[r].checked && t[r].form === n)
+      return t[r];
+}, Kn = function(t) {
+  if (!t.name)
+    return !0;
+  var n = t.form || je(t), r = function(u) {
+    return n.querySelectorAll('input[type="radio"][name="' + u + '"]');
+  }, o;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    o = r(window.CSS.escape(t.name));
+  else
+    try {
+      o = r(t.name);
+    } catch (i) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", i.message), !1;
+    }
+  var s = Bn(o, t.form);
+  return !s || s === t;
+}, Wn = function(t) {
+  return nn(t) && t.type === "radio";
+}, Hn = function(t) {
+  return Wn(t) && !Kn(t);
+}, Vn = function(t) {
+  var n, r = t && je(t), o = (n = r) === null || n === void 0 ? void 0 : n.host, s = !1;
+  if (r && r !== t) {
+    var i, u, l;
+    for (s = !!((i = o) !== null && i !== void 0 && (u = i.ownerDocument) !== null && u !== void 0 && u.contains(o) || t != null && (l = t.ownerDocument) !== null && l !== void 0 && l.contains(t)); !s && o; ) {
+      var c, p, g;
+      r = je(o), o = (c = r) === null || c === void 0 ? void 0 : c.host, s = !!((p = o) !== null && p !== void 0 && (g = p.ownerDocument) !== null && g !== void 0 && g.contains(o));
+    }
+  }
+  return s;
+}, St = function(t) {
+  var n = t.getBoundingClientRect(), r = n.width, o = n.height;
+  return r === 0 && o === 0;
+}, Un = function(t, n) {
+  var r = n.displayCheck, o = n.getShadowRoot;
+  if (r === "full-native" && "checkVisibility" in t) {
+    var s = t.checkVisibility({
+      // Checking opacity might be desirable for some use cases, but natively,
+      // opacity zero elements _are_ focusable and tabbable.
+      checkOpacity: !1,
+      opacityProperty: !1,
+      contentVisibilityAuto: !0,
+      visibilityProperty: !0,
+      // This is an alias for `visibilityProperty`. Contemporary browsers
+      // support both. However, this alias has wider browser support (Chrome
+      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+      // we include it anyway.
+      checkVisibilityCSS: !0
+    });
+    return !s;
+  }
+  if (getComputedStyle(t).visibility === "hidden")
+    return !0;
+  var i = ke.call(t, "details>summary:first-of-type"), u = i ? t.parentElement : t;
+  if (ke.call(u, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  r === "full-native" || r === "legacy-full") {
+    if (typeof o == "function") {
+      for (var l = t; t; ) {
+        var c = t.parentElement, p = je(t);
+        if (c && !c.shadowRoot && o(c) === !0)
+          return St(t);
+        t.assignedSlot ? t = t.assignedSlot : !c && p !== t.ownerDocument ? t = p.host : t = c;
+      }
+      t = l;
+    }
+    if (Vn(t))
+      return !t.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return St(t);
+  return !1;
+}, qn = function(t) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
+    for (var n = t.parentElement; n; ) {
+      if (n.tagName === "FIELDSET" && n.disabled) {
+        for (var r = 0; r < n.children.length; r++) {
+          var o = n.children.item(r);
+          if (o.tagName === "LEGEND")
+            return ke.call(n, "fieldset[disabled] *") ? !0 : !o.contains(t);
+        }
+        return !0;
+      }
+      n = n.parentElement;
+    }
+  return !1;
+}, ft = function(t, n) {
+  return !(n.disabled || _n(n) || Un(n, t) || // For a details element with a summary, the summary element gets the focus
+  $n(n) || qn(n));
+}, dt = function(t, n) {
+  return !(Hn(n) || tn(n) < 0 || !ft(t, n));
+}, Yn = function(t) {
+  var n = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(n) || n >= 0);
+}, rn = function(t) {
+  var n = [], r = [];
+  return t.forEach(function(o, s) {
+    var i = !!o.scopeParent, u = i ? o.scopeParent : o, l = Ln(u, i), c = i ? rn(o.candidates) : u;
+    l === 0 ? i ? n.push.apply(n, c) : n.push(u) : r.push({
+      documentOrder: s,
+      tabIndex: l,
+      item: o,
+      isScope: i,
+      content: c
+    });
+  }), r.sort(Fn).reduce(function(o, s) {
+    return s.isScope ? o.push.apply(o, s.content) : o.push(s.content), o;
+  }, []).concat(n);
+}, et = function(t, n) {
+  n = n || {};
+  var r;
+  return n.getShadowRoot ? r = Ze([t], n.includeContainer, {
+    filter: dt.bind(null, n),
+    flatten: !1,
+    getShadowRoot: n.getShadowRoot,
+    shadowRootFilter: Yn
+  }) : r = Qt(t, n.includeContainer, dt.bind(null, n)), rn(r);
+}, Xn = function(t, n) {
+  n = n || {};
+  var r;
+  return n.getShadowRoot ? r = Ze([t], n.includeContainer, {
+    filter: ft.bind(null, n),
+    flatten: !0,
+    getShadowRoot: n.getShadowRoot
+  }) : r = Qt(t, n.includeContainer, ft.bind(null, n)), r;
+}, on = function(t, n) {
+  if (n = n || {}, !t)
+    throw new Error("No node provided");
+  return ke.call(t, Xe) === !1 ? !1 : dt(n, t);
+};
+function jn() {
+  const e = navigator.userAgentData;
+  return e != null && e.platform ? e.platform : navigator.platform;
+}
+function sn() {
+  const e = navigator.userAgentData;
+  return e && Array.isArray(e.brands) ? e.brands.map((t) => {
+    let {
+      brand: n,
+      version: r
+    } = t;
+    return n + "/" + r;
+  }).join(" ") : navigator.userAgent;
+}
+function Gn() {
+  return /apple/i.test(navigator.vendor);
+}
+function pt() {
+  const e = /android/i;
+  return e.test(jn()) || e.test(sn());
+}
+function Zn() {
+  return sn().includes("jsdom/");
+}
+const wt = "data-floating-ui-focusable", zn = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";
+function Ce(e) {
+  let t = e.activeElement;
+  for (; ((n = t) == null || (n = n.shadowRoot) == null ? void 0 : n.activeElement) != null; ) {
+    var n;
+    t = t.shadowRoot.activeElement;
+  }
+  return t;
+}
+function ne(e, t) {
+  if (!e || !t)
+    return !1;
+  const n = t.getRootNode == null ? void 0 : t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (n && Fe(n)) {
+    let r = t;
+    for (; r; ) {
+      if (e === r)
+        return !0;
+      r = r.parentNode || r.host;
+    }
+  }
+  return !1;
+}
+function ye(e) {
+  return "composedPath" in e ? e.composedPath()[0] : e.target;
+}
+function ot(e, t) {
+  if (t == null)
+    return !1;
+  if ("composedPath" in e)
+    return e.composedPath().includes(t);
+  const n = e;
+  return n.target != null && t.contains(n.target);
+}
+function Jn(e) {
+  return e.matches("html,body");
+}
+function Q(e) {
+  return e?.ownerDocument || document;
+}
+function un(e) {
+  return fe(e) && e.matches(zn);
+}
+function Ct(e) {
+  return e ? e.getAttribute("role") === "combobox" && un(e) : !1;
+}
+function mt(e) {
+  return e ? e.hasAttribute(wt) ? e : e.querySelector("[" + wt + "]") || e : null;
+}
+function Ie(e, t, n) {
+  return n === void 0 && (n = !0), e.filter((o) => {
+    var s;
+    return o.parentId === t && (!n || ((s = o.context) == null ? void 0 : s.open));
+  }).flatMap((o) => [o, ...Ie(e, o.id, n)]);
+}
+function It(e, t) {
+  var n;
+  let r = [], o = (n = e.find((s) => s.id === t)) == null ? void 0 : n.parentId;
+  for (; o; ) {
+    const s = e.find((i) => i.id === o);
+    o = s?.parentId, s && (r = r.concat(s));
+  }
+  return r;
+}
+function it(e) {
+  e.preventDefault(), e.stopPropagation();
+}
+function Qn(e) {
+  return "nativeEvent" in e;
+}
+function er(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : pt() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+}
+function tr(e) {
+  return Zn() ? !1 : !pt() && e.width === 0 && e.height === 0 || pt() && e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse" || // iOS VoiceOver returns 0.333• for width/height.
+  e.width < 1 && e.height < 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "touch";
+}
+function _e(e, t) {
+  const n = ["mouse", "pen"];
+  return t || n.push("", void 0), n.includes(e);
+}
+var nr = typeof document < "u", rr = function() {
+}, ue = nr ? Tn : rr;
+const or = {
+  ...d
+};
+function Se(e) {
+  const t = d.useRef(e);
+  return ue(() => {
+    t.current = e;
+  }), t;
+}
+const ir = or.useInsertionEffect, sr = ir || ((e) => e());
+function se(e) {
+  const t = d.useRef(() => {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("Cannot call an event handler while rendering.");
+  });
+  return sr(() => {
+    t.current = e;
+  }), d.useCallback(function() {
+    for (var n = arguments.length, r = new Array(n), o = 0; o < n; o++)
+      r[o] = arguments[o];
+    return t.current == null ? void 0 : t.current(...r);
+  }, []);
+}
+const Ke = () => ({
+  getShadowRoot: !0,
+  displayCheck: (
+    // JSDOM does not support the `tabbable` library. To solve this we can
+    // check if `ResizeObserver` is a real function (not polyfilled), which
+    // determines if the current environment is JSDOM-like.
+    typeof ResizeObserver == "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
+  )
+});
+function cn(e, t) {
+  const n = et(e, Ke()), r = n.length;
+  if (r === 0) return;
+  const o = Ce(Q(e)), s = n.indexOf(o), i = s === -1 ? t === 1 ? 0 : r - 1 : s + t;
+  return n[i];
+}
+function an(e) {
+  return cn(Q(e).body, 1) || e;
+}
+function ln(e) {
+  return cn(Q(e).body, -1) || e;
+}
+function Ne(e, t) {
+  const n = t || e.currentTarget, r = e.relatedTarget;
+  return !r || !ne(n, r);
+}
+function ur(e) {
+  et(e, Ke()).forEach((n) => {
+    n.dataset.tabindex = n.getAttribute("tabindex") || "", n.setAttribute("tabindex", "-1");
+  });
+}
+function Tt(e) {
+  e.querySelectorAll("[data-tabindex]").forEach((n) => {
+    const r = n.dataset.tabindex;
+    delete n.dataset.tabindex, r ? n.setAttribute("tabindex", r) : n.removeAttribute("tabindex");
+  });
+}
+function fn(e) {
+  const t = d.useRef(void 0), n = d.useCallback((r) => {
+    const o = e.map((s) => {
+      if (s != null) {
+        if (typeof s == "function") {
+          const i = s, u = i(r);
+          return typeof u == "function" ? u : () => {
+            i(null);
+          };
+        }
+        return s.current = r, () => {
+          s.current = null;
+        };
+      }
+    });
+    return () => {
+      o.forEach((s) => s?.());
+    };
+  }, e);
+  return d.useMemo(() => e.every((r) => r == null) ? null : (r) => {
+    t.current && (t.current(), t.current = void 0), r != null && (t.current = n(r));
+  }, e);
+}
+const cr = "data-floating-ui-focusable", kt = "active", Mt = "selected", ar = {
+  ...d
+};
+let Pt = !1, lr = 0;
+const At = () => (
+  // Ensure the id is unique with multiple independent versions of Floating UI
+  // on <React 18
+  "floating-ui-" + Math.random().toString(36).slice(2, 6) + lr++
+);
+function fr() {
+  const [e, t] = d.useState(() => Pt ? At() : void 0);
+  return ue(() => {
+    e == null && t(At());
+  }, []), d.useEffect(() => {
+    Pt = !0;
+  }, []), e;
+}
+const dr = ar.useId, ht = dr || fr;
+process.env.NODE_ENV;
+function pr() {
+  const e = /* @__PURE__ */ new Map();
+  return {
+    emit(t, n) {
+      var r;
+      (r = e.get(t)) == null || r.forEach((o) => o(n));
+    },
+    on(t, n) {
+      e.has(t) || e.set(t, /* @__PURE__ */ new Set()), e.get(t).add(n);
+    },
+    off(t, n) {
+      var r;
+      (r = e.get(t)) == null || r.delete(n);
+    }
+  };
+}
+const dn = /* @__PURE__ */ d.createContext(null), pn = /* @__PURE__ */ d.createContext(null), We = () => {
+  var e;
+  return ((e = d.useContext(dn)) == null ? void 0 : e.id) || null;
+}, tt = () => d.useContext(pn);
+function mr(e) {
+  const t = ht(), n = tt(), o = We();
+  return ue(() => {
+    if (!t) return;
+    const s = {
+      id: t,
+      parentId: o
+    };
+    return n?.addNode(s), () => {
+      n?.removeNode(s);
+    };
+  }, [n, t, o]), t;
+}
+function gr(e) {
+  const {
+    children: t,
+    id: n
+  } = e, r = We();
+  return /* @__PURE__ */ O(dn.Provider, {
+    value: d.useMemo(() => ({
+      id: n,
+      parentId: r
+    }), [n, r]),
+    children: t
+  });
+}
+function br(e) {
+  const {
+    children: t
+  } = e, n = d.useRef([]), r = d.useCallback((i) => {
+    n.current = [...n.current, i];
+  }, []), o = d.useCallback((i) => {
+    n.current = n.current.filter((u) => u !== i);
+  }, []), [s] = d.useState(() => pr());
+  return /* @__PURE__ */ O(pn.Provider, {
+    value: d.useMemo(() => ({
+      nodesRef: n,
+      addNode: r,
+      removeNode: o,
+      events: s
+    }), [r, o, s]),
+    children: t
+  });
+}
+function Me(e) {
+  return "data-floating-ui-" + e;
+}
+function te(e) {
+  e.current !== -1 && (clearTimeout(e.current), e.current = -1);
+}
+const Dt = /* @__PURE__ */ Me("safe-polygon");
+function st(e, t, n) {
+  if (n && !_e(n))
+    return 0;
+  if (typeof e == "number")
+    return e;
+  if (typeof e == "function") {
+    const r = e();
+    return typeof r == "number" ? r : r?.[t];
+  }
+  return e?.[t];
+}
+function ut(e) {
+  return typeof e == "function" ? e() : e;
+}
+function vr(e, t) {
+  t === void 0 && (t = {});
+  const {
+    open: n,
+    onOpenChange: r,
+    dataRef: o,
+    events: s,
+    elements: i
+  } = e, {
+    enabled: u = !0,
+    delay: l = 0,
+    handleClose: c = null,
+    mouseOnly: p = !1,
+    restMs: g = 0,
+    move: v = !0
+  } = t, h = tt(), m = We(), f = Se(c), E = Se(l), x = Se(n), b = Se(g), C = d.useRef(), P = d.useRef(-1), T = d.useRef(), L = d.useRef(-1), _ = d.useRef(!0), X = d.useRef(!1), G = d.useRef(() => {
+  }), H = d.useRef(!1), W = se(() => {
+    var S;
+    const y = (S = o.current.openEvent) == null ? void 0 : S.type;
+    return y?.includes("mouse") && y !== "mousedown";
+  });
+  d.useEffect(() => {
+    if (!u) return;
+    function S(y) {
+      let {
+        open: I
+      } = y;
+      I || (te(P), te(L), _.current = !0, H.current = !1);
+    }
+    return s.on("openchange", S), () => {
+      s.off("openchange", S);
+    };
+  }, [u, s]), d.useEffect(() => {
+    if (!u || !f.current || !n) return;
+    function S(I) {
+      W() && r(!1, I, "hover");
+    }
+    const y = Q(i.floating).documentElement;
+    return y.addEventListener("mouseleave", S), () => {
+      y.removeEventListener("mouseleave", S);
+    };
+  }, [i.floating, n, r, u, f, W]);
+  const Z = d.useCallback(function(S, y, I) {
+    y === void 0 && (y = !0), I === void 0 && (I = "hover");
+    const A = st(E.current, "close", C.current);
+    A && !T.current ? (te(P), P.current = window.setTimeout(() => r(!1, S, I), A)) : y && (te(P), r(!1, S, I));
+  }, [E, r]), k = se(() => {
+    G.current(), T.current = void 0;
+  }), a = se(() => {
+    if (X.current) {
+      const S = Q(i.floating).body;
+      S.style.pointerEvents = "", S.removeAttribute(Dt), X.current = !1;
+    }
+  }), R = se(() => o.current.openEvent ? ["click", "mousedown"].includes(o.current.openEvent.type) : !1);
+  d.useEffect(() => {
+    if (!u) return;
+    function S(D) {
+      if (te(P), _.current = !1, p && !_e(C.current) || ut(b.current) > 0 && !st(E.current, "open"))
+        return;
+      const w = st(E.current, "open", C.current);
+      w ? P.current = window.setTimeout(() => {
+        x.current || r(!0, D, "hover");
+      }, w) : n || r(!0, D, "hover");
+    }
+    function y(D) {
+      if (R()) {
+        a();
+        return;
+      }
+      G.current();
+      const w = Q(i.floating);
+      if (te(L), H.current = !1, f.current && o.current.floatingContext) {
+        n || te(P), T.current = f.current({
+          ...o.current.floatingContext,
+          tree: h,
+          x: D.clientX,
+          y: D.clientY,
+          onClose() {
+            a(), k(), R() || Z(D, !0, "safe-polygon");
+          }
+        });
+        const $ = T.current;
+        w.addEventListener("mousemove", $), G.current = () => {
+          w.removeEventListener("mousemove", $);
+        };
+        return;
+      }
+      (C.current !== "touch" || !ne(i.floating, D.relatedTarget)) && Z(D);
+    }
+    function I(D) {
+      R() || o.current.floatingContext && (f.current == null || f.current({
+        ...o.current.floatingContext,
+        tree: h,
+        x: D.clientX,
+        y: D.clientY,
+        onClose() {
+          a(), k(), R() || Z(D);
+        }
+      })(D));
+    }
+    function A() {
+      te(P);
+    }
+    function V(D) {
+      R() || Z(D, !1);
+    }
+    if (ge(i.domReference)) {
+      const D = i.domReference, w = i.floating;
+      return n && D.addEventListener("mouseleave", I), v && D.addEventListener("mousemove", S, {
+        once: !0
+      }), D.addEventListener("mouseenter", S), D.addEventListener("mouseleave", y), w && (w.addEventListener("mouseleave", I), w.addEventListener("mouseenter", A), w.addEventListener("mouseleave", V)), () => {
+        n && D.removeEventListener("mouseleave", I), v && D.removeEventListener("mousemove", S), D.removeEventListener("mouseenter", S), D.removeEventListener("mouseleave", y), w && (w.removeEventListener("mouseleave", I), w.removeEventListener("mouseenter", A), w.removeEventListener("mouseleave", V));
+      };
+    }
+  }, [i, u, e, p, v, Z, k, a, r, n, x, h, E, f, o, R, b]), ue(() => {
+    var S;
+    if (u && n && (S = f.current) != null && (S = S.__options) != null && S.blockPointerEvents && W()) {
+      X.current = !0;
+      const I = i.floating;
+      if (ge(i.domReference) && I) {
+        var y;
+        const A = Q(i.floating).body;
+        A.setAttribute(Dt, "");
+        const V = i.domReference, D = h == null || (y = h.nodesRef.current.find((w) => w.id === m)) == null || (y = y.context) == null ? void 0 : y.elements.floating;
+        return D && (D.style.pointerEvents = ""), A.style.pointerEvents = "none", V.style.pointerEvents = "auto", I.style.pointerEvents = "auto", () => {
+          A.style.pointerEvents = "", V.style.pointerEvents = "", I.style.pointerEvents = "";
+        };
+      }
+    }
+  }, [u, n, m, i, h, f, W]), ue(() => {
+    n || (C.current = void 0, H.current = !1, k(), a());
+  }, [n, k, a]), d.useEffect(() => () => {
+    k(), te(P), te(L), a();
+  }, [u, i.domReference, k, a]);
+  const K = d.useMemo(() => {
+    function S(y) {
+      C.current = y.pointerType;
+    }
+    return {
+      onPointerDown: S,
+      onPointerEnter: S,
+      onMouseMove(y) {
+        const {
+          nativeEvent: I
+        } = y;
+        function A() {
+          !_.current && !x.current && r(!0, I, "hover");
+        }
+        p && !_e(C.current) || n || ut(b.current) === 0 || H.current && y.movementX ** 2 + y.movementY ** 2 < 2 || (te(L), C.current === "touch" ? A() : (H.current = !0, L.current = window.setTimeout(A, ut(b.current))));
+      }
+    };
+  }, [p, r, n, x, b]);
+  return d.useMemo(() => u ? {
+    reference: K
+  } : {}, [u, K]);
+}
+let Ot = 0;
+function we(e, t) {
+  t === void 0 && (t = {});
+  const {
+    preventScroll: n = !1,
+    cancelPrevious: r = !0,
+    sync: o = !1
+  } = t;
+  r && cancelAnimationFrame(Ot);
+  const s = () => e?.focus({
+    preventScroll: n
+  });
+  o ? s() : Ot = requestAnimationFrame(s);
+}
+function ct(e, t) {
+  if (!e || !t)
+    return !1;
+  const n = t.getRootNode == null ? void 0 : t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (n && Fe(n)) {
+    let r = t;
+    for (; r; ) {
+      if (e === r)
+        return !0;
+      r = r.parentNode || r.host;
+    }
+  }
+  return !1;
+}
+function hr(e) {
+  return "composedPath" in e ? e.composedPath()[0] : e.target;
+}
+function yr(e) {
+  return e?.ownerDocument || document;
+}
+const Te = {
+  inert: /* @__PURE__ */ new WeakMap(),
+  "aria-hidden": /* @__PURE__ */ new WeakMap(),
+  none: /* @__PURE__ */ new WeakMap()
+};
+function Nt(e) {
+  return e === "inert" ? Te.inert : e === "aria-hidden" ? Te["aria-hidden"] : Te.none;
+}
+let He = /* @__PURE__ */ new WeakSet(), Ve = {}, at = 0;
+const Er = () => typeof HTMLElement < "u" && "inert" in HTMLElement.prototype;
+function mn(e) {
+  return e ? Fe(e) ? e.host : mn(e.parentNode) : null;
+}
+const Rr = (e, t) => t.map((n) => {
+  if (e.contains(n))
+    return n;
+  const r = mn(n);
+  return e.contains(r) ? r : null;
+}).filter((n) => n != null);
+function xr(e, t, n, r) {
+  const o = "data-floating-ui-inert", s = r ? "inert" : n ? "aria-hidden" : null, i = Rr(t, e), u = /* @__PURE__ */ new Set(), l = new Set(i), c = [];
+  Ve[o] || (Ve[o] = /* @__PURE__ */ new WeakMap());
+  const p = Ve[o];
+  i.forEach(g), v(t), u.clear();
+  function g(h) {
+    !h || u.has(h) || (u.add(h), h.parentNode && g(h.parentNode));
+  }
+  function v(h) {
+    !h || l.has(h) || [].forEach.call(h.children, (m) => {
+      if (Qe(m) !== "script")
+        if (u.has(m))
+          v(m);
+        else {
+          const f = s ? m.getAttribute(s) : null, E = f !== null && f !== "false", x = Nt(s), b = (x.get(m) || 0) + 1, C = (p.get(m) || 0) + 1;
+          x.set(m, b), p.set(m, C), c.push(m), b === 1 && E && He.add(m), C === 1 && m.setAttribute(o, ""), !E && s && m.setAttribute(s, s === "inert" ? "" : "true");
+        }
+    });
+  }
+  return at++, () => {
+    c.forEach((h) => {
+      const m = Nt(s), E = (m.get(h) || 0) - 1, x = (p.get(h) || 0) - 1;
+      m.set(h, E), p.set(h, x), E || (!He.has(h) && s && h.removeAttribute(s), He.delete(h)), x || h.removeAttribute(o);
+    }), at--, at || (Te.inert = /* @__PURE__ */ new WeakMap(), Te["aria-hidden"] = /* @__PURE__ */ new WeakMap(), Te.none = /* @__PURE__ */ new WeakMap(), He = /* @__PURE__ */ new WeakSet(), Ve = {});
+  };
+}
+function Lt(e, t, n) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const r = yr(e[0]).body;
+  return xr(e.concat(Array.from(r.querySelectorAll('[aria-live],[role="status"],output'))), r, t, n);
+}
+const yt = {
+  border: 0,
+  clip: "rect(0 0 0 0)",
+  height: "1px",
+  margin: "-1px",
+  overflow: "hidden",
+  padding: 0,
+  position: "fixed",
+  whiteSpace: "nowrap",
+  width: "1px",
+  top: 0,
+  left: 0
+}, ze = /* @__PURE__ */ d.forwardRef(function(t, n) {
+  const [r, o] = d.useState();
+  ue(() => {
+    Gn() && o("button");
+  }, []);
+  const s = {
+    ref: n,
+    tabIndex: 0,
+    // Role is only for VoiceOver
+    role: r,
+    "aria-hidden": r ? void 0 : !0,
+    [Me("focus-guard")]: "",
+    style: yt
+  };
+  return /* @__PURE__ */ O("span", {
+    ...t,
+    ...s
+  });
+}), Sr = {
+  clipPath: "inset(50%)",
+  position: "fixed",
+  top: 0,
+  left: 0
+}, gn = /* @__PURE__ */ d.createContext(null), Ft = /* @__PURE__ */ Me("portal");
+function wr(e) {
+  e === void 0 && (e = {});
+  const {
+    id: t,
+    root: n
+  } = e, r = ht(), o = bn(), [s, i] = d.useState(null), u = d.useRef(null);
+  return ue(() => () => {
+    s?.remove(), queueMicrotask(() => {
+      u.current = null;
+    });
+  }, [s]), ue(() => {
+    if (!r || u.current) return;
+    const l = t ? document.getElementById(t) : null;
+    if (!l) return;
+    const c = document.createElement("div");
+    c.id = r, c.setAttribute(Ft, ""), l.appendChild(c), u.current = c, i(c);
+  }, [t, r]), ue(() => {
+    if (n === null || !r || u.current) return;
+    let l = n || o?.portalNode;
+    l && !vt(l) && (l = l.current), l = l || document.body;
+    let c = null;
+    t && (c = document.createElement("div"), c.id = t, l.appendChild(c));
+    const p = document.createElement("div");
+    p.id = r, p.setAttribute(Ft, ""), l = c || l, l.appendChild(p), u.current = p, i(p);
+  }, [t, n, r, o]), s;
+}
+function Cr(e) {
+  const {
+    children: t,
+    id: n,
+    root: r,
+    preserveTabOrder: o = !0
+  } = e, s = wr({
+    id: n,
+    root: r
+  }), [i, u] = d.useState(null), l = d.useRef(null), c = d.useRef(null), p = d.useRef(null), g = d.useRef(null), v = i?.modal, h = i?.open, m = (
+    // The FocusManager and therefore floating element are currently open/
+    // rendered.
+    !!i && // Guards are only for non-modal focus management.
+    !i.modal && // Don't render if unmount is transitioning.
+    i.open && o && !!(r || s)
+  );
+  return d.useEffect(() => {
+    if (!s || !o || v)
+      return;
+    function f(E) {
+      s && Ne(E) && (E.type === "focusin" ? Tt : ur)(s);
+    }
+    return s.addEventListener("focusin", f, !0), s.addEventListener("focusout", f, !0), () => {
+      s.removeEventListener("focusin", f, !0), s.removeEventListener("focusout", f, !0);
+    };
+  }, [s, o, v]), d.useEffect(() => {
+    s && (h || Tt(s));
+  }, [h, s]), /* @__PURE__ */ $e(gn.Provider, {
+    value: d.useMemo(() => ({
+      preserveTabOrder: o,
+      beforeOutsideRef: l,
+      afterOutsideRef: c,
+      beforeInsideRef: p,
+      afterInsideRef: g,
+      portalNode: s,
+      setFocusManagerState: u
+    }), [o, s]),
+    children: [m && s && /* @__PURE__ */ O(ze, {
+      "data-type": "outside",
+      ref: l,
+      onFocus: (f) => {
+        if (Ne(f, s)) {
+          var E;
+          (E = p.current) == null || E.focus();
+        } else {
+          const x = i ? i.domReference : null, b = ln(x);
+          b?.focus();
+        }
+      }
+    }), m && s && /* @__PURE__ */ O("span", {
+      "aria-owns": s.id,
+      style: Sr
+    }), s && /* @__PURE__ */ kn.createPortal(t, s), m && s && /* @__PURE__ */ O(ze, {
+      "data-type": "outside",
+      ref: c,
+      onFocus: (f) => {
+        if (Ne(f, s)) {
+          var E;
+          (E = g.current) == null || E.focus();
+        } else {
+          const x = i ? i.domReference : null, b = an(x);
+          b?.focus(), i?.closeOnFocusOut && i?.onOpenChange(!1, f.nativeEvent, "focus-out");
+        }
+      }
+    })]
+  });
+}
+const bn = () => d.useContext(gn);
+function _t(e) {
+  return d.useMemo(() => (t) => {
+    e.forEach((n) => {
+      n && (n.current = t);
+    });
+  }, e);
+}
+const $t = 20;
+let Ee = [];
+function Et() {
+  Ee = Ee.filter((e) => {
+    var t;
+    return (t = e.deref()) == null ? void 0 : t.isConnected;
+  });
+}
+function Ir(e) {
+  Et(), e && Qe(e) !== "body" && (Ee.push(new WeakRef(e)), Ee.length > $t && (Ee = Ee.slice(-$t)));
+}
+function Bt() {
+  Et();
+  const e = Ee[Ee.length - 1];
+  return e?.deref();
+}
+function Tr(e) {
+  const t = Ke();
+  return on(e, t) ? e : et(e, t)[0] || e;
+}
+function Kt(e, t) {
+  var n;
+  if (!t.current.includes("floating") && !((n = e.getAttribute("role")) != null && n.includes("dialog")))
+    return;
+  const r = Ke(), s = Xn(e, r).filter((u) => {
+    const l = u.getAttribute("data-tabindex") || "";
+    return on(u, r) || u.hasAttribute("data-tabindex") && !l.startsWith("-");
+  }), i = e.getAttribute("tabindex");
+  t.current.includes("floating") || s.length === 0 ? i !== "0" && e.setAttribute("tabindex", "0") : (i !== "-1" || e.hasAttribute("data-tabindex") && e.getAttribute("data-tabindex") !== "-1") && (e.setAttribute("tabindex", "-1"), e.setAttribute("data-tabindex", "-1"));
+}
+const kr = /* @__PURE__ */ d.forwardRef(function(t, n) {
+  return /* @__PURE__ */ O("button", {
+    ...t,
+    type: "button",
+    ref: n,
+    tabIndex: -1,
+    style: yt
+  });
+});
+function Mr(e) {
+  const {
+    context: t,
+    children: n,
+    disabled: r = !1,
+    order: o = ["content"],
+    guards: s = !0,
+    initialFocus: i = 0,
+    returnFocus: u = !0,
+    restoreFocus: l = !1,
+    modal: c = !0,
+    visuallyHiddenDismiss: p = !1,
+    closeOnFocusOut: g = !0,
+    outsideElementsInert: v = !1,
+    getInsideElements: h = () => []
+  } = e, {
+    open: m,
+    onOpenChange: f,
+    events: E,
+    dataRef: x,
+    elements: {
+      domReference: b,
+      floating: C
+    }
+  } = t, P = se(() => {
+    var M;
+    return (M = x.current.floatingContext) == null ? void 0 : M.nodeId;
+  }), T = se(h), L = typeof i == "number" && i < 0, _ = Ct(b) && L, X = Er(), G = X ? s : !0, H = !G || X && v, W = Se(o), Z = Se(i), k = Se(u), a = tt(), R = bn(), K = d.useRef(null), S = d.useRef(null), y = d.useRef(!1), I = d.useRef(!1), A = d.useRef(-1), V = d.useRef(-1), D = R != null, w = mt(C), z = se(function(M) {
+    return M === void 0 && (M = w), M ? et(M, Ke()) : [];
+  }), $ = se((M) => {
+    const F = z(M);
+    return W.current.map((N) => b && N === "reference" ? b : w && N === "floating" ? w : F).filter(Boolean).flat();
+  });
+  d.useEffect(() => {
+    if (r || !c) return;
+    function M(N) {
+      if (N.key === "Tab") {
+        ne(w, Ce(Q(w))) && z().length === 0 && !_ && it(N);
+        const q = $(), j = ye(N);
+        W.current[0] === "reference" && j === b && (it(N), N.shiftKey ? we(q[q.length - 1]) : we(q[1])), W.current[1] === "floating" && j === w && N.shiftKey && (it(N), we(q[0]));
+      }
+    }
+    const F = Q(w);
+    return F.addEventListener("keydown", M), () => {
+      F.removeEventListener("keydown", M);
+    };
+  }, [r, b, w, c, W, _, z, $]), d.useEffect(() => {
+    if (r || !C) return;
+    function M(F) {
+      const N = ye(F), j = z().indexOf(N);
+      j !== -1 && (A.current = j);
+    }
+    return C.addEventListener("focusin", M), () => {
+      C.removeEventListener("focusin", M);
+    };
+  }, [r, C, z]), d.useEffect(() => {
+    if (r || !g) return;
+    function M() {
+      I.current = !0, setTimeout(() => {
+        I.current = !1;
+      });
+    }
+    function F(j) {
+      const B = j.relatedTarget, pe = j.currentTarget, le = ye(j);
+      queueMicrotask(() => {
+        const ie = P(), xe = !(ne(b, B) || ne(C, B) || ne(B, C) || ne(R?.portalNode, B) || B != null && B.hasAttribute(Me("focus-guard")) || a && (Ie(a.nodesRef.current, ie).find((ve) => {
+          var me, he;
+          return ne((me = ve.context) == null ? void 0 : me.elements.floating, B) || ne((he = ve.context) == null ? void 0 : he.elements.domReference, B);
+        }) || It(a.nodesRef.current, ie).find((ve) => {
+          var me, he, xt;
+          return [(me = ve.context) == null ? void 0 : me.elements.floating, mt((he = ve.context) == null ? void 0 : he.elements.floating)].includes(B) || ((xt = ve.context) == null ? void 0 : xt.elements.domReference) === B;
+        })));
+        if (pe === b && w && Kt(w, W), l && pe !== b && !(le != null && le.isConnected) && Ce(Q(w)) === Q(w).body) {
+          fe(w) && w.focus();
+          const ve = A.current, me = z(), he = me[ve] || me[me.length - 1] || w;
+          fe(he) && he.focus();
+        }
+        if (x.current.insideReactTree) {
+          x.current.insideReactTree = !1;
+          return;
+        }
+        (_ || !c) && B && xe && !I.current && // Fix React 18 Strict Mode returnFocus due to double rendering.
+        B !== Bt() && (y.current = !0, f(!1, j, "focus-out"));
+      });
+    }
+    const N = !!(!a && R);
+    function q() {
+      te(V), x.current.insideReactTree = !0, V.current = window.setTimeout(() => {
+        x.current.insideReactTree = !1;
+      });
+    }
+    if (C && fe(b))
+      return b.addEventListener("focusout", F), b.addEventListener("pointerdown", M), C.addEventListener("focusout", F), N && C.addEventListener("focusout", q, !0), () => {
+        b.removeEventListener("focusout", F), b.removeEventListener("pointerdown", M), C.removeEventListener("focusout", F), N && C.removeEventListener("focusout", q, !0);
+      };
+  }, [r, b, C, w, c, a, R, f, g, l, z, _, P, W, x]);
+  const ee = d.useRef(null), oe = d.useRef(null), U = _t([ee, R?.beforeInsideRef]), Y = _t([oe, R?.afterInsideRef]);
+  d.useEffect(() => {
+    var M, F;
+    if (r || !C) return;
+    const N = Array.from((R == null || (M = R.portalNode) == null ? void 0 : M.querySelectorAll("[" + Me("portal") + "]")) || []), j = (F = (a ? It(a.nodesRef.current, P()) : []).find((le) => {
+      var ie;
+      return Ct(((ie = le.context) == null ? void 0 : ie.elements.domReference) || null);
+    })) == null || (F = F.context) == null ? void 0 : F.elements.domReference, B = [C, j, ...N, ...T(), K.current, S.current, ee.current, oe.current, R?.beforeOutsideRef.current, R?.afterOutsideRef.current, W.current.includes("reference") || _ ? b : null].filter((le) => le != null), pe = c || _ ? Lt(B, !H, H) : Lt(B);
+    return () => {
+      pe();
+    };
+  }, [r, b, C, c, W, R, _, G, H, a, P, T]), ue(() => {
+    if (r || !fe(w)) return;
+    const M = Q(w), F = Ce(M);
+    queueMicrotask(() => {
+      const N = $(w), q = Z.current, j = (typeof q == "number" ? N[q] : q.current) || w, B = ne(w, F);
+      !L && !B && m && we(j, {
+        preventScroll: j === w
+      });
+    });
+  }, [r, m, w, L, $, Z]), ue(() => {
+    if (r || !w) return;
+    const M = Q(w), F = Ce(M);
+    Ir(F);
+    function N(B) {
+      let {
+        reason: pe,
+        event: le,
+        nested: ie
+      } = B;
+      if (["hover", "safe-polygon"].includes(pe) && le.type === "mouseleave" && (y.current = !0), pe === "outside-press")
+        if (ie)
+          y.current = !1;
+        else if (er(le) || tr(le))
+          y.current = !1;
+        else {
+          let xe = !1;
+          document.createElement("div").focus({
+            get preventScroll() {
+              return xe = !0, !1;
+            }
+          }), xe ? y.current = !1 : y.current = !0;
+        }
+    }
+    E.on("openchange", N);
+    const q = M.createElement("span");
+    q.setAttribute("tabindex", "-1"), q.setAttribute("aria-hidden", "true"), Object.assign(q.style, yt), D && b && b.insertAdjacentElement("afterend", q);
+    function j() {
+      if (typeof k.current == "boolean") {
+        const B = b || Bt();
+        return B && B.isConnected ? B : q;
+      }
+      return k.current.current || q;
+    }
+    return () => {
+      E.off("openchange", N);
+      const B = Ce(M), pe = ne(C, B) || a && Ie(a.nodesRef.current, P(), !1).some((ie) => {
+        var xe;
+        return ne((xe = ie.context) == null ? void 0 : xe.elements.floating, B);
+      }), le = j();
+      queueMicrotask(() => {
+        const ie = Tr(le);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        k.current && !y.current && fe(ie) && // If the focus moved somewhere else after mount, avoid returning focus
+        // since it likely entered a different element which should be
+        // respected: https://github.com/floating-ui/floating-ui/issues/2607
+        (!(ie !== B && B !== M.body) || pe) && ie.focus({
+          preventScroll: !0
+        }), q.remove();
+      });
+    };
+  }, [r, C, w, k, x, E, a, D, b, P]), d.useEffect(() => (queueMicrotask(() => {
+    y.current = !1;
+  }), () => {
+    queueMicrotask(Et);
+  }), [r]), ue(() => {
+    if (!r && R)
+      return R.setFocusManagerState({
+        modal: c,
+        closeOnFocusOut: g,
+        open: m,
+        onOpenChange: f,
+        domReference: b
+      }), () => {
+        R.setFocusManagerState(null);
+      };
+  }, [r, R, c, m, f, g, b]), ue(() => {
+    r || w && Kt(w, W);
+  }, [r, w, W]);
+  function ce(M) {
+    return r || !p || !c ? null : /* @__PURE__ */ O(kr, {
+      ref: M === "start" ? K : S,
+      onClick: (F) => f(!1, F.nativeEvent),
+      children: typeof p == "string" ? p : "Dismiss"
+    });
+  }
+  const ae = !r && G && (c ? !_ : !0) && (D || c);
+  return /* @__PURE__ */ $e(In, {
+    children: [ae && /* @__PURE__ */ O(ze, {
+      "data-type": "inside",
+      ref: U,
+      onFocus: (M) => {
+        if (c) {
+          const N = $();
+          we(o[0] === "reference" ? N[0] : N[N.length - 1]);
+        } else if (R != null && R.preserveTabOrder && R.portalNode)
+          if (y.current = !1, Ne(M, R.portalNode)) {
+            const N = an(b);
+            N?.focus();
+          } else {
+            var F;
+            (F = R.beforeOutsideRef.current) == null || F.focus();
+          }
+      }
+    }), !_ && ce("start"), n, ce("end"), ae && /* @__PURE__ */ O(ze, {
+      "data-type": "inside",
+      ref: Y,
+      onFocus: (M) => {
+        if (c)
+          we($()[0]);
+        else if (R != null && R.preserveTabOrder && R.portalNode)
+          if (g && (y.current = !0), Ne(M, R.portalNode)) {
+            const N = ln(b);
+            N?.focus();
+          } else {
+            var F;
+            (F = R.afterOutsideRef.current) == null || F.focus();
+          }
+      }
+    })]
+  });
+}
+function Wt(e) {
+  return fe(e.target) && e.target.tagName === "BUTTON";
+}
+function Pr(e) {
+  return fe(e.target) && e.target.tagName === "A";
+}
+function Ht(e) {
+  return un(e);
+}
+function Ar(e, t) {
+  t === void 0 && (t = {});
+  const {
+    open: n,
+    onOpenChange: r,
+    dataRef: o,
+    elements: {
+      domReference: s
+    }
+  } = e, {
+    enabled: i = !0,
+    event: u = "click",
+    toggle: l = !0,
+    ignoreMouse: c = !1,
+    keyboardHandlers: p = !0,
+    stickIfOpen: g = !0
+  } = t, v = d.useRef(), h = d.useRef(!1), m = d.useMemo(() => ({
+    onPointerDown(f) {
+      v.current = f.pointerType;
+    },
+    onMouseDown(f) {
+      const E = v.current;
+      f.button === 0 && u !== "click" && (_e(E, !0) && c || (n && l && (!(o.current.openEvent && g) || o.current.openEvent.type === "mousedown") ? r(!1, f.nativeEvent, "click") : (f.preventDefault(), r(!0, f.nativeEvent, "click"))));
+    },
+    onClick(f) {
+      const E = v.current;
+      if (u === "mousedown" && v.current) {
+        v.current = void 0;
+        return;
+      }
+      _e(E, !0) && c || (n && l && (!(o.current.openEvent && g) || o.current.openEvent.type === "click") ? r(!1, f.nativeEvent, "click") : r(!0, f.nativeEvent, "click"));
+    },
+    onKeyDown(f) {
+      v.current = void 0, !(f.defaultPrevented || !p || Wt(f)) && (f.key === " " && !Ht(s) && (f.preventDefault(), h.current = !0), !Pr(f) && f.key === "Enter" && r(!(n && l), f.nativeEvent, "click"));
+    },
+    onKeyUp(f) {
+      f.defaultPrevented || !p || Wt(f) || Ht(s) || f.key === " " && h.current && (h.current = !1, r(!(n && l), f.nativeEvent, "click"));
+    }
+  }), [o, s, u, c, p, r, n, g, l]);
+  return d.useMemo(() => i ? {
+    reference: m
+  } : {}, [i, m]);
+}
+const Dr = {
+  pointerdown: "onPointerDown",
+  mousedown: "onMouseDown",
+  click: "onClick"
+}, Or = {
+  pointerdown: "onPointerDownCapture",
+  mousedown: "onMouseDownCapture",
+  click: "onClickCapture"
+}, Vt = (e) => {
+  var t, n;
+  return {
+    escapeKey: typeof e == "boolean" ? e : (t = e?.escapeKey) != null ? t : !1,
+    outsidePress: typeof e == "boolean" ? e : (n = e?.outsidePress) != null ? n : !0
+  };
+};
+function Nr(e, t) {
+  t === void 0 && (t = {});
+  const {
+    open: n,
+    onOpenChange: r,
+    elements: o,
+    dataRef: s
+  } = e, {
+    enabled: i = !0,
+    escapeKey: u = !0,
+    outsidePress: l = !0,
+    outsidePressEvent: c = "pointerdown",
+    referencePress: p = !1,
+    referencePressEvent: g = "pointerdown",
+    ancestorScroll: v = !1,
+    bubbles: h,
+    capture: m
+  } = t, f = tt(), E = se(typeof l == "function" ? l : () => !1), x = typeof l == "function" ? E : l, b = d.useRef(!1), {
+    escapeKey: C,
+    outsidePress: P
+  } = Vt(h), {
+    escapeKey: T,
+    outsidePress: L
+  } = Vt(m), _ = d.useRef(!1), X = se((a) => {
+    var R;
+    if (!n || !i || !u || a.key !== "Escape" || _.current)
+      return;
+    const K = (R = s.current.floatingContext) == null ? void 0 : R.nodeId, S = f ? Ie(f.nodesRef.current, K) : [];
+    if (!C && (a.stopPropagation(), S.length > 0)) {
+      let y = !0;
+      if (S.forEach((I) => {
+        var A;
+        if ((A = I.context) != null && A.open && !I.context.dataRef.current.__escapeKeyBubbles) {
+          y = !1;
+          return;
+        }
+      }), !y)
+        return;
+    }
+    r(!1, Qn(a) ? a.nativeEvent : a, "escape-key");
+  }), G = se((a) => {
+    var R;
+    const K = () => {
+      var S;
+      X(a), (S = ye(a)) == null || S.removeEventListener("keydown", K);
+    };
+    (R = ye(a)) == null || R.addEventListener("keydown", K);
+  }), H = se((a) => {
+    var R;
+    const K = s.current.insideReactTree;
+    s.current.insideReactTree = !1;
+    const S = b.current;
+    if (b.current = !1, c === "click" && S || K || typeof x == "function" && !x(a))
+      return;
+    const y = ye(a), I = "[" + Me("inert") + "]", A = Q(o.floating).querySelectorAll(I);
+    let V = ge(y) ? y : null;
+    for (; V && !Ue(V); ) {
+      const $ = Zt(V);
+      if (Ue($) || !ge($))
+        break;
+      V = $;
+    }
+    if (A.length && ge(y) && !Jn(y) && // Clicked on a direct ancestor (e.g. FloatingOverlay).
+    !ne(y, o.floating) && // If the target root element contains none of the markers, then the
+    // element was injected after the floating element rendered.
+    Array.from(A).every(($) => !ne(V, $)))
+      return;
+    if (fe(y) && k) {
+      const $ = Ue(y), ee = Gt(y), oe = /auto|scroll/, U = $ || oe.test(ee.overflowX), Y = $ || oe.test(ee.overflowY), ce = U && y.clientWidth > 0 && y.scrollWidth > y.clientWidth, ae = Y && y.clientHeight > 0 && y.scrollHeight > y.clientHeight, M = ee.direction === "rtl", F = ae && (M ? a.offsetX <= y.offsetWidth - y.clientWidth : a.offsetX > y.clientWidth), N = ce && a.offsetY > y.clientHeight;
+      if (F || N)
+        return;
+    }
+    const D = (R = s.current.floatingContext) == null ? void 0 : R.nodeId, w = f && Ie(f.nodesRef.current, D).some(($) => {
+      var ee;
+      return ot(a, (ee = $.context) == null ? void 0 : ee.elements.floating);
+    });
+    if (ot(a, o.floating) || ot(a, o.domReference) || w)
+      return;
+    const z = f ? Ie(f.nodesRef.current, D) : [];
+    if (z.length > 0) {
+      let $ = !0;
+      if (z.forEach((ee) => {
+        var oe;
+        if ((oe = ee.context) != null && oe.open && !ee.context.dataRef.current.__outsidePressBubbles) {
+          $ = !1;
+          return;
+        }
+      }), !$)
+        return;
+    }
+    r(!1, a, "outside-press");
+  }), W = se((a) => {
+    var R;
+    const K = () => {
+      var S;
+      H(a), (S = ye(a)) == null || S.removeEventListener(c, K);
+    };
+    (R = ye(a)) == null || R.addEventListener(c, K);
+  });
+  d.useEffect(() => {
+    if (!n || !i)
+      return;
+    s.current.__escapeKeyBubbles = C, s.current.__outsidePressBubbles = P;
+    let a = -1;
+    function R(A) {
+      r(!1, A, "ancestor-scroll");
+    }
+    function K() {
+      window.clearTimeout(a), _.current = !0;
+    }
+    function S() {
+      a = window.setTimeout(
+        () => {
+          _.current = !1;
+        },
+        // 0ms or 1ms don't work in Safari. 5ms appears to consistently work.
+        // Only apply to WebKit for the test to remain 0ms.
+        An() ? 5 : 0
+      );
+    }
+    const y = Q(o.floating);
+    u && (y.addEventListener("keydown", T ? G : X, T), y.addEventListener("compositionstart", K), y.addEventListener("compositionend", S)), x && y.addEventListener(c, L ? W : H, L);
+    let I = [];
+    return v && (ge(o.domReference) && (I = Oe(o.domReference)), ge(o.floating) && (I = I.concat(Oe(o.floating))), !ge(o.reference) && o.reference && o.reference.contextElement && (I = I.concat(Oe(o.reference.contextElement)))), I = I.filter((A) => {
+      var V;
+      return A !== ((V = y.defaultView) == null ? void 0 : V.visualViewport);
+    }), I.forEach((A) => {
+      A.addEventListener("scroll", R, {
+        passive: !0
+      });
+    }), () => {
+      u && (y.removeEventListener("keydown", T ? G : X, T), y.removeEventListener("compositionstart", K), y.removeEventListener("compositionend", S)), x && y.removeEventListener(c, L ? W : H, L), I.forEach((A) => {
+        A.removeEventListener("scroll", R);
+      }), window.clearTimeout(a);
+    };
+  }, [s, o, u, x, c, n, r, v, i, C, P, X, T, G, H, L, W]), d.useEffect(() => {
+    s.current.insideReactTree = !1;
+  }, [s, x, c]);
+  const Z = d.useMemo(() => ({
+    onKeyDown: X,
+    ...p && {
+      [Dr[g]]: (a) => {
+        r(!1, a.nativeEvent, "reference-press");
+      },
+      ...g !== "click" && {
+        onClick(a) {
+          r(!1, a.nativeEvent, "reference-press");
+        }
+      }
+    }
+  }), [X, r, p, g]), k = d.useMemo(() => {
+    function a(R) {
+      R.button === 0 && (b.current = !0);
+    }
+    return {
+      onKeyDown: X,
+      onMouseDown: a,
+      onMouseUp: a,
+      [Or[c]]: () => {
+        s.current.insideReactTree = !0;
+      }
+    };
+  }, [X, c, s]);
+  return d.useMemo(() => i ? {
+    reference: Z,
+    floating: k
+  } : {}, [i, Z, k]);
+}
+function lt(e, t, n) {
+  const r = /* @__PURE__ */ new Map(), o = n === "item";
+  let s = e;
+  if (o && e) {
+    const {
+      [kt]: i,
+      [Mt]: u,
+      ...l
+    } = e;
+    s = l;
+  }
+  return {
+    ...n === "floating" && {
+      tabIndex: -1,
+      [cr]: ""
+    },
+    ...s,
+    ...t.map((i) => {
+      const u = i ? i[n] : null;
+      return typeof u == "function" ? e ? u(e) : null : u;
+    }).concat(e).reduce((i, u) => (u && Object.entries(u).forEach((l) => {
+      let [c, p] = l;
+      if (!(o && [kt, Mt].includes(c)))
+        if (c.indexOf("on") === 0) {
+          if (r.has(c) || r.set(c, []), typeof p == "function") {
+            var g;
+            (g = r.get(c)) == null || g.push(p), i[c] = function() {
+              for (var v, h = arguments.length, m = new Array(h), f = 0; f < h; f++)
+                m[f] = arguments[f];
+              return (v = r.get(c)) == null ? void 0 : v.map((E) => E(...m)).find((E) => E !== void 0);
+            };
+          }
+        } else
+          i[c] = p;
+    }), i), {})
+  };
+}
+function Lr(e) {
+  e === void 0 && (e = []);
+  const t = e.map((u) => u?.reference), n = e.map((u) => u?.floating), r = e.map((u) => u?.item), o = d.useCallback(
+    (u) => lt(u, e, "reference"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  ), s = d.useCallback(
+    (u) => lt(u, e, "floating"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    n
+  ), i = d.useCallback(
+    (u) => lt(u, e, "item"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    r
+  );
+  return d.useMemo(() => ({
+    getReferenceProps: o,
+    getFloatingProps: s,
+    getItemProps: i
+  }), [o, s, i]);
+}
+const Fr = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
+function _r(e, t) {
+  var n, r;
+  t === void 0 && (t = {});
+  const {
+    open: o,
+    elements: s,
+    floatingId: i
+  } = e, {
+    enabled: u = !0,
+    role: l = "dialog"
+  } = t, c = ht(), p = ((n = s.domReference) == null ? void 0 : n.id) || c, g = d.useMemo(() => {
+    var b;
+    return ((b = mt(s.floating)) == null ? void 0 : b.id) || i;
+  }, [s.floating, i]), v = (r = Fr.get(l)) != null ? r : l, m = We() != null, f = d.useMemo(() => v === "tooltip" || l === "label" ? {
+    ["aria-" + (l === "label" ? "labelledby" : "describedby")]: o ? g : void 0
+  } : {
+    "aria-expanded": o ? "true" : "false",
+    "aria-haspopup": v === "alertdialog" ? "dialog" : v,
+    "aria-controls": o ? g : void 0,
+    ...v === "listbox" && {
+      role: "combobox"
+    },
+    ...v === "menu" && {
+      id: p
+    },
+    ...v === "menu" && m && {
+      role: "menuitem"
+    },
+    ...l === "select" && {
+      "aria-autocomplete": "none"
+    },
+    ...l === "combobox" && {
+      "aria-autocomplete": "list"
+    }
+  }, [v, g, m, o, p, l]), E = d.useMemo(() => {
+    const b = {
+      id: g,
+      ...v && {
+        role: v
+      }
+    };
+    return v === "tooltip" || l === "label" ? b : {
+      ...b,
+      ...v === "menu" && {
+        "aria-labelledby": p
+      }
+    };
+  }, [v, g, p, l]), x = d.useCallback((b) => {
+    let {
+      active: C,
+      selected: P
+    } = b;
+    const T = {
+      role: "option",
+      ...C && {
+        id: g + "-fui-option"
+      }
+    };
+    switch (l) {
+      case "select":
+      case "combobox":
+        return {
+          ...T,
+          "aria-selected": P
+        };
+    }
+    return {};
+  }, [g, l]);
+  return d.useMemo(() => u ? {
+    reference: f,
+    floating: E,
+    item: x
+  } : {}, [u, f, E, x]);
+}
+function vn(e, t, n) {
+  return n === void 0 && (n = !0), e.filter((o) => {
+    var s;
+    return o.parentId === t && (!n || ((s = o.context) == null ? void 0 : s.open));
+  }).flatMap((o) => [o, ...vn(e, o.id, n)]);
+}
+function Ut(e, t) {
+  const [n, r] = e;
+  let o = !1;
+  const s = t.length;
+  for (let i = 0, u = s - 1; i < s; u = i++) {
+    const [l, c] = t[i] || [0, 0], [p, g] = t[u] || [0, 0];
+    c >= r != g >= r && n <= (p - l) * (r - c) / (g - c) + l && (o = !o);
+  }
+  return o;
+}
+function $r(e, t) {
+  return e[0] >= t.x && e[0] <= t.x + t.width && e[1] >= t.y && e[1] <= t.y + t.height;
+}
+function Br(e) {
+  e === void 0 && (e = {});
+  const {
+    buffer: t = 0.5,
+    blockPointerEvents: n = !1,
+    requireIntent: r = !0
+  } = e, o = {
+    current: -1
+  };
+  let s = !1, i = null, u = null, l = typeof performance < "u" ? performance.now() : 0;
+  function c(g, v) {
+    const h = performance.now(), m = h - l;
+    if (i === null || u === null || m === 0)
+      return i = g, u = v, l = h, null;
+    const f = g - i, E = v - u, b = Math.sqrt(f * f + E * E) / m;
+    return i = g, u = v, l = h, b;
+  }
+  const p = (g) => {
+    let {
+      x: v,
+      y: h,
+      placement: m,
+      elements: f,
+      onClose: E,
+      nodeId: x,
+      tree: b
+    } = g;
+    return function(P) {
+      function T() {
+        te(o), E();
+      }
+      if (te(o), !f.domReference || !f.floating || m == null || v == null || h == null)
+        return;
+      const {
+        clientX: L,
+        clientY: _
+      } = P, X = [L, _], G = hr(P), H = P.type === "mouseleave", W = ct(f.floating, G), Z = ct(f.domReference, G), k = f.domReference.getBoundingClientRect(), a = f.floating.getBoundingClientRect(), R = m.split("-")[0], K = v > a.right - a.width / 2, S = h > a.bottom - a.height / 2, y = $r(X, k), I = a.width > k.width, A = a.height > k.height, V = (I ? k : a).left, D = (I ? k : a).right, w = (A ? k : a).top, z = (A ? k : a).bottom;
+      if (W && (s = !0, !H))
+        return;
+      if (Z && (s = !1), Z && !H) {
+        s = !0;
+        return;
+      }
+      if (H && ge(P.relatedTarget) && ct(f.floating, P.relatedTarget) || b && vn(b.nodesRef.current, x).length)
+        return;
+      if (R === "top" && h >= k.bottom - 1 || R === "bottom" && h <= k.top + 1 || R === "left" && v >= k.right - 1 || R === "right" && v <= k.left + 1)
+        return T();
+      let $ = [];
+      switch (R) {
+        case "top":
+          $ = [[V, k.top + 1], [V, a.bottom - 1], [D, a.bottom - 1], [D, k.top + 1]];
+          break;
+        case "bottom":
+          $ = [[V, a.top + 1], [V, k.bottom - 1], [D, k.bottom - 1], [D, a.top + 1]];
+          break;
+        case "left":
+          $ = [[a.right - 1, z], [a.right - 1, w], [k.left + 1, w], [k.left + 1, z]];
+          break;
+        case "right":
+          $ = [[k.right - 1, z], [k.right - 1, w], [a.left + 1, w], [a.left + 1, z]];
+          break;
+      }
+      function ee(oe) {
+        let [U, Y] = oe;
+        switch (R) {
+          case "top": {
+            const ce = [I ? U + t / 2 : K ? U + t * 4 : U - t * 4, Y + t + 1], ae = [I ? U - t / 2 : K ? U + t * 4 : U - t * 4, Y + t + 1], M = [[a.left, K || I ? a.bottom - t : a.top], [a.right, K ? I ? a.bottom - t : a.top : a.bottom - t]];
+            return [ce, ae, ...M];
+          }
+          case "bottom": {
+            const ce = [I ? U + t / 2 : K ? U + t * 4 : U - t * 4, Y - t], ae = [I ? U - t / 2 : K ? U + t * 4 : U - t * 4, Y - t], M = [[a.left, K || I ? a.top + t : a.bottom], [a.right, K ? I ? a.top + t : a.bottom : a.top + t]];
+            return [ce, ae, ...M];
+          }
+          case "left": {
+            const ce = [U + t + 1, A ? Y + t / 2 : S ? Y + t * 4 : Y - t * 4], ae = [U + t + 1, A ? Y - t / 2 : S ? Y + t * 4 : Y - t * 4];
+            return [...[[S || A ? a.right - t : a.left, a.top], [S ? A ? a.right - t : a.left : a.right - t, a.bottom]], ce, ae];
+          }
+          case "right": {
+            const ce = [U - t, A ? Y + t / 2 : S ? Y + t * 4 : Y - t * 4], ae = [U - t, A ? Y - t / 2 : S ? Y + t * 4 : Y - t * 4], M = [[S || A ? a.left + t : a.right, a.top], [S ? A ? a.left + t : a.right : a.left + t, a.bottom]];
+            return [ce, ae, ...M];
+          }
+        }
+      }
+      if (!Ut([L, _], $)) {
+        if (s && !y)
+          return T();
+        if (!H && r) {
+          const oe = c(P.clientX, P.clientY);
+          if (oe !== null && oe < 0.1)
+            return T();
+        }
+        Ut([L, _], ee([v, h])) ? !s && r && (o.current = window.setTimeout(T, 40)) : T();
+      }
+    };
+  };
+  return p.__options = {
+    blockPointerEvents: n
+  }, p;
+}
+const Rt = Xt(null), be = () => {
+  const e = Be(Rt);
+  if (!e)
+    throw new Error("Menu compound components must be used within <Menu>");
+  return e;
+}, Kr = 150, Wr = 160, Hr = 1300, Vr = 250, Ur = "0.875rem", qr = "0.8125rem", Yr = "0.75rem", Xr = "0.75rem", jr = "0.625rem", qt = 20, Gr = 20, hn = "0.375rem", Zr = 1.5, zr = 150, Jr = 200, Qr = 500, yn = '[role="menuitem"]:not([aria-disabled="true"])', eo = (e) => Array.from(
+  e.querySelectorAll(yn)
+).filter(
+  (n) => n.closest('[role="menu"][data-collapsed="true"]') === null
+), Le = (e) => {
+  e.stopPropagation(), e.preventDefault();
+}, to = (e) => {
+  const t = Re(""), n = Re(null), r = J(() => e.current ? eo(e.current) : [], [e]), o = J((i) => {
+    r().forEach((u) => {
+      u.tabIndex = -1;
+    }), i.tabIndex = 0, i.focus();
+  }, [r]);
+  return qe(() => {
+    const i = r();
+    if (i.length > 0) {
+      const u = i.find((l) => l.tabIndex === 0) || i[0];
+      u.tabIndex = 0;
+    }
+  }, [r]), qe(() => {
+    const i = e.current;
+    if (!i) return;
+    const u = (l) => {
+      if (l.target === i) {
+        const c = r();
+        if (c.length > 0) {
+          const p = c.find((g) => g.tabIndex === 0) || c[0];
+          o(p);
+        }
+      }
+    };
+    return i.addEventListener("focusin", u), () => i.removeEventListener("focusin", u);
+  }, [e, r, o]), { onKeyDown: J((i) => {
+    if (!e.current?.contains(i.target))
+      return;
+    const u = r();
+    if (u.length === 0) return;
+    const l = u.indexOf(document.activeElement);
+    switch (i.key) {
+      case "ArrowDown":
+        i.preventDefault(), o(u[(l + 1) % u.length]);
+        break;
+      case "ArrowUp":
+        i.preventDefault(), o(u[(l - 1 + u.length) % u.length]);
+        break;
+      case "Home":
+        i.preventDefault(), o(u[0]);
+        break;
+      case "End":
+        i.preventDefault(), o(u[u.length - 1]);
+        break;
+      default:
+        if (i.key.length === 1 && !i.ctrlKey && !i.metaKey && !i.altKey) {
+          Le(i), n.current && clearTimeout(n.current), t.current += i.key.toLowerCase();
+          const c = u.find((p) => (p.textContent?.trim().toLowerCase() || "").startsWith(t.current));
+          c && o(c), n.current = window.setTimeout(() => {
+            t.current = "";
+          }, Qr);
+        }
+        break;
+    }
+  }, [r, o]) };
+}, no = re.div(
+  ({ ownerMaxHeight: e, ownerColorScheme: t }) => {
+    const { palette: n } = de();
+    return {
+      display: "flex",
+      flexDirection: "column",
+      "&:focus": {
+        outline: "none"
+      },
+      ...t?.background && { backgroundColor: t.background },
+      color: t?.color ?? n?.text?.primary ?? "rgba(0,0,0,0.87)",
+      ...e !== void 0 && {
+        maxHeight: typeof e == "number" ? `${e}px` : e,
+        overflowY: "auto"
+      }
+    };
+  }
+), En = re.div(
+  ({ ownerDanger: e, ownerDisabled: t, ownerSelected: n, ownerSoftSelected: r, ownerDense: o, ownerIconOnly: s, ownerColorScheme: i }) => {
+    const { palette: u, spacing: l } = de(), c = i?.activeBg ?? u?.action?.selected ?? "rgba(25,118,210,0.16)", p = i?.softSelectedBg ?? u?.action?.hover ?? "rgba(25,118,210,0.06)", g = e ? i?.dangerColor ?? u?.error?.main ?? "#d32f2f" : t ? i?.disabledColor ?? u?.text?.disabled ?? "rgba(0,0,0,0.38)" : i?.color ?? u?.text?.primary ?? "rgba(0,0,0,0.87)";
+    return {
+      display: "flex",
+      alignItems: "center",
+      ...s && {
+        justifyContent: "center"
+      },
+      gap: s ? 0 : l?.small ?? "0.5rem",
+      padding: o ? s ? `${l?.tiny ?? "0.25rem"}` : `${l?.tiny ?? "0.25rem"} ${l?.medium ?? "0.75rem"}` : s ? `${l?.small ?? "0.5rem"}` : `${l?.small ?? "0.5rem"} ${l?.large ?? "1rem"}`,
+      color: g,
+      fontSize: o ? qr : Ur,
+      lineHeight: Zr,
+      cursor: t ? "default" : "pointer",
+      userSelect: "none",
+      position: "relative",
+      outline: "none",
+      borderRadius: hn,
+      transition: `background-color ${zr}ms`,
+      ...!t && {
+        "&:hover": {
+          backgroundColor: e ? i?.dangerHoverBg ?? u?.error?.light ?? "rgba(211,47,47,0.08)" : i?.hoverBg ?? u?.action?.hover ?? "rgba(0,0,0,0.04)",
+          ...i?.hoverColor && { color: i.hoverColor }
+        },
+        "&:focus-visible": {
+          outline: "2px solid transparent",
+          boxShadow: `inset 0 0 0 2px ${i?.focusRingColor ?? u?.primary?.main ?? "#1976d2"}`
+        }
+      },
+      // Soft-select: parent has selected child — light bg, no bold
+      ...r && !n && {
+        backgroundColor: p
+      },
+      // Full select: the actual selected item — darker bg + bold
+      ...n && {
+        backgroundColor: c,
+        fontWeight: 600,
+        ...i?.activeColor && { color: i.activeColor }
+      }
+    };
+  }
+), Rn = re.span({
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0,
+  width: qt,
+  height: qt,
+  "& > svg": {
+    width: "100%",
+    height: "100%",
+    fill: "currentColor"
+  }
+}), xn = re.span(
+  ({ ownerIconOnly: e }) => ({
+    flex: 1,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    ...e && {
+      display: "none"
+    }
+  })
+), ro = re.span(
+  ({ ownerColorScheme: e }) => {
+    const { palette: t } = de();
+    return {
+      marginLeft: "auto",
+      paddingLeft: "2rem",
+      color: e?.secondaryColor ?? t?.text?.secondary ?? "rgba(0,0,0,0.6)",
+      fontSize: Yr,
+      flexShrink: 0
+    };
+  }
+);
+re.span({
+  display: "inline-flex",
+  width: Gr,
+  flexShrink: 0
+});
+const oo = re.div(
+  ({ ownerColorScheme: e }) => {
+    const { palette: t, spacing: n } = de();
+    return {
+      padding: `${n?.small ?? "0.5rem"} ${n?.large ?? "1rem"}`,
+      color: e?.secondaryColor ?? t?.text?.secondary ?? "rgba(0,0,0,0.6)",
+      fontSize: Xr,
+      fontWeight: 600,
+      textTransform: "uppercase",
+      letterSpacing: "0.05em",
+      userSelect: "none"
+    };
+  }
+), io = re.hr(
+  ({ ownerColorScheme: e }) => {
+    const { palette: t, spacing: n } = de();
+    return {
+      border: "none",
+      borderTop: `1px solid ${e?.dividerColor ?? t?.divider ?? "rgba(0,0,0,0.12)"}`,
+      margin: `${n?.tiny ?? "0.25rem"} 0`
+    };
+  }
+), so = re.span(
+  ({ ownerColorScheme: e }) => {
+    const { palette: t } = de();
+    return {
+      marginLeft: "auto",
+      paddingLeft: "1rem",
+      color: e?.secondaryColor ?? t?.text?.secondary ?? "rgba(0,0,0,0.6)",
+      fontSize: jr,
+      flexShrink: 0
+    };
+  }
+), uo = re.div(
+  ({ ownerOpen: e, ownerColorScheme: t, ownerShowDot: n }) => {
+    const { spacing: r, palette: o } = de();
+    return {
+      overflow: "hidden",
+      maxHeight: e ? "100vh" : 0,
+      opacity: e ? 1 : 0,
+      transition: `max-height ${Vr}ms ease, opacity ${Jr}ms ease`,
+      paddingLeft: r?.large ?? "1rem",
+      '& > [role="menuitem"]': {
+        "&:hover": {
+          backgroundColor: t?.childHoverBg ?? "rgba(25,118,210,0.06)",
+          ...t?.childHoverColor && { color: t.childHoverColor }
+        },
+        ...n && {
+          "&::before": {
+            content: '""',
+            display: "inline-block",
+            width: 6,
+            height: 6,
+            borderRadius: "50%",
+            border: `1.5px solid ${t?.dotColor ?? o?.text?.secondary ?? "rgba(0,0,0,0.4)"}`,
+            backgroundColor: "transparent",
+            marginRight: r?.small ?? "0.5rem",
+            flexShrink: 0,
+            transition: "background-color 150ms, border-color 150ms"
+          },
+          // Hover → fill dot
+          "&:hover::before": {
+            backgroundColor: t?.dotColor ?? o?.text?.secondary ?? "rgba(0,0,0,0.4)",
+            borderColor: t?.dotColor ?? o?.text?.secondary ?? "rgba(0,0,0,0.4)"
+          },
+          // Selected → fill dot with active color
+          '&[aria-current="page"]::before': {
+            backgroundColor: t?.dotActiveColor ?? o?.primary?.main ?? "#1976d2",
+            borderColor: t?.dotActiveColor ?? o?.primary?.main ?? "#1976d2"
+          }
+        }
+      }
+    };
+  }
+), co = re.div(
+  ({ ownerColorScheme: e }) => {
+    const { palette: t, spacing: n } = de();
+    return {
+      minWidth: Wr,
+      backgroundColor: e?.popoverBg ?? t?.background?.paper ?? "#fff",
+      borderRadius: hn,
+      boxShadow: "0 4px 20px rgba(0,0,0,0.15)",
+      border: `1px solid ${e?.popoverBorderColor ?? t?.divider ?? "rgba(0,0,0,0.12)"}`,
+      padding: `${n?.tiny ?? "0.25rem"} 0`,
+      zIndex: Hr,
+      display: "flex",
+      flexDirection: "column"
+    };
+  }
+), Yt = re.span({
+  display: "inline-flex",
+  alignItems: "center",
+  marginLeft: "auto",
+  paddingLeft: "0.5rem",
+  flexShrink: 0
+}), ao = re.span(
+  ({ ownerColorScheme: e }) => {
+    const { palette: t } = de();
+    return {
+      display: "inline-block",
+      width: 6,
+      height: 6,
+      borderRadius: "50%",
+      backgroundColor: e?.activeIconColor ?? t?.primary?.main ?? "#1976d2",
+      transition: "background-color 150ms"
+    };
+  }
+), lo = re.span(
+  ({ ownerColorScheme: e }) => {
+    const { palette: t } = de();
+    return {
+      display: "inline-block",
+      width: 3,
+      height: 16,
+      borderRadius: 1.5,
+      backgroundColor: e?.activeIconColor ?? t?.primary?.main ?? "#1976d2",
+      transition: "background-color 150ms"
+    };
+  }
+), fo = Ae(
+  ({ children: e, dense: t = !1, mode: n = "inline", display: r = "default", trigger: o = "hover", floatingSettings: s, colorScheme: i, activeIndicator: u = "dot", showDot: l = !1, maxHeight: c, className: p, style: g, onKeyDown: v, ...h }, m) => {
+    const f = Re(null), E = fn([f, m]), { onKeyDown: x } = to(f), b = J(
+      (P) => {
+        x(P), v?.(P);
+      },
+      [x, v]
+    ), C = gt(
+      () => ({ dense: t, mode: n, display: r, trigger: o, floatingSettings: s, colorScheme: i, activeIndicator: u, showDot: l }),
+      [t, n, r, o, s, i, u, l]
+    );
+    return /* @__PURE__ */ O(Rt.Provider, { value: C, children: /* @__PURE__ */ O(
+      no,
+      {
+        ref: E,
+        role: "menu",
+        tabIndex: 0,
+        className: p,
+        style: g,
+        ownerMaxHeight: c,
+        ownerColorScheme: i,
+        onKeyDown: b,
+        ...h,
+        children: e
+      }
+    ) });
+  }
+);
+fo.displayName = "Menu";
+const Pe = Xt(null), nt = () => {
+  const e = Be(Pe);
+  if (!e)
+    throw new Error("MenuSubTrigger/MenuSubContent must be used within <MenuSub>");
+  return e;
+}, po = () => Be(Pe), mo = ({
+  children: e,
+  open: t,
+  defaultOpen: n = !1,
+  onOpenChange: r,
+  resolvedMode: o,
+  resolvedTrigger: s
+}) => {
+  const [i, u] = Ye(n), [l, c] = Ye(0), p = Re(!1), g = t !== void 0, v = g ? t : i, h = l > 0, m = bt(), f = J(
+    (T) => {
+      g || u(T), r?.(T);
+    },
+    [g, r]
+  ), E = J(() => {
+    f(!v);
+  }, [v, f]), x = Be(Pe), b = Re(null), C = J(() => (c((T) => {
+    const L = T + 1;
+    return L === 1 && !p.current && (p.current = !0, f(!0)), L === 1 && x && (b.current = x.registerSelected()), L;
+  }), () => {
+    c((T) => {
+      const L = T - 1;
+      return L === 0 && b.current && (b.current(), b.current = null), L;
+    });
+  }), [f, x]), P = gt(
+    () => ({
+      isOpen: v,
+      toggle: E,
+      setOpen: f,
+      hasSelectedChild: h,
+      registerSelected: C,
+      triggerId: m,
+      resolvedMode: o,
+      resolvedTrigger: s,
+      // Inline mode does not use floating UI
+      setReference: null,
+      setFloating: null,
+      floatingStyles: null,
+      context: null,
+      getReferenceProps: null,
+      getFloatingProps: null
+    }),
+    [v, E, f, h, C, m, o, s]
+  );
+  return /* @__PURE__ */ O(Pe.Provider, { value: P, children: e });
+}, go = ({
+  children: e,
+  open: t,
+  defaultOpen: n = !1,
+  onOpenChange: r,
+  resolvedMode: o,
+  resolvedTrigger: s
+}) => {
+  const [i, u] = Ye(n), [l, c] = Ye(0), p = t !== void 0, g = p ? t : i, v = l > 0, h = bt(), m = J(
+    (k) => {
+      p || u(k), r?.(k);
+    },
+    [p, r]
+  ), f = J(() => {
+    m(!g);
+  }, [g, m]), E = Be(Pe), x = Re(null), b = J(() => (c((k) => {
+    const a = k + 1;
+    return a === 1 && E && (x.current = E.registerSelected()), a;
+  }), () => {
+    c((k) => {
+      const a = k - 1;
+      return a === 0 && x.current && (x.current(), x.current = null), a;
+    });
+  }), [E]), C = mr(), { floatingSettings: P } = be(), T = Mn({
+    open: g,
+    onOpenChange: m,
+    nodeId: C,
+    placement: P?.placement ?? "right-start",
+    // default popover placement
+    offset: P?.offset
+    // Default offset, flip, shift are handled by useFloatingPosition
+  }), L = vr(T.context, {
+    enabled: s === "hover",
+    delay: { open: 0, close: Kr },
+    handleClose: Br({ blockPointerEvents: !0 })
+  }), _ = Ar(T.context, {
+    enabled: s === "click"
+  }), X = Nr(T.context), G = _r(T.context, { role: "menu" }), { getReferenceProps: H, getFloatingProps: W } = Lr([
+    L,
+    _,
+    X,
+    G
+  ]), Z = gt(
+    () => ({
+      isOpen: g,
+      toggle: f,
+      setOpen: m,
+      hasSelectedChild: v,
+      registerSelected: b,
+      triggerId: h,
+      resolvedMode: o,
+      resolvedTrigger: s,
+      setReference: T.setReference,
+      setFloating: T.setFloating,
+      floatingStyles: T.floatingStyles,
+      context: T.context,
+      getReferenceProps: H,
+      getFloatingProps: W
+    }),
+    [
+      g,
+      f,
+      m,
+      v,
+      b,
+      h,
+      o,
+      s,
+      T.setReference,
+      T.setFloating,
+      T.floatingStyles,
+      T.context,
+      H,
+      W
+    ]
+  );
+  return /* @__PURE__ */ O(Pe.Provider, { value: Z, children: /* @__PURE__ */ O(gr, { id: C, children: e }) });
+}, bo = ({ mode: e, trigger: t, ...n }) => {
+  const { mode: r, trigger: o } = be(), s = We(), i = e ?? r ?? "inline", u = t ?? o ?? "hover";
+  if (i === "popover") {
+    const l = /* @__PURE__ */ O(go, { resolvedMode: i, resolvedTrigger: u, ...n });
+    return s === null ? /* @__PURE__ */ O(br, { children: l }) : l;
+  }
+  return /* @__PURE__ */ O(mo, { resolvedMode: i, resolvedTrigger: u, ...n });
+};
+bo.displayName = "MenuSub";
+const vo = Ae(
+  ({
+    children: e,
+    icon: t,
+    shortcut: n,
+    disabled: r = !1,
+    danger: o = !1,
+    selected: s = !1,
+    onClick: i,
+    ...u
+  }, l) => {
+    const { dense: c, display: p, colorScheme: g, activeIndicator: v } = be(), h = po(), m = p === "icon";
+    qe(() => {
+      if (s && h)
+        return h.registerSelected();
+    }, [s, h]);
+    const f = J(() => {
+      r || i?.();
+    }, [r, i]), E = J(
+      (b) => {
+        r || (b.key === "Enter" || b.key === " ") && (b.preventDefault(), f());
+      },
+      [r, f]
+    );
+    return /* @__PURE__ */ $e(
+      En,
+      {
+        ref: l,
+        role: "menuitem",
+        tabIndex: -1,
+        "aria-disabled": r || void 0,
+        "aria-current": s ? "page" : void 0,
+        ownerDanger: o,
+        ownerDisabled: r,
+        ownerSelected: s,
+        ownerSoftSelected: !1,
+        ownerDense: c,
+        ownerIconOnly: m,
+        ownerColorScheme: g,
+        onClick: f,
+        onKeyDown: E,
+        ...u,
+        children: [
+          t && /* @__PURE__ */ O(Rn, { "aria-hidden": "true", children: t }),
+          /* @__PURE__ */ O(xn, { ownerIconOnly: m, children: e }),
+          n && !m && /* @__PURE__ */ O(ro, { ownerColorScheme: g, children: n }),
+          !s || v === !1 || m ? null : v !== "dot" && v !== "bar" && v !== void 0 ? /* @__PURE__ */ O(Yt, { children: v }) : /* @__PURE__ */ O(Yt, { children: /* @__PURE__ */ O((v ?? "dot") === "bar" ? lo : ao, { ownerColorScheme: g }) })
+        ]
+      }
+    );
+  }
+);
+vo.displayName = "MenuItem";
+const Sn = ({ children: e, className: t, style: n, id: r }) => {
+  const { colorScheme: o } = be();
+  return /* @__PURE__ */ O(oo, { role: "none", className: t, style: n, id: r, ownerColorScheme: o, children: e });
+};
+Sn.displayName = "MenuLabel";
+const ho = ({ className: e, style: t, ...n }) => {
+  const { colorScheme: r } = be();
+  return /* @__PURE__ */ O(io, { role: "separator", className: e, style: t, ownerColorScheme: r, ...n });
+};
+ho.displayName = "MenuDivider";
+const yo = ({ children: e, label: t, className: n, ...r }) => {
+  const o = bt();
+  return /* @__PURE__ */ $e("div", { role: "group", className: n, "aria-labelledby": t ? o : void 0, ...r, children: [
+    t && /* @__PURE__ */ O(Sn, { id: o, children: t }),
+    e
+  ] });
+};
+yo.displayName = "MenuGroup";
+const Eo = Ae(
+  ({ children: e, icon: t, disabled: n = !1, onKeyDown: r, ...o }, s) => {
+    const { dense: i, display: u, colorScheme: l } = be(), {
+      isOpen: c,
+      toggle: p,
+      hasSelectedChild: g,
+      triggerId: v,
+      resolvedMode: h,
+      setReference: m,
+      getReferenceProps: f
+    } = nt(), E = u === "icon", x = Re(null), b = fn([
+      x,
+      s,
+      ...h === "popover" && m ? [m] : []
+    ]), C = Re(c);
+    qe(() => {
+      C.current && !c && x.current?.focus(), C.current = c;
+    }, [c]);
+    const P = J(() => {
+      n || p();
+    }, [n, p]), T = J(
+      (_) => {
+        if (!n) {
+          switch (_.key) {
+            case "Enter":
+            case " ":
+              _.preventDefault(), p();
+              break;
+            case "ArrowRight":
+              _.preventDefault(), c || p();
+              break;
+            case "ArrowDown":
+              c && _.preventDefault();
+              break;
+          }
+          r?.(_);
+        }
+      },
+      [n, p, c, r]
+    ), L = h === "popover" && f ? f({
+      onClick: P,
+      onKeyDown: T,
+      ...o
+    }) : {
+      onClick: P,
+      onKeyDown: T,
+      ...o
+    };
+    return /* @__PURE__ */ $e(
+      En,
+      {
+        ref: b,
+        id: v,
+        role: "menuitem",
+        tabIndex: -1,
+        "aria-haspopup": "menu",
+        "aria-expanded": c,
+        "aria-disabled": n || void 0,
+        ownerDanger: !1,
+        ownerDisabled: n,
+        ownerSelected: !1,
+        ownerSoftSelected: g,
+        ownerDense: i,
+        ownerIconOnly: E,
+        ownerColorScheme: l,
+        ...L,
+        children: [
+          t && /* @__PURE__ */ O(Rn, { "aria-hidden": "true", children: t }),
+          /* @__PURE__ */ O(xn, { ownerIconOnly: E, children: e }),
+          !E && /* @__PURE__ */ O(so, { "aria-hidden": "true", ownerColorScheme: l, children: h === "popover" ? "▸" : c ? "▴" : "▾" })
+        ]
+      }
+    );
+  }
+);
+Eo.displayName = "MenuSubTrigger";
+const wn = Ae(
+  ({ children: e, onKeyDown: t, ...n }, r) => {
+    const { isOpen: o, triggerId: s, setOpen: i } = nt(), { colorScheme: u, showDot: l } = be(), c = J(
+      (p) => {
+        (p.key === "ArrowLeft" || p.key === "Escape") && (Le(p), o && i(!1)), t?.(p);
+      },
+      [o, i, t]
+    );
+    return /* @__PURE__ */ O(
+      uo,
+      {
+        ref: r,
+        role: "menu",
+        "aria-labelledby": s,
+        ownerOpen: o,
+        ownerColorScheme: u,
+        ownerShowDot: l,
+        "data-collapsed": !o,
+        onKeyDown: c,
+        ...n,
+        children: e
+      }
+    );
+  }
+);
+wn.displayName = "MenuSubContentInline";
+const Ro = ({
+  children: e,
+  context: t
+}) => {
+  const n = be();
+  return /* @__PURE__ */ O(Cr, { children: /* @__PURE__ */ O(Rt.Provider, { value: { ...n, display: "default" }, children: /* @__PURE__ */ O(Mr, { context: t, modal: !1, children: e }) }) });
+}, Cn = Ae(
+  ({ children: e, onKeyDown: t, ...n }, r) => {
+    const {
+      isOpen: o,
+      triggerId: s,
+      setFloating: i,
+      floatingStyles: u,
+      getFloatingProps: l,
+      context: c,
+      setOpen: p
+    } = nt(), g = be(), { colorScheme: v } = g, h = J(
+      (m) => {
+        const f = m.currentTarget, E = Array.from(
+          f.querySelectorAll(yn)
+        ), x = E.length > 0 ? E.indexOf(document.activeElement) : -1;
+        switch (m.key) {
+          case "ArrowDown":
+            E.length > 0 && (Le(m), E[(x + 1) % E.length]?.focus());
+            break;
+          case "ArrowUp":
+            E.length > 0 && (Le(m), E[(x - 1 + E.length) % E.length]?.focus());
+            break;
+          case "ArrowLeft":
+          case "Escape":
+            Le(m), o && p(!1);
+            break;
+        }
+        t?.(m);
+      },
+      [o, p, t]
+    );
+    return !o || !c ? null : /* @__PURE__ */ O(Ro, { context: c, children: /* @__PURE__ */ O(
+      co,
+      {
+        ownerColorScheme: v,
+        ref: i ? (m) => {
+          i(m), typeof r == "function" ? r(m) : r && (r.current = m);
+        } : r,
+        role: "menu",
+        "aria-labelledby": s,
+        style: u ?? void 0,
+        ...l ? l({
+          ...n,
+          onKeyDown: (m) => {
+            h(m), t?.(m);
+          }
+        }) : {
+          ...n,
+          onKeyDown: (m) => {
+            h(m), t?.(m);
+          }
+        },
+        children: e
+      }
+    ) });
+  }
+);
+Cn.displayName = "MenuSubContentPopover";
+const xo = Ae(
+  (e, t) => {
+    const { resolvedMode: n } = nt();
+    return n === "inline" ? /* @__PURE__ */ O(wn, { ref: t, ...e }) : /* @__PURE__ */ O(Cn, { ref: t, ...e });
+  }
+);
+xo.displayName = "MenuSubContent";
+export {
+  fo as Menu,
+  ho as MenuDivider,
+  yo as MenuGroup,
+  vo as MenuItem,
+  Sn as MenuLabel,
+  bo as MenuSub,
+  xo as MenuSubContent,
+  Eo as MenuSubTrigger
+};