@commercetools/nimbus 2.9.0 → 2.10.0

package/dist/chunks/Dialog-Dwy2_Ptk.es.js

@@ -0,0 +1,1981 @@
+import { $ as Ur } from "./Button-i3wfJjZy.es.js";
+import { $ as ae, a as se, b as q, e as j, d as Qe, g as Ce, c as Wr } from "./utils-BBrLCz2b.es.js";
+import { $ as jr } from "./Heading-DWbEoN88.es.js";
+import { c as _r, b as Gr, $ as et, d as qr, e as Jr, a as Ae } from "./useOverlayTriggerState-BIEvXItV.es.js";
+import { c as Pe, p as Xr, g as Zr, $ as tt, a as Yr, b as rt, h as ge, i as Qr, k as en } from "./useCollection-BHV9RL7c.es.js";
+import { $ as Ue, a as tn } from "./Autocomplete-B1xvEyxv.es.js";
+import { $ as rn, a as nn, b as on } from "./getItemCount-BEy-gD1d.es.js";
+import { $ as an } from "./Keyboard-Clnp4zAC.es.js";
+import { a as sn, $ as ln } from "./SelectionIndicator-BX52LU2T.es.js";
+import { a as un } from "./Separator-ByH0WwDE.es.js";
+import { $ as cn } from "./Text-DOcU1ycg.es.js";
+import { k as dn, h as ee, $ as K, b as nt, a as w, d as ne, n as Oe, g as U } from "./utils-QxBoGDA9.es.js";
+import { c as ie, e as ot, a as I, $ as J, d as pe } from "./mergeProps-Bcbq3GVJ.es.js";
+import { $ as at } from "./useLocalizedStringFormatter-pZiuCYXV.es.js";
+import g, { useRef as E, useEffect as O, useMemo as W, useContext as M, useState as N, forwardRef as Te, createContext as T, useCallback as L } from "react";
+import { $ as z } from "./filterDOMProps-BBiQzGq3.es.js";
+import { j as fn, e as bn, b as pn, $ as We, f as je, c as $n, d as mn, q as gn } from "./useFocusVisible-DZMx0daa.es.js";
+import { a as vn, $ as xn } from "./useFocusable-Cd_G32KV.es.js";
+import { $ as st } from "./useHover-BdXEf8Xj.es.js";
+import { c as hn, d as Me, $ as yn } from "./usePress-j9tEDUF8.es.js";
+import { $ as Pn } from "./useEvent-CHkp_Ies.es.js";
+import { $ as it } from "./I18nProvider-BuwVdK1A.es.js";
+import { $ as Se } from "./useEffectEvent-CaJWcluo.es.js";
+import { c as lt, d as En, $ as Dn, e as Cn, f as Mn, g as Sn, a as wn } from "./CollectionBuilder-CbqLnlVI.es.js";
+import { c as kn, d as An, b as ut } from "./FocusScope-D0jw9l8a.es.js";
+import { $ as Be } from "./useObjectRef-tuMEdnba.es.js";
+import { $ as On } from "./useSyncRef-Bn6JlpyX.es.js";
+import { $ as Tn } from "./useControlledState-BO6rCKQt.es.js";
+import { $ as we } from "./focusSafely-DqnNk8Cr.es.js";
+import { $ as Bn } from "./SSRProvider-gUjhGHAJ.es.js";
+import Rn from "react-dom";
+import { $ as Fn } from "./useFocusWithin-B9hMajq2.es.js";
+import { $ as ct } from "./getScrollParent-DpFDagTz.es.js";
+import { $ as Kn } from "./useDescription-Cs3XF2eh.es.js";
+import { $ as Ln } from "./useLabels-HhoRmCva.es.js";
+import { $ as Nn } from "./VisuallyHidden-CQtTsK1P.es.js";
+import { $ as In, a as Vn } from "./animation-t2aj3ujU.es.js";
+import { b as Hn } from "./Hidden-QDfbcOVE.es.js";
+const zn = typeof HTMLElement < "u" && "inert" in HTMLElement.prototype;
+function _e(r) {
+  return r.dataset.liveAnnouncer === "true" || r.dataset.reactAriaTopLayer !== void 0;
+}
+let te = /* @__PURE__ */ new WeakMap(), S = [];
+function Un(r, e) {
+  let t = dn(r?.[0]), a = e instanceof t.Element ? {
+    root: e
+  } : e, n = a?.root ?? document.body, s = a?.shouldUseInert && zn, o = new Set(r), i = /* @__PURE__ */ new Set(), l = (m) => s && m instanceof t.HTMLElement ? m.inert : m.getAttribute("aria-hidden") === "true", p = (m, x) => {
+    s && m instanceof t.HTMLElement ? m.inert = x : x ? m.setAttribute("aria-hidden", "true") : (m.removeAttribute("aria-hidden"), m instanceof t.HTMLElement && (m.inert = !1));
+  }, d = /* @__PURE__ */ new Set();
+  if (ee())
+    for (let m of r) {
+      let x = m;
+      for (; x && x !== n; ) {
+        let v = x.getRootNode();
+        "shadowRoot" in v && d.add(v.shadowRoot), x = v.parentNode;
+      }
+    }
+  let c = (m) => {
+    for (let h of m.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) o.add(h);
+    let x = (h) => {
+      if (i.has(h) || o.has(h) || h.parentElement && i.has(h.parentElement) && h.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
+      for (let k of o)
+        if (K(h, k)) return NodeFilter.FILTER_SKIP;
+      return NodeFilter.FILTER_ACCEPT;
+    }, v = kn(nt(m), m, NodeFilter.SHOW_ELEMENT, {
+      acceptNode: x
+    }), D = x(m);
+    if (D === NodeFilter.FILTER_ACCEPT && b(m), D !== NodeFilter.FILTER_REJECT) {
+      let h = v.nextNode();
+      for (; h != null; )
+        b(h), h = v.nextNode();
+    }
+  }, b = (m) => {
+    let x = te.get(m) ?? 0;
+    l(m) && x === 0 || (x === 0 && p(m, !0), i.add(m), te.set(m, x + 1));
+  };
+  S.length && S[S.length - 1].disconnect(), c(n);
+  let u = new MutationObserver((m) => {
+    for (let x of m)
+      if (x.type === "childList") {
+        if (x.target.isConnected && ![
+          ...o,
+          ...i
+        ].some((v) => K(v, x.target))) for (let v of x.addedNodes)
+          (v instanceof HTMLElement || v instanceof SVGElement) && _e(v) ? o.add(v) : v instanceof Element && c(v);
+        if (ee()) {
+          for (let v of d) if (!v.isConnected) {
+            u.disconnect();
+            break;
+          }
+        }
+      }
+  });
+  u.observe(n, {
+    childList: !0,
+    subtree: !0
+  });
+  let $ = /* @__PURE__ */ new Set();
+  if (ee()) for (let m of d) {
+    let x = new MutationObserver((v) => {
+      for (let D of v)
+        if (D.type === "childList") {
+          if (D.target.isConnected && ![
+            ...o,
+            ...i
+          ].some((h) => K(h, D.target))) for (let h of D.addedNodes)
+            (h instanceof HTMLElement || h instanceof SVGElement) && _e(h) ? o.add(h) : h instanceof Element && c(h);
+          if (ee()) {
+            for (let h of d) if (!h.isConnected) {
+              u.disconnect();
+              break;
+            }
+          }
+        }
+    });
+    x.observe(m, {
+      childList: !0,
+      subtree: !0
+    }), $.add(x);
+  }
+  let y = {
+    visibleNodes: o,
+    hiddenNodes: i,
+    observe() {
+      u.observe(n, {
+        childList: !0,
+        subtree: !0
+      });
+    },
+    disconnect() {
+      u.disconnect();
+    }
+  };
+  return S.push(y), () => {
+    if (u.disconnect(), ee()) for (let m of $) m.disconnect();
+    for (let m of i) {
+      let x = te.get(m);
+      x != null && (x === 1 ? (p(m, !1), te.delete(m)) : te.set(m, x - 1));
+    }
+    y === S[S.length - 1] ? (S.pop(), S.length && S[S.length - 1].observe()) : S.splice(S.indexOf(y), 1);
+  };
+}
+function Wn(r) {
+  let e = S[S.length - 1];
+  if (e && !e.visibleNodes.has(r))
+    return e.visibleNodes.add(r), () => {
+      e.visibleNodes.delete(r);
+    };
+}
+function jn(r) {
+  let { ref: e, onInteractOutside: t, isDisabled: a, onInteractOutsideStart: n } = r, s = E({
+    isPointerDown: !1,
+    ignoreEmulatedMouseEvents: !1
+  }), o = Se((l) => {
+    t && de(l, e) && (n && n(l), s.current.isPointerDown = !0);
+  }), i = Se((l) => {
+    t && t(l);
+  });
+  O(() => {
+    let l = s.current;
+    if (a) return;
+    const p = e.current, d = nt(p);
+    if (typeof PointerEvent < "u") {
+      let c = (b) => {
+        l.isPointerDown && de(b, e) && i(b), l.isPointerDown = !1;
+      };
+      return d.addEventListener("pointerdown", o, !0), d.addEventListener("click", c, !0), () => {
+        d.removeEventListener("pointerdown", o, !0), d.removeEventListener("click", c, !0);
+      };
+    } else if (process.env.NODE_ENV === "test") {
+      let c = (u) => {
+        l.ignoreEmulatedMouseEvents ? l.ignoreEmulatedMouseEvents = !1 : l.isPointerDown && de(u, e) && i(u), l.isPointerDown = !1;
+      }, b = (u) => {
+        l.ignoreEmulatedMouseEvents = !0, l.isPointerDown && de(u, e) && i(u), l.isPointerDown = !1;
+      };
+      return d.addEventListener("mousedown", o, !0), d.addEventListener("mouseup", c, !0), d.addEventListener("touchstart", o, !0), d.addEventListener("touchend", b, !0), () => {
+        d.removeEventListener("mousedown", o, !0), d.removeEventListener("mouseup", c, !0), d.removeEventListener("touchstart", o, !0), d.removeEventListener("touchend", b, !0);
+      };
+    }
+  }, [
+    e,
+    a
+  ]);
+}
+function de(r, e) {
+  if (r.button > 0) return !1;
+  let t = w(r);
+  if (t) {
+    const a = t.ownerDocument;
+    if (!a || !K(a.documentElement, t) || t.closest("[data-react-aria-top-layer]")) return !1;
+  }
+  return e.current ? !r.composedPath().includes(e.current) : !1;
+}
+const A = [];
+function _n(r, e) {
+  let { onClose: t, shouldCloseOnBlur: a, isOpen: n, isDismissable: s = !1, isKeyboardDismissDisabled: o = !1, shouldCloseOnInteractOutside: i } = r, l = E(void 0);
+  O(() => {
+    if (n && !A.includes(e))
+      return A.push(e), () => {
+        let $ = A.indexOf(e);
+        $ >= 0 && A.splice($, 1);
+      };
+  }, [
+    n,
+    e
+  ]);
+  let p = () => {
+    A[A.length - 1] === e && t && t();
+  }, d = ($) => {
+    const y = A[A.length - 1];
+    l.current = y, (!i || i(w($))) && y === e && $.stopPropagation();
+  }, c = ($) => {
+    (!i || i(w($))) && (A[A.length - 1] === e && $.stopPropagation(), l.current === e && p()), l.current = void 0;
+  }, b = ($) => {
+    $.key === "Escape" && !o && !$.nativeEvent.isComposing && ($.stopPropagation(), $.preventDefault(), p());
+  };
+  jn({
+    ref: e,
+    onInteractOutside: s && n ? c : void 0,
+    onInteractOutsideStart: d
+  });
+  let { focusWithinProps: u } = Fn({
+    isDisabled: !a,
+    onBlurWithin: ($) => {
+      !$.relatedTarget || An($.relatedTarget) || (!i || i($.relatedTarget)) && t?.();
+    }
+  });
+  return {
+    overlayProps: {
+      onKeyDown: b,
+      ...u
+    },
+    underlayProps: {}
+  };
+}
+const re = typeof document < "u" && window.visualViewport;
+let fe = 0, Ee;
+function Gn(r = {}) {
+  let { isDisabled: e } = r;
+  ie(() => {
+    if (!e)
+      return fe++, fe === 1 && (fn() ? Ee = Jn() : Ee = qn()), () => {
+        fe--, fe === 0 && Ee();
+      };
+  }, [
+    e
+  ]);
+}
+function qn() {
+  let r = window.innerWidth - document.documentElement.clientWidth;
+  return ot(r > 0 && // Use scrollbar-gutter when supported because it also works for fixed positioned elements.
+  ("scrollbarGutter" in document.documentElement.style ? $e(document.documentElement, "scrollbarGutter", "stable") : $e(document.documentElement, "paddingRight", `${r}px`)), $e(document.documentElement, "overflow", "hidden"));
+}
+function Jn() {
+  let r = $e(document.documentElement, "overflow", "hidden"), e, t = !1, a = (d) => {
+    let c = w(d);
+    e = Kn(c) ? c : ct(c, !0), t = !1;
+    let b = c.ownerDocument.defaultView.getSelection();
+    b && !b.isCollapsed && b.containsNode(c, !0) && (t = !0), d.composedPath().some((u) => u instanceof HTMLInputElement && u.type === "range") && (t = !0), "selectionStart" in c && "selectionEnd" in c && c.selectionStart < c.selectionEnd && c.ownerDocument.activeElement === c && (t = !0);
+  }, n = document.createElement("style"), s = hn();
+  s && (n.nonce = s), n.textContent = `
+@layer {
+  * {
+    overscroll-behavior: contain;
+  }
+}`.trim(), document.head.prepend(n);
+  let o = (d) => {
+    if (!(d.touches.length === 2 || t)) {
+      if (!e || e === document.documentElement || e === document.body) {
+        d.preventDefault();
+        return;
+      }
+      e.scrollHeight === e.clientHeight && e.scrollWidth === e.clientWidth && d.preventDefault();
+    }
+  }, i = (d) => {
+    let c = w(d), b = d.relatedTarget;
+    b && Pe(b) ? (b.focus({
+      preventScroll: !0
+    }), Ge(b, Pe(c))) : b || c.parentElement?.closest("[tabindex]")?.focus({
+      preventScroll: !0
+    });
+  }, l = HTMLElement.prototype.focus;
+  HTMLElement.prototype.focus = function(d) {
+    let c = ne(), b = c != null && Pe(c);
+    l.call(this, {
+      ...d,
+      preventScroll: !0
+    }), (!d || !d.preventScroll) && Ge(this, b);
+  };
+  let p = ot(De(document, "touchstart", a, {
+    passive: !1,
+    capture: !0
+  }), De(document, "touchmove", o, {
+    passive: !1,
+    capture: !0
+  }), De(document, "blur", i, !0));
+  return () => {
+    r(), p(), n.remove(), HTMLElement.prototype.focus = l;
+  };
+}
+function $e(r, e, t) {
+  let a = r.style[e];
+  return r.style[e] = t, () => {
+    r.style[e] = a;
+  };
+}
+function De(r, e, t, a) {
+  return r.addEventListener(e, t, a), () => {
+    r.removeEventListener(e, t, a);
+  };
+}
+function Ge(r, e) {
+  e || !re ? qe(r) : re.addEventListener("resize", () => qe(r), {
+    once: !0
+  });
+}
+function qe(r) {
+  let e = document.scrollingElement || document.documentElement, t = r;
+  for (; t && t !== e; ) {
+    let a = ct(t);
+    if (a !== document.documentElement && a !== document.body && a !== t) {
+      let n = a.getBoundingClientRect(), s = t.getBoundingClientRect();
+      if (s.top < n.top || s.bottom > n.top + t.clientHeight) {
+        let o = n.bottom;
+        re && (o = Math.min(o, re.offsetTop + re.height));
+        let i = s.top - n.top - ((o - n.top) / 2 - s.height / 2);
+        a.scrollTo({
+          // Clamp to the valid range to prevent over-scrolling.
+          top: Math.max(0, Math.min(a.scrollHeight - a.clientHeight, a.scrollTop + i)),
+          behavior: "smooth"
+        });
+      }
+    }
+    t = a.parentElement;
+  }
+}
+function Xn(r, e) {
+  let { triggerRef: t, popoverRef: a, groupRef: n, isNonModal: s, isKeyboardDismissDisabled: o, shouldCloseOnInteractOutside: i, ...l } = r, p = l.trigger === "SubmenuTrigger", { overlayProps: d, underlayProps: c } = _n({
+    isOpen: e.isOpen,
+    onClose: e.close,
+    shouldCloseOnBlur: !0,
+    isDismissable: !s || p,
+    isKeyboardDismissDisabled: o,
+    shouldCloseOnInteractOutside: i
+  }, n ?? a), { overlayProps: b, arrowProps: u, placement: $, triggerAnchorPoint: y } = _r({
+    ...l,
+    targetRef: t,
+    overlayRef: a,
+    isOpen: e.isOpen,
+    onClose: s && !p ? e.close : null
+  });
+  return Gn({
+    isDisabled: s || !e.isOpen
+  }), O(() => {
+    if (e.isOpen && a.current)
+      return s ? Wn(n?.current ?? a.current) : Un([
+        n?.current ?? a.current
+      ], {
+        shouldUseInert: !0
+      });
+  }, [
+    s,
+    e.isOpen,
+    a,
+    n
+  ]), {
+    popoverProps: I(d, b),
+    arrowProps: u,
+    underlayProps: c,
+    placement: $,
+    triggerAnchorPoint: y
+  };
+}
+var dt = {};
+dt = {
+  dismiss: "تجاهل"
+};
+var ft = {};
+ft = {
+  dismiss: "Отхвърляне"
+};
+var bt = {};
+bt = {
+  dismiss: "Odstranit"
+};
+var pt = {};
+pt = {
+  dismiss: "Luk"
+};
+var $t = {};
+$t = {
+  dismiss: "Schließen"
+};
+var mt = {};
+mt = {
+  dismiss: "Απόρριψη"
+};
+var gt = {};
+gt = {
+  dismiss: "Dismiss"
+};
+var vt = {};
+vt = {
+  dismiss: "Descartar"
+};
+var xt = {};
+xt = {
+  dismiss: "Lõpeta"
+};
+var ht = {};
+ht = {
+  dismiss: "Hylkää"
+};
+var yt = {};
+yt = {
+  dismiss: "Rejeter"
+};
+var Pt = {};
+Pt = {
+  dismiss: "התעלם"
+};
+var Et = {};
+Et = {
+  dismiss: "Odbaci"
+};
+var Dt = {};
+Dt = {
+  dismiss: "Elutasítás"
+};
+var Ct = {};
+Ct = {
+  dismiss: "Ignora"
+};
+var Mt = {};
+Mt = {
+  dismiss: "閉じる"
+};
+var St = {};
+St = {
+  dismiss: "무시"
+};
+var wt = {};
+wt = {
+  dismiss: "Atmesti"
+};
+var kt = {};
+kt = {
+  dismiss: "Nerādīt"
+};
+var At = {};
+At = {
+  dismiss: "Lukk"
+};
+var Ot = {};
+Ot = {
+  dismiss: "Negeren"
+};
+var Tt = {};
+Tt = {
+  dismiss: "Zignoruj"
+};
+var Bt = {};
+Bt = {
+  dismiss: "Descartar"
+};
+var Rt = {};
+Rt = {
+  dismiss: "Dispensar"
+};
+var Ft = {};
+Ft = {
+  dismiss: "Revocare"
+};
+var Kt = {};
+Kt = {
+  dismiss: "Пропустить"
+};
+var Lt = {};
+Lt = {
+  dismiss: "Zrušiť"
+};
+var Nt = {};
+Nt = {
+  dismiss: "Opusti"
+};
+var It = {};
+It = {
+  dismiss: "Odbaci"
+};
+var Vt = {};
+Vt = {
+  dismiss: "Avvisa"
+};
+var Ht = {};
+Ht = {
+  dismiss: "Kapat"
+};
+var zt = {};
+zt = {
+  dismiss: "Скасувати"
+};
+var Ut = {};
+Ut = {
+  dismiss: "取消"
+};
+var Wt = {};
+Wt = {
+  dismiss: "關閉"
+};
+var jt = {};
+jt = {
+  "ar-AE": dt,
+  "bg-BG": ft,
+  "cs-CZ": bt,
+  "da-DK": pt,
+  "de-DE": $t,
+  "el-GR": mt,
+  "en-US": gt,
+  "es-ES": vt,
+  "et-EE": xt,
+  "fi-FI": ht,
+  "fr-FR": yt,
+  "he-IL": Pt,
+  "hr-HR": Et,
+  "hu-HU": Dt,
+  "it-IT": Ct,
+  "ja-JP": Mt,
+  "ko-KR": St,
+  "lt-LT": wt,
+  "lv-LV": kt,
+  "nb-NO": At,
+  "nl-NL": Ot,
+  "pl-PL": Tt,
+  "pt-BR": Bt,
+  "pt-PT": Rt,
+  "ro-RO": Ft,
+  "ru-RU": Kt,
+  "sk-SK": Lt,
+  "sl-SI": Nt,
+  "sr-SP": It,
+  "sv-SE": Vt,
+  "tr-TR": Ht,
+  "uk-UA": zt,
+  "zh-CN": Ut,
+  "zh-TW": Wt
+};
+function Zn(r) {
+  return r && r.__esModule ? r.default : r;
+}
+function Je(r) {
+  let { onDismiss: e, ...t } = r, a = at(Zn(jt), "@react-aria/overlays"), n = Ln(t, a.format("dismiss")), s = () => {
+    e && e();
+  };
+  return /* @__PURE__ */ g.createElement(Nn, null, /* @__PURE__ */ g.createElement("button", {
+    ...n,
+    tabIndex: -1,
+    onClick: s,
+    style: {
+      width: 1,
+      height: 1
+    }
+  }));
+}
+const _t = /* @__PURE__ */ g.forwardRef(({ children: r, ...e }, t) => {
+  let a = E(!1), n = M(Me), s = I(n || {}, {
+    ...e,
+    register() {
+      a.current = !0, n && n.register();
+    }
+  });
+  return s.ref = Be(t || n?.ref), On(n, s.ref), O(() => {
+    a.current || (process.env.NODE_ENV !== "production" && console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component."), a.current = !0);
+  }, []), /* @__PURE__ */ g.createElement(Me.Provider, {
+    value: s
+  }, r);
+});
+function Yn({ children: r }) {
+  let e = W(() => ({
+    register: () => {
+    }
+  }), []);
+  return /* @__PURE__ */ g.createElement(Me.Provider, {
+    value: e
+  }, r);
+}
+const Gt = /* @__PURE__ */ g.createContext(null);
+function Xe(r) {
+  let e = Bn(), { portalContainer: t = e ? null : document.body, isExiting: a } = r, [n, s] = N(!1), o = W(() => ({
+    contain: n,
+    setContain: s
+  }), [
+    n,
+    s
+  ]), { getContainer: i } = Gr();
+  if (!r.portalContainer && i && (t = i()), !t) return null;
+  let l = r.children;
+  return r.disableFocusManagement || (l = /* @__PURE__ */ g.createElement(ut, {
+    restoreFocus: !0,
+    contain: (r.shouldContainFocus || n) && !a
+  }, l)), l = /* @__PURE__ */ g.createElement(Gt.Provider, {
+    value: o
+  }, /* @__PURE__ */ g.createElement(Yn, null, l)), /* @__PURE__ */ Rn.createPortal(l, t);
+}
+function Qn() {
+  let e = M(Gt)?.setContain;
+  ie(() => {
+    e?.(!0);
+  }, [
+    e
+  ]);
+}
+const ve = /* @__PURE__ */ T(null), Ze = /* @__PURE__ */ T(null), ra = /* @__PURE__ */ Te(function(e, t) {
+  [e, t] = ae(e, t, ve);
+  let a = M(le), n = et(e), s = e.isOpen != null || e.defaultOpen != null || !a ? n : a, o = In(t, s.isOpen) || e.isExiting || !1, i = Hn(), { direction: l } = it();
+  if (i) {
+    let p = e.children;
+    return typeof p == "function" && (p = p({
+      trigger: e.trigger || null,
+      placement: "bottom",
+      isEntering: !1,
+      isExiting: !1,
+      defaultChildren: null
+    })), /* @__PURE__ */ g.createElement(g.Fragment, null, p);
+  }
+  return s && !s.isOpen && !o ? null : /* @__PURE__ */ g.createElement(eo, {
+    ...e,
+    triggerRef: e.triggerRef,
+    state: s,
+    popoverRef: t,
+    isExiting: o,
+    dir: l
+  });
+});
+function eo({ state: r, isExiting: e, UNSTABLE_portalContainer: t, clearContexts: a, ...n }) {
+  let s = E(null), o = E(null), i = M(Ze), l = i && n.trigger === "SubmenuTrigger", { popoverProps: p, underlayProps: d, arrowProps: c, placement: b, triggerAnchorPoint: u } = Xn({
+    ...n,
+    offset: n.offset ?? 8,
+    arrowRef: s,
+    // If this is a submenu/subdialog, use the root popover's container
+    // to detect outside interaction and add aria-hidden.
+    groupRef: l ? i : o
+  }, r), $ = n.popoverRef, y = Vn($, !!b) || n.isEntering || !1, m = se({
+    ...n,
+    defaultClassName: "react-aria-Popover",
+    values: {
+      trigger: n.trigger || null,
+      placement: b,
+      isEntering: y,
+      isExiting: e
+    }
+  }), x = !n.isNonModal || n.trigger === "SubmenuTrigger", [v, D] = N(!1);
+  ie(() => {
+    $.current && D(x && !$.current.querySelector("[role=dialog]"));
+  }, [
+    $,
+    x
+  ]), O(() => {
+    v && (n.trigger !== "SubmenuTrigger" || bn() !== "pointer") && $.current && !Oe($.current) && we($.current);
+  }, [
+    v,
+    $,
+    n.trigger
+  ]);
+  let h = W(() => {
+    let f = m.children;
+    if (a) for (let C of a) f = /* @__PURE__ */ g.createElement(C.Provider, {
+      value: null
+    }, f);
+    return f;
+  }, [
+    m.children,
+    a
+  ]), k = {
+    ...p.style,
+    "--trigger-anchor-point": u ? `${u.x}px ${u.y}px` : void 0,
+    ...m.style
+  }, B = /* @__PURE__ */ g.createElement(q.div, {
+    ...I(z(n, {
+      global: !0
+    }), p),
+    ...m,
+    role: v ? "dialog" : void 0,
+    tabIndex: v ? -1 : void 0,
+    "aria-label": n["aria-label"],
+    "aria-labelledby": n["aria-labelledby"],
+    ref: $,
+    slot: n.slot || void 0,
+    style: k,
+    dir: n.dir,
+    "data-trigger": n.trigger,
+    "data-placement": b,
+    "data-entering": y || void 0,
+    "data-exiting": e || void 0
+  }, !n.isNonModal && /* @__PURE__ */ g.createElement(Je, {
+    onDismiss: r.close
+  }), /* @__PURE__ */ g.createElement(qr.Provider, {
+    value: {
+      ...c,
+      placement: b,
+      ref: s
+    }
+  }, h), /* @__PURE__ */ g.createElement(Je, {
+    onDismiss: r.close
+  }));
+  return l ? /* @__PURE__ */ g.createElement(Xe, {
+    ...n,
+    shouldContainFocus: v,
+    isExiting: e,
+    portalContainer: t ?? i?.current ?? void 0
+  }, B) : /* @__PURE__ */ g.createElement(Xe, {
+    ...n,
+    shouldContainFocus: v,
+    isExiting: e,
+    portalContainer: t
+  }, !n.isNonModal && r.isOpen && /* @__PURE__ */ g.createElement("div", {
+    "data-testid": "underlay",
+    ...d,
+    style: {
+      position: "fixed",
+      inset: 0
+    }
+  }), /* @__PURE__ */ g.createElement("div", {
+    ref: o,
+    style: {
+      display: "contents"
+    }
+  }, /* @__PURE__ */ g.createElement(Ze.Provider, {
+    value: o
+  }, B)));
+}
+var qt = {};
+qt = {
+  longPressMessage: "اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة"
+};
+var Jt = {};
+Jt = {
+  longPressMessage: "Натиснете продължително или натиснете Alt+ стрелка надолу, за да отворите менюто"
+};
+var Xt = {};
+Xt = {
+  longPressMessage: "Dlouhým stiskem nebo stisknutím kláves Alt + šipka dolů otevřete nabídku"
+};
+var Zt = {};
+Zt = {
+  longPressMessage: "Langt tryk eller tryk på Alt + pil ned for at åbne menuen"
+};
+var Yt = {};
+Yt = {
+  longPressMessage: "Drücken Sie lange oder drücken Sie Alt + Nach-unten, um das Menü zu öffnen"
+};
+var Qt = {};
+Qt = {
+  longPressMessage: "Πιέστε παρατεταμένα ή πατήστε Alt + κάτω βέλος για να ανοίξετε το μενού"
+};
+var er = {};
+er = {
+  longPressMessage: "Long press or press Alt + ArrowDown to open menu"
+};
+var tr = {};
+tr = {
+  longPressMessage: "Mantenga pulsado o pulse Alt + flecha abajo para abrir el menú"
+};
+var rr = {};
+rr = {
+  longPressMessage: "Menüü avamiseks vajutage pikalt või vajutage klahve Alt + allanool"
+};
+var nr = {};
+nr = {
+  longPressMessage: "Avaa valikko painamalla pohjassa tai näppäinyhdistelmällä Alt + Alanuoli"
+};
+var or = {};
+or = {
+  longPressMessage: "Appuyez de manière prolongée ou appuyez sur Alt + Flèche vers le bas pour ouvrir le menu."
+};
+var ar = {};
+ar = {
+  longPressMessage: "לחץ לחיצה ארוכה או הקש Alt + ArrowDown כדי לפתוח את התפריט"
+};
+var sr = {};
+sr = {
+  longPressMessage: "Dugo pritisnite ili pritisnite Alt + strelicu prema dolje za otvaranje izbornika"
+};
+var ir = {};
+ir = {
+  longPressMessage: "Nyomja meg hosszan, vagy nyomja meg az Alt + lefele nyíl gombot a menü megnyitásához"
+};
+var lr = {};
+lr = {
+  longPressMessage: "Premi a lungo o premi Alt + Freccia giù per aprire il menu"
+};
+var ur = {};
+ur = {
+  longPressMessage: "長押しまたは Alt+下矢印キーでメニューを開く"
+};
+var cr = {};
+cr = {
+  longPressMessage: "길게 누르거나 Alt + 아래쪽 화살표를 눌러 메뉴 열기"
+};
+var dr = {};
+dr = {
+  longPressMessage: "Norėdami atidaryti meniu, nuspaudę palaikykite arba paspauskite „Alt + ArrowDown“."
+};
+var fr = {};
+fr = {
+  longPressMessage: "Lai atvērtu izvēlni, turiet nospiestu vai nospiediet taustiņu kombināciju Alt + lejupvērstā bultiņa"
+};
+var br = {};
+br = {
+  longPressMessage: "Langt trykk eller trykk Alt + PilNed for å åpne menyen"
+};
+var pr = {};
+pr = {
+  longPressMessage: "Druk lang op Alt + pijl-omlaag of druk op Alt om het menu te openen"
+};
+var $r = {};
+$r = {
+  longPressMessage: "Naciśnij i przytrzymaj lub naciśnij klawisze Alt + Strzałka w dół, aby otworzyć menu"
+};
+var mr = {};
+mr = {
+  longPressMessage: "Pressione e segure ou pressione Alt + Seta para baixo para abrir o menu"
+};
+var gr = {};
+gr = {
+  longPressMessage: "Prima continuamente ou prima Alt + Seta Para Baixo para abrir o menu"
+};
+var vr = {};
+vr = {
+  longPressMessage: "Apăsați lung sau apăsați pe Alt + săgeată în jos pentru a deschide meniul"
+};
+var xr = {};
+xr = {
+  longPressMessage: "Нажмите и удерживайте или нажмите Alt + Стрелка вниз, чтобы открыть меню"
+};
+var hr = {};
+hr = {
+  longPressMessage: "Ponuku otvoríte dlhým stlačením alebo stlačením klávesu Alt + klávesu so šípkou nadol"
+};
+var yr = {};
+yr = {
+  longPressMessage: "Za odprtje menija pritisnite in držite gumb ali pritisnite Alt+puščica navzdol"
+};
+var Pr = {};
+Pr = {
+  longPressMessage: "Dugo pritisnite ili pritisnite Alt + strelicu prema dole da otvorite meni"
+};
+var Er = {};
+Er = {
+  longPressMessage: "Håll nedtryckt eller tryck på Alt + pil nedåt för att öppna menyn"
+};
+var Dr = {};
+Dr = {
+  longPressMessage: "Menüyü açmak için uzun basın veya Alt + Aşağı Ok tuşuna basın"
+};
+var Cr = {};
+Cr = {
+  longPressMessage: "Довго або звичайно натисніть комбінацію клавіш Alt і стрілка вниз, щоб відкрити меню"
+};
+var Mr = {};
+Mr = {
+  longPressMessage: "长按或按 Alt + 向下方向键以打开菜单"
+};
+var Sr = {};
+Sr = {
+  longPressMessage: "長按或按 Alt+向下鍵以開啟功能表"
+};
+var wr = {};
+wr = {
+  "ar-AE": qt,
+  "bg-BG": Jt,
+  "cs-CZ": Xt,
+  "da-DK": Zt,
+  "de-DE": Yt,
+  "el-GR": Qt,
+  "en-US": er,
+  "es-ES": tr,
+  "et-EE": rr,
+  "fi-FI": nr,
+  "fr-FR": or,
+  "he-IL": ar,
+  "hr-HR": sr,
+  "hu-HU": ir,
+  "it-IT": lr,
+  "ja-JP": ur,
+  "ko-KR": cr,
+  "lt-LT": dr,
+  "lv-LV": fr,
+  "nb-NO": br,
+  "nl-NL": pr,
+  "pl-PL": $r,
+  "pt-BR": mr,
+  "pt-PT": gr,
+  "ro-RO": vr,
+  "ru-RU": xr,
+  "sk-SK": hr,
+  "sl-SI": yr,
+  "sr-SP": Pr,
+  "sv-SE": Er,
+  "tr-TR": Dr,
+  "uk-UA": Cr,
+  "zh-CN": Mr,
+  "zh-TW": Sr
+};
+function kr(r, e, t) {
+  let { type: a } = r, { isOpen: n } = e;
+  O(() => {
+    t && t.current && Jr.set(t.current, e.close);
+  });
+  let s;
+  a === "menu" ? s = !0 : a === "listbox" && (s = "listbox");
+  let o = J();
+  return {
+    triggerProps: {
+      "aria-haspopup": s,
+      "aria-expanded": n,
+      "aria-controls": n ? o : void 0,
+      onPress: e.toggle
+    },
+    overlayProps: {
+      id: o
+    }
+  };
+}
+function to(r) {
+  return r && r.__esModule ? r.default : r;
+}
+function ro(r, e, t) {
+  let { type: a = "menu", isDisabled: n, trigger: s = "press" } = r, o = J(), { triggerProps: i, overlayProps: l } = kr({
+    type: a
+  }, e, t), p = (u) => {
+    if (!n && !(s === "longPress" && !u.altKey) && t && t.current)
+      switch (u.key) {
+        case "Enter":
+        case " ":
+          if (s === "longPress" || u.isDefaultPrevented()) return;
+        // fallthrough
+        case "ArrowDown":
+          "continuePropagation" in u || u.stopPropagation(), u.preventDefault(), e.toggle("first");
+          break;
+        case "ArrowUp":
+          "continuePropagation" in u || u.stopPropagation(), u.preventDefault(), e.toggle("last");
+          break;
+        default:
+          "continuePropagation" in u && u.continuePropagation();
+      }
+  }, d = at(to(wr), "@react-aria/menu"), { longPressProps: c } = Xr({
+    isDisabled: n || s !== "longPress",
+    accessibilityDescription: d.format("longPressMessage"),
+    onLongPressStart() {
+      e.close();
+    },
+    onLongPress() {
+      e.open("first");
+    }
+  }), b = {
+    preventFocusOnPress: !0,
+    onPressStart(u) {
+      u.pointerType !== "touch" && u.pointerType !== "keyboard" && !n && (U(u.target), e.open(u.pointerType === "virtual" ? "first" : null));
+    },
+    onPress(u) {
+      u.pointerType === "touch" && !n && (U(u.target), e.toggle());
+    }
+  };
+  return delete i.onPress, {
+    // @ts-ignore - TODO we pass out both DOMAttributes AND AriaButtonProps, but useButton will discard the longPress event handlers, it's only through PressResponder magic that this works for RSP and RAC. it does not work in aria examples
+    menuTriggerProps: {
+      ...i,
+      ...s === "press" ? b : c,
+      id: o,
+      onKeyDown: p
+    },
+    menuProps: {
+      ...l,
+      "aria-labelledby": o,
+      autoFocus: e.focusStrategy || !0,
+      onClose: e.close
+    }
+  };
+}
+const Ar = /* @__PURE__ */ new WeakMap();
+function no(r, e, t) {
+  let { shouldFocusWrap: a = !0, onKeyDown: n, onKeyUp: s, ...o } = r;
+  !r["aria-label"] && !r["aria-labelledby"] && process.env.NODE_ENV !== "production" && console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  let i = z(r, {
+    labelable: !0
+  }), { listProps: l } = rn({
+    ...o,
+    ref: t,
+    selectionManager: e.selectionManager,
+    collection: e.collection,
+    disabledKeys: e.disabledKeys,
+    shouldFocusWrap: a,
+    linkBehavior: "override"
+  });
+  return Ar.set(e, {
+    onClose: r.onClose,
+    onAction: r.onAction,
+    shouldUseVirtualFocus: r.shouldUseVirtualFocus
+  }), {
+    menuProps: I(i, {
+      onKeyDown: n,
+      onKeyUp: s
+    }, {
+      role: "menu",
+      ...l,
+      onKeyDown: (p) => {
+        (p.key !== "Escape" || r.shouldUseVirtualFocus) && l.onKeyDown?.(p);
+      }
+    })
+  };
+}
+function oo(r, e, t) {
+  let { id: a, key: n, closeOnSelect: s, shouldCloseOnSelect: o, isVirtualized: i, "aria-haspopup": l, onPressStart: p, onPressUp: d, onPress: c, onPressChange: b, onPressEnd: u, onClick: $, onHoverStart: y, onHoverChange: m, onHoverEnd: x, onKeyDown: v, onKeyUp: D, onFocus: h, onFocusChange: k, onBlur: B, selectionManager: f = e.selectionManager } = r, C = !!l, V = C && r["aria-expanded"] === "true", R = r.isDisabled ?? f.isDisabled(n), Z = r.isSelected ?? f.isSelected(n), H = Ar.get(e), F = e.collection.getItem(n), Y = r.onClose || H.onClose, ue = pn(), Q = () => {
+    if (!C && (F?.props?.onAction ? F.props.onAction() : r.onAction && r.onAction(n), H.onAction)) {
+      let P = H.onAction;
+      P(n);
+    }
+  }, he = "menuitem";
+  C || (f.selectionMode === "single" ? he = "menuitemradio" : f.selectionMode === "multiple" && (he = "menuitemcheckbox"));
+  let Le = pe(), Ne = pe(), Ie = pe(), ce = {
+    id: a,
+    "aria-disabled": R || void 0,
+    role: he,
+    "aria-label": r["aria-label"],
+    "aria-labelledby": Le,
+    "aria-describedby": [
+      r["aria-describedby"],
+      Ne,
+      Ie
+    ].filter(Boolean).join(" ") || void 0,
+    "aria-controls": r["aria-controls"],
+    "aria-haspopup": l,
+    "aria-expanded": r["aria-expanded"]
+  };
+  if (f.selectionMode !== "none" && !C && (ce["aria-checked"] = Z), i) {
+    let P = Number(F?.index);
+    ce["aria-posinset"] = Number.isNaN(P) ? void 0 : P + 1, ce["aria-setsize"] = nn(e.collection);
+  }
+  let Ve = E(!1), Rr = (P) => {
+    b?.(P), Ve.current = P;
+  }, _ = E(null), Fr = (P) => {
+    P.pointerType !== "keyboard" && (_.current = {
+      pointerType: P.pointerType
+    }), P.pointerType === "mouse" && (Ve.current || P.target.click()), d?.(P);
+  }, Kr = (P) => {
+    $?.(P), Q(), mn(P, ue, F.props.href, F?.props.routerOptions);
+    let ye = _.current?.pointerType === "keyboard" ? _.current?.key === "Enter" || f.selectionMode === "none" || f.isLink(n) : f.selectionMode !== "multiple" || f.isLink(n);
+    ye = o ?? s ?? ye, Y && !C && ye && Y(), _.current = null;
+  }, { itemProps: G, isFocused: He } = Zr({
+    id: a,
+    selectionManager: f,
+    key: n,
+    ref: t,
+    shouldSelectOnPressUp: !0,
+    allowsDifferentPressOrigin: !0,
+    // Disable all handling of links in useSelectable item
+    // because we handle it ourselves. The behavior of menus
+    // is slightly different from other collections because
+    // actions are performed on key down rather than key up.
+    linkBehavior: "none",
+    shouldUseVirtualFocus: H.shouldUseVirtualFocus
+  }), { pressProps: Lr, isPressed: Nr } = yn({
+    onPressStart: p,
+    onPress: c,
+    onPressUp: Fr,
+    onPressChange: Rr,
+    onPressEnd: u,
+    isDisabled: R
+  }), { hoverProps: Ir } = st({
+    isDisabled: R,
+    onHoverStart(P) {
+      !We() && !(V && l) && (f.setFocused(!0), f.setFocusedKey(n)), y?.(P);
+    },
+    onHoverChange: m,
+    onHoverEnd: x
+  }), { keyboardProps: Vr } = vn({
+    onKeyDown: (P) => {
+      if (P.repeat) {
+        P.continuePropagation();
+        return;
+      }
+      switch (P.key) {
+        case " ":
+          _.current = {
+            pointerType: "keyboard",
+            key: " "
+          }, w(P).click(), je("keyboard");
+          break;
+        case "Enter":
+          _.current = {
+            pointerType: "keyboard",
+            key: "Enter"
+          }, w(P).tagName !== "A" && w(P).click(), je("keyboard");
+          break;
+        default:
+          C || P.continuePropagation(), v?.(P);
+          break;
+      }
+    },
+    onKeyUp: D
+  }), { focusableProps: Hr } = xn({
+    onBlur: B,
+    onFocus: h,
+    onFocusChange: k
+  }, t), ze = z(F?.props);
+  delete ze.id;
+  let zr = $n(F?.props);
+  return {
+    menuItemProps: {
+      ...ce,
+      ...I(
+        ze,
+        zr,
+        C ? {
+          onFocus: G.onFocus,
+          "data-collection": G["data-collection"],
+          "data-key": G["data-key"]
+        } : G,
+        Lr,
+        Ir,
+        Vr,
+        Hr,
+        // Prevent DOM focus from moving on mouse down when using virtual focus or this is a submenu/subdialog trigger.
+        H.shouldUseVirtualFocus || C ? {
+          onMouseDown: (P) => P.preventDefault()
+        } : void 0,
+        R ? void 0 : {
+          onClick: Kr
+        }
+      ),
+      // If a submenu is expanded, set the tabIndex to -1 so that shift tabbing goes out of the menu instead of the parent menu item.
+      tabIndex: G.tabIndex != null && V && !H.shouldUseVirtualFocus ? -1 : G.tabIndex
+    },
+    labelProps: {
+      id: Le
+    },
+    descriptionProps: {
+      id: Ne
+    },
+    keyboardShortcutProps: {
+      id: Ie
+    },
+    isFocused: He,
+    isFocusVisible: He && f.isFocused && We() && !V,
+    isSelected: Z,
+    isPressed: Nr,
+    isDisabled: R
+  };
+}
+function ao(r) {
+  let { heading: e, "aria-label": t } = r, a = J();
+  return {
+    itemProps: {
+      role: "presentation"
+    },
+    headingProps: e ? {
+      // Techincally, menus cannot contain headings according to ARIA.
+      // We hide the heading from assistive technology, using role="presentation",
+      // and only use it as a label for the nested group.
+      id: a,
+      role: "presentation"
+    } : {},
+    groupProps: {
+      role: "group",
+      "aria-label": t,
+      "aria-labelledby": e ? a : void 0
+    }
+  };
+}
+const be = 2, so = 50, io = 1e3, Ye = Math.PI / 12;
+function lo(r) {
+  let { menuRef: e, submenuRef: t, isOpen: a, isDisabled: n } = r, s = E(void 0), o = E(void 0), i = E(0), l = E(void 0), p = E(void 0), d = E(void 0), c = E(2), [b, u] = N(!1);
+  Ae({
+    ref: a ? t : void 0,
+    onResize: () => {
+      t.current && (o.current = t.current.getBoundingClientRect(), d.current = void 0);
+    }
+  });
+  let y = () => {
+    u(!1), c.current = be, s.current = void 0;
+  }, m = gn(), x = Se((v) => {
+    b && v.preventDefault();
+  });
+  O(() => {
+    b && e.current ? e.current.style.pointerEvents = "none" : e.current.style.pointerEvents = "";
+  }, [
+    e,
+    b
+  ]), ie(() => {
+    let v = t.current, D = e.current;
+    if (n || !v || !a || m !== "pointer" || !D) {
+      y();
+      return;
+    }
+    o.current = v.getBoundingClientRect();
+    let h = (k) => {
+      if (k.pointerType === "touch" || k.pointerType === "pen") return;
+      let B = Date.now();
+      if (B - i.current < so) return;
+      clearTimeout(l.current), clearTimeout(p.current);
+      let { clientX: f, clientY: C } = k;
+      if (!s.current) {
+        s.current = {
+          x: f,
+          y: C
+        };
+        return;
+      }
+      if (!o.current) return;
+      if (d.current || (d.current = f > o.current.right ? "left" : "right"), f < D.getBoundingClientRect().left || f > D.getBoundingClientRect().right || C < D.getBoundingClientRect().top || C > D.getBoundingClientRect().bottom) {
+        y();
+        return;
+      }
+      let V = s.current.x, R = s.current.y, Z = d.current === "right" ? o.current.left - V : V - o.current.right, H = Math.atan2(R - o.current.top, Z) + Ye, F = Math.atan2(R - o.current.bottom, Z) - Ye, Y = Math.atan2(R - C, d.current === "left" ? -(f - V) : f - V), ue = Y < H && Y > F;
+      c.current = ue ? Math.min(c.current + 1, be) : Math.max(c.current - 1, 0), c.current >= be ? u(!0) : u(!1), i.current = B, s.current = {
+        x: f,
+        y: C
+      }, ue && (l.current = setTimeout(() => {
+        y(), p.current = setTimeout(() => {
+          let Q = document.elementFromPoint(f, C);
+          Q && K(D, Q) && Q.dispatchEvent(new PointerEvent("pointerover", {
+            bubbles: !0,
+            cancelable: !0
+          }));
+        }, 100);
+      }, io));
+    };
+    return window.addEventListener("pointermove", h), process.env.NODE_ENV !== "test" && window.addEventListener("pointerdown", x, !0), () => {
+      window.removeEventListener("pointermove", h), process.env.NODE_ENV !== "test" && window.removeEventListener("pointerdown", x, !0), clearTimeout(l.current), clearTimeout(p.current), c.current = be;
+    };
+  }, [
+    n,
+    a,
+    e,
+    m,
+    u,
+    t
+  ]);
+}
+function uo(r, e, t) {
+  let { parentMenuRef: a, submenuRef: n, type: s = "menu", isDisabled: o, delay: i = 200, shouldUseVirtualFocus: l } = r, p = J(), d = J(), { direction: c } = it(), b = E(void 0), u = L(() => {
+    b.current && (clearTimeout(b.current), b.current = void 0);
+  }, [
+    b
+  ]), $ = L((f) => {
+    u(), e.open(f);
+  }, [
+    e,
+    u
+  ]), y = L(() => {
+    u(), e.close();
+  }, [
+    e,
+    u
+  ]);
+  ie(() => () => {
+    u();
+  }, [
+    u
+  ]);
+  let m = (f) => {
+    if (Oe(f.currentTarget))
+      switch (f.key) {
+        case "ArrowLeft":
+          c === "ltr" && K(f.currentTarget, w(f)) && (f.preventDefault(), f.stopPropagation(), y(), !l && t.current && U(t.current));
+          break;
+        case "ArrowRight":
+          c === "rtl" && K(f.currentTarget, w(f)) && (f.preventDefault(), f.stopPropagation(), y(), !l && t.current && U(t.current));
+          break;
+        case "Escape":
+          K(n.current, w(f)) && (f.stopPropagation(), y(), !l && t.current && U(t.current));
+          break;
+      }
+  }, x = {
+    id: d,
+    "aria-labelledby": p,
+    submenuLevel: e.submenuLevel,
+    ...s === "menu" && {
+      onClose: e.closeAll,
+      autoFocus: e.focusStrategy ?? void 0,
+      onKeyDown: m
+    }
+  }, v = (f) => {
+    switch (f.key) {
+      case "ArrowRight":
+        o || (c === "ltr" ? (f.preventDefault(), e.isOpen || $("first"), s === "menu" && n?.current && ne() === t?.current && U(n.current)) : e.isOpen ? y() : f.continuePropagation());
+        break;
+      case "ArrowLeft":
+        o || (c === "rtl" ? (f.preventDefault(), e.isOpen || $("first"), s === "menu" && n?.current && ne() === t?.current && U(n.current)) : e.isOpen ? y() : f.continuePropagation());
+        break;
+      default:
+        f.continuePropagation();
+        break;
+    }
+  }, D = (f) => {
+    !o && (f.pointerType === "virtual" || f.pointerType === "keyboard") && $("first");
+  }, h = (f) => {
+    !o && (f.pointerType === "touch" || f.pointerType === "mouse") && $();
+  }, k = (f) => {
+    o || (f && !e.isOpen ? b.current || (b.current = setTimeout(() => {
+      $();
+    }, i)) : f || u());
+  };
+  Pn(a, "focusin", (f) => {
+    e.isOpen && K(a.current, w(f)) && w(f) !== t.current && y();
+  });
+  let B = (f) => f !== t.current;
+  return lo({
+    menuRef: a,
+    submenuRef: n,
+    isOpen: e.isOpen,
+    isDisabled: o
+  }), {
+    submenuTriggerProps: {
+      id: p,
+      "aria-controls": e.isOpen ? d : void 0,
+      "aria-haspopup": o ? void 0 : s,
+      "aria-expanded": e.isOpen ? "true" : "false",
+      onPressStart: D,
+      onPress: h,
+      onHoverChange: k,
+      onKeyDown: v,
+      isOpen: e.isOpen
+    },
+    submenuProps: x,
+    popoverProps: {
+      isNonModal: !0,
+      shouldCloseOnInteractOutside: B
+    }
+  };
+}
+function Re(r) {
+  let e = et(r), [t, a] = N(null), [n, s] = N([]), o = () => {
+    s([]), e.close();
+  };
+  return {
+    focusStrategy: t,
+    ...e,
+    open(p = null) {
+      a(p), e.open();
+    },
+    toggle(p = null) {
+      a(p), e.toggle();
+    },
+    close() {
+      o();
+    },
+    expandedKeysStack: n,
+    openSubmenu: (p, d) => {
+      s((c) => d > c.length ? c : [
+        ...c.slice(0, d),
+        p
+      ]);
+    },
+    closeSubmenu: (p, d) => {
+      s((c) => c[d] === p ? c.slice(0, d) : c);
+    }
+  };
+}
+function co(r, e) {
+  let { triggerKey: t } = r, { expandedKeysStack: a, openSubmenu: n, closeSubmenu: s, close: o } = e, [i] = N(a?.length), l = W(() => a[i] === t, [
+    a,
+    t,
+    i
+  ]), [p, d] = N(null), c = L(($) => {
+    d($ ?? null), n(t, i);
+  }, [
+    n,
+    i,
+    t
+  ]), b = L(() => {
+    d(null), s(t, i);
+  }, [
+    s,
+    i,
+    t
+  ]), u = L(($) => {
+    d($ ?? null), l ? b() : c($);
+  }, [
+    b,
+    c,
+    l
+  ]);
+  return W(() => ({
+    focusStrategy: p,
+    isOpen: l,
+    open: c,
+    close: b,
+    closeAll: o,
+    submenuLevel: i,
+    // TODO: Placeholders that aren't used but give us parity with OverlayTriggerState so we can use this in Popover. Refactor if we update Popover via
+    // https://github.com/adobe/react-spectrum/pull/4976#discussion_r1336472863
+    setOpen: () => {
+    },
+    toggle: u
+  }), [
+    l,
+    c,
+    b,
+    o,
+    p,
+    u,
+    i
+  ]);
+}
+class fo {
+  constructor(e, { expandedKeys: t } = {}) {
+    this.keyMap = /* @__PURE__ */ new Map(), this.firstKey = null, this.lastKey = null, this.iterable = e, t = t || /* @__PURE__ */ new Set();
+    let a = (o) => {
+      if (this.keyMap.set(o.key, o), o.childNodes && (o.type === "section" || t.has(o.key))) for (let i of o.childNodes) a(i);
+    };
+    for (let o of e) a(o);
+    let n = null, s = 0;
+    for (let [o, i] of this.keyMap)
+      n ? (n.nextKey = o, i.prevKey = n.key) : (this.firstKey = o, i.prevKey = void 0), i.type === "item" && (i.index = s++), n = i, n.nextKey = void 0;
+    this.lastKey = n?.key ?? null;
+  }
+  *[Symbol.iterator]() {
+    yield* this.iterable;
+  }
+  get size() {
+    return this.keyMap.size;
+  }
+  getKeys() {
+    return this.keyMap.keys();
+  }
+  getKeyBefore(e) {
+    let t = this.keyMap.get(e);
+    return t ? t.prevKey ?? null : null;
+  }
+  getKeyAfter(e) {
+    let t = this.keyMap.get(e);
+    return t ? t.nextKey ?? null : null;
+  }
+  getFirstKey() {
+    return this.firstKey;
+  }
+  getLastKey() {
+    return this.lastKey;
+  }
+  getItem(e) {
+    return this.keyMap.get(e) ?? null;
+  }
+  at(e) {
+    const t = [
+      ...this.getKeys()
+    ];
+    return this.getItem(t[e]);
+  }
+}
+function bo(r) {
+  let { onExpandedChange: e } = r, [t, a] = Tn(r.expandedKeys ? new Set(r.expandedKeys) : void 0, r.defaultExpandedKeys ? new Set(r.defaultExpandedKeys) : /* @__PURE__ */ new Set(), e), n = tt(r), s = W(() => r.disabledKeys ? new Set(r.disabledKeys) : /* @__PURE__ */ new Set(), [
+    r.disabledKeys
+  ]), o = Yr(r, L((l) => new fo(l, {
+    expandedKeys: t
+  }), [
+    t
+  ]), null);
+  return O(() => {
+    n.focusedKey != null && !o.getItem(n.focusedKey) && n.setFocusedKey(null);
+  }, [
+    o,
+    n.focusedKey
+  ]), {
+    collection: o,
+    expandedKeys: t,
+    disabledKeys: s,
+    toggleKey: (l) => {
+      a(po(t, l));
+    },
+    setExpandedKeys: a,
+    selectionManager: new rt(o, n)
+  };
+}
+function po(r, e) {
+  let t = new Set(r);
+  return t.has(e) ? t.delete(e) : t.add(e), t;
+}
+const Fe = /* @__PURE__ */ T(null), xe = /* @__PURE__ */ T(null), oe = /* @__PURE__ */ T(null), me = /* @__PURE__ */ T(null);
+function na(r) {
+  let e = Re(r), t = E(null), { menuTriggerProps: a, menuProps: n } = ro({
+    ...r,
+    type: "menu"
+  }, e, t), [s, o] = N(null), i = L(() => {
+    t.current && o(t.current.offsetWidth + "px");
+  }, [
+    t
+  ]);
+  Ae({
+    ref: t,
+    onResize: i
+  });
+  let l = E(null);
+  return /* @__PURE__ */ g.createElement(j, {
+    values: [
+      [
+        Fe,
+        {
+          ...n,
+          ref: l
+        }
+      ],
+      [
+        le,
+        e
+      ],
+      [
+        oe,
+        e
+      ],
+      [
+        ve,
+        {
+          trigger: "MenuTrigger",
+          triggerRef: t,
+          scrollRef: l,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": s
+          },
+          "aria-labelledby": n["aria-labelledby"]
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ g.createElement(_t, {
+    ...a,
+    ref: t,
+    isPressed: e.isOpen
+  }, r.children));
+}
+const Or = /* @__PURE__ */ T(null), Ke = class Ke extends wn {
+  filter(e, t, a) {
+    let n = e.getItem(this.firstChildKey);
+    if (n && a(n.textValue, this)) {
+      let s = this.clone();
+      return t.addDescendants(s, e), s;
+    }
+    return null;
+  }
+};
+Ke.type = "submenutrigger";
+let ke = Ke;
+const oa = /* @__PURE__ */ lt(ke, (r, e, t) => {
+  let { CollectionBranch: a } = M(ge), n = M(xe), s = M(oe), o = co({
+    triggerKey: t.key
+  }, s), i = E(null), l = Be(e), { parentMenuRef: p, shouldUseVirtualFocus: d } = M(Or), { submenuTriggerProps: c, submenuProps: b, popoverProps: u } = uo({
+    parentMenuRef: p,
+    submenuRef: i,
+    delay: r.delay,
+    shouldUseVirtualFocus: d
+  }, o, l);
+  return /* @__PURE__ */ g.createElement(j, {
+    values: [
+      [
+        X,
+        {
+          ...c,
+          onAction: void 0,
+          ref: l
+        }
+      ],
+      [
+        Fe,
+        {
+          ref: i,
+          ...b
+        }
+      ],
+      [
+        le,
+        o
+      ],
+      [
+        ve,
+        {
+          trigger: "SubmenuTrigger",
+          triggerRef: l,
+          placement: "end top",
+          "aria-labelledby": b["aria-labelledby"],
+          ...u
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ g.createElement(a, {
+    collection: n.collection,
+    parent: t
+  }), r.children[1]);
+}, (r) => r.children[0]), aa = /* @__PURE__ */ Te(function(e, t) {
+  return [e, t] = ae(e, t, Fe), /* @__PURE__ */ g.createElement(Mn, {
+    content: /* @__PURE__ */ g.createElement(Sn, e)
+  }, (a) => /* @__PURE__ */ g.createElement($o, {
+    props: e,
+    collection: a,
+    menuRef: t
+  }));
+});
+function $o({ props: r, collection: e, menuRef: t }) {
+  [r, t] = ae(r, t, Ue);
+  let { filter: a, ...n } = r, s = W(() => a ? e.filter(a) : e, [
+    e,
+    a
+  ]), o = bo({
+    ...r,
+    collection: s,
+    children: void 0
+  }), i = M(oe), { isVirtualized: l, CollectionRoot: p } = M(ge), { menuProps: d } = no({
+    ...r,
+    isVirtualized: l,
+    onClose: r.onClose || i?.close
+  }, o, t), c = se({
+    ...r,
+    children: void 0,
+    defaultClassName: "react-aria-Menu",
+    values: {
+      isEmpty: o.collection.size === 0
+    }
+  }), b = null;
+  o.collection.size === 0 && r.renderEmptyState && (b = /* @__PURE__ */ g.createElement("div", {
+    role: "menuitem",
+    style: {
+      display: "contents"
+    }
+  }, r.renderEmptyState()));
+  let u = z(r, {
+    global: !0
+  });
+  return /* @__PURE__ */ g.createElement(ut, null, /* @__PURE__ */ g.createElement(q.div, {
+    ...I(u, c, d),
+    ref: t,
+    slot: r.slot || void 0,
+    "data-empty": o.collection.size === 0 || void 0,
+    onScroll: r.onScroll
+  }, /* @__PURE__ */ g.createElement(j, {
+    values: [
+      [
+        xe,
+        o
+      ],
+      [
+        un,
+        {
+          elementType: "div"
+        }
+      ],
+      [
+        Qr,
+        {
+          name: "MenuSection",
+          render: Tr
+        }
+      ],
+      [
+        Or,
+        {
+          parentMenuRef: t,
+          shouldUseVirtualFocus: n?.shouldUseVirtualFocus
+        }
+      ],
+      [
+        X,
+        {
+          shouldCloseOnSelect: r.shouldCloseOnSelect
+        }
+      ],
+      [
+        Ue,
+        null
+      ],
+      [
+        tn,
+        null
+      ],
+      [
+        me,
+        o.selectionManager
+      ],
+      /* Ensure root MenuTriggerState is defined, in case Menu is rendered outside a MenuTrigger. */
+      /* We assume the context can never change between defined and undefined. */
+      /* eslint-disable-next-line react-hooks/rules-of-hooks */
+      [
+        oe,
+        i ?? Re({})
+      ]
+    ]
+  }, /* @__PURE__ */ g.createElement(ln, null, /* @__PURE__ */ g.createElement(p, {
+    collection: o.collection,
+    persistedKeys: en(o.selectionManager.focusedKey),
+    scrollRef: t
+  }))), b));
+}
+class mo extends rt {
+  constructor(e, t) {
+    super(e.collection, t), this.parent = e;
+  }
+  get focusedKey() {
+    return this.parent.focusedKey;
+  }
+  get isFocused() {
+    return this.parent.isFocused;
+  }
+  setFocusedKey(e, t) {
+    return this.parent.setFocusedKey(e, t);
+  }
+  setFocused(e) {
+    this.parent.setFocused(e);
+  }
+  get childFocusStrategy() {
+    return this.parent.childFocusStrategy;
+  }
+}
+function Tr(r, e, t, a = "react-aria-MenuSection") {
+  let n = M(xe), { CollectionBranch: s } = M(ge), [o, i] = Wr(), { headingProps: l, groupProps: p } = ao({
+    heading: i,
+    "aria-label": t.props["aria-label"] ?? void 0
+  }), d = se({
+    ...r,
+    id: void 0,
+    children: void 0,
+    defaultClassName: a,
+    className: t.props?.className,
+    style: t.props?.style,
+    values: void 0
+  }), c = M(me), b = tt(r), u = r.selectionMode != null ? new mo(c, b) : c, $ = Qe(X)?.shouldCloseOnSelect, y = z(r, {
+    global: !0
+  });
+  return delete y.id, /* @__PURE__ */ g.createElement(q.section, {
+    ...I(y, d, p),
+    ref: e
+  }, /* @__PURE__ */ g.createElement(j, {
+    values: [
+      [
+        on,
+        {
+          ...l,
+          ref: o
+        }
+      ],
+      [
+        me,
+        u
+      ],
+      [
+        X,
+        {
+          shouldCloseOnSelect: r.shouldCloseOnSelect ?? $
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ g.createElement(s, {
+    collection: n.collection,
+    parent: t
+  })));
+}
+const sa = /* @__PURE__ */ lt(En, Tr), X = /* @__PURE__ */ T(null), ia = /* @__PURE__ */ Dn(Cn, function(e, t, a) {
+  [e, t] = ae(e, t, X);
+  let n = Qe(X)?.id, s = M(xe), o = Be(t), i = M(me), { isVirtualized: l } = M(ge), { menuItemProps: p, labelProps: d, descriptionProps: c, keyboardShortcutProps: b, ...u } = oo({
+    ...e,
+    id: n,
+    key: a.key,
+    selectionManager: i,
+    isVirtualized: l
+  }, s, o), { hoverProps: $, isHovered: y } = st({
+    isDisabled: u.isDisabled
+  }), m = se({
+    ...e,
+    id: void 0,
+    children: a.rendered,
+    defaultClassName: "react-aria-MenuItem",
+    values: {
+      ...u,
+      isHovered: y,
+      isFocusVisible: u.isFocusVisible,
+      selectionMode: i.selectionMode,
+      selectionBehavior: i.selectionBehavior,
+      hasSubmenu: !!e["aria-haspopup"],
+      isOpen: e["aria-expanded"] === "true"
+    }
+  }), x = e.href ? q.a : q.div, v = z(e, {
+    global: !0
+  });
+  return delete v.id, delete v.onClick, /* @__PURE__ */ g.createElement(x, {
+    ...I(v, m, p, $),
+    ref: o,
+    "data-disabled": u.isDisabled || void 0,
+    "data-hovered": y || void 0,
+    "data-focused": u.isFocused || void 0,
+    "data-focus-visible": u.isFocusVisible || void 0,
+    "data-pressed": u.isPressed || void 0,
+    "data-selected": u.isSelected || void 0,
+    "data-selection-mode": i.selectionMode === "none" ? void 0 : i.selectionMode,
+    "data-has-submenu": !!e["aria-haspopup"] || void 0,
+    "data-open": e["aria-expanded"] === "true" || void 0
+  }, /* @__PURE__ */ g.createElement(j, {
+    values: [
+      [
+        cn,
+        {
+          slots: {
+            [Ce]: d,
+            label: d,
+            description: c
+          }
+        }
+      ],
+      [
+        an,
+        b
+      ],
+      [
+        sn,
+        {
+          isSelected: u.isSelected
+        }
+      ]
+    ]
+  }, m.children));
+});
+function go(r, e) {
+  let { role: t = "dialog" } = r, a = pe();
+  a = r["aria-label"] ? void 0 : a;
+  let n = E(!1);
+  O(() => {
+    if (e.current && !Oe(e.current)) {
+      we(e.current);
+      let o = setTimeout(() => {
+        (ne() === e.current || ne() === document.body) && (n.current = !0, e.current && (e.current.blur(), we(e.current)), n.current = !1);
+      }, 500);
+      return () => {
+        clearTimeout(o);
+      };
+    }
+  }, [
+    e
+  ]), Qn();
+  let s = E(!1);
+  return O(() => {
+    if (process.env.NODE_ENV !== "production" && !s.current && e.current) {
+      let o = e.current, i = o.hasAttribute("aria-label"), l = o.hasAttribute("aria-labelledby");
+      !i && !l && (console.warn("A dialog must have a title for accessibility. Either provide an aria-label or aria-labelledby prop, or render a heading element inside the dialog."), s.current = !0);
+    }
+  }), {
+    dialogProps: {
+      ...z(r, {
+        labelable: !0
+      }),
+      role: t,
+      tabIndex: -1,
+      "aria-labelledby": r["aria-labelledby"] || a,
+      // Prevent blur events from reaching useOverlay, which may cause
+      // popovers to close. Since focus is contained within the dialog,
+      // we don't want this to occur due to the above useEffect.
+      onBlur: (o) => {
+        n.current && o.stopPropagation();
+      }
+    },
+    titleProps: {
+      id: a
+    }
+  };
+}
+const Br = /* @__PURE__ */ T(null), le = /* @__PURE__ */ T(null);
+function la(r) {
+  let e = Re(r), t = E(null), { triggerProps: a, overlayProps: n } = kr({
+    type: "dialog"
+  }, e, t), [s, o] = N(null), i = L(() => {
+    t.current && o(t.current.offsetWidth + "px");
+  }, [
+    t
+  ]);
+  return Ae({
+    ref: t,
+    onResize: i
+  }), a.id = J(), n["aria-labelledby"] = a.id, /* @__PURE__ */ g.createElement(j, {
+    values: [
+      [
+        le,
+        e
+      ],
+      [
+        oe,
+        e
+      ],
+      [
+        Br,
+        n
+      ],
+      [
+        ve,
+        {
+          trigger: "DialogTrigger",
+          triggerRef: t,
+          "aria-labelledby": n["aria-labelledby"],
+          style: {
+            "--trigger-width": s
+          }
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ g.createElement(_t, {
+    ...a,
+    ref: t,
+    isPressed: e.isOpen
+  }, r.children));
+}
+const ua = /* @__PURE__ */ Te(function(e, t) {
+  let a = e["aria-labelledby"];
+  [e, t] = ae(e, t, Br);
+  let { dialogProps: n, titleProps: s } = go({
+    ...e,
+    // Only pass aria-labelledby from props, not context.
+    // Context is used as a fallback below.
+    "aria-labelledby": a
+  }, t), o = M(le);
+  !n["aria-label"] && !n["aria-labelledby"] && (e["aria-labelledby"] ? n["aria-labelledby"] = e["aria-labelledby"] : process.env.NODE_ENV !== "production" && console.warn('If a Dialog does not contain a <Heading slot="title">, it must have an aria-label or aria-labelledby attribute for accessibility.'));
+  let i = se({
+    defaultClassName: "react-aria-Dialog",
+    className: e.className,
+    style: e.style,
+    children: e.children,
+    values: {
+      close: o?.close || (() => {
+      })
+    }
+  }), l = z(e, {
+    global: !0
+  });
+  return /* @__PURE__ */ g.createElement(q.section, {
+    ...I(l, i, n),
+    render: e.render,
+    ref: t,
+    slot: e.slot || void 0
+  }, /* @__PURE__ */ g.createElement(j, {
+    values: [
+      [
+        jr,
+        {
+          slots: {
+            [Ce]: {},
+            title: {
+              ...s,
+              level: 2
+            }
+          }
+        }
+      ],
+      [
+        Ur,
+        {
+          slots: {
+            [Ce]: {},
+            close: {
+              onPress: () => o?.close()
+            }
+          }
+        }
+      ]
+    ]
+  }, i.children));
+});
+export {
+  ra as $,
+  _n as a,
+  Gn as b,
+  Qn as c,
+  Un as d,
+  le as e,
+  Je as f,
+  Xe as g,
+  ve as h,
+  Br as i,
+  la as j,
+  ua as k,
+  na as l,
+  aa as m,
+  ia as n,
+  sa as o,
+  oa as p,
+  ro as q,
+  Yn as r
+};
+//# sourceMappingURL=Dialog-Dwy2_Ptk.es.js.map