@sps-woodland/modal 8.7.4 → 8.7.6

package/lib/index.es.js

@@ -1,42 +1,51 @@
 import { Metadata as Oe, cl as ue, combineEventHandlers as Me, I18nContext as st, useChildTestIdAttrBuilder as dt, selectChildren as ut, modChildren as ct, Icon as mt, contentOf as le } from "@sps-woodland/core";
 import { Button as ye } from "@sps-woodland/buttons";
 import * as u from "react";
-import h, { useState as H, useRef as y, useEffect as F, useCallback as x, useContext as V, useMemo as z } from "react";
-import ft from "react-dom";
+import h, { useRef as y, useCallback as x, useState as V, useContext as W, useEffect as F, useMemo as q, createContext as ft } from "react";
+import pt from "react-dom";
 import { code as b } from "@spscommerce/utils";
-function pt(e, t, o) {
-  let [r, n] = H(e || t), l = y(e !== void 0), a = e !== void 0;
-  F(() => {
-    let d = l.current;
-    d !== a && console.warn(`WARN: A component changed from ${d ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}.`), l.current = a;
-  }, [
-    a
-  ]);
-  let s = a ? e : r, c = x((d, ...i) => {
-    let f = (m, ...g) => {
-      o && (Object.is(s, m) || o(m, ...g)), a || (s = m);
-    };
-    typeof d == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), n((g, ...p) => {
-      let T = d(a ? s : g, ...p);
-      return f(T, ...i), a ? g : T;
-    })) : (a || n(d), f(d, ...i));
+const w = typeof document < "u" ? h.useLayoutEffect : () => {
+};
+function H(e) {
+  const t = y(null);
+  return w(() => {
+    t.current = e;
   }, [
-    a,
-    s,
-    o
-  ]);
+    e
+  ]), x((...o) => {
+    const r = t.current;
+    return r == null ? void 0 : r(...o);
+  }, []);
+}
+function gt(e) {
+  let [t, o] = V(e), r = y(null), n = H(() => {
+    if (!r.current)
+      return;
+    let a = r.current.next();
+    if (a.done) {
+      r.current = null;
+      return;
+    }
+    t === a.value ? n() : o(a.value);
+  });
+  w(() => {
+    r.current && n();
+  });
+  let l = H((a) => {
+    r.current = a(t), n();
+  });
   return [
-    s,
-    c
+    t,
+    l
   ];
 }
 const G = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
-}, De = /* @__PURE__ */ h.createContext(G), gt = /* @__PURE__ */ h.createContext(!1);
-let bt = Boolean(typeof window < "u" && window.document && window.document.createElement), ie = /* @__PURE__ */ new WeakMap();
-function vt(e = !1) {
-  let t = V(De), o = y(null);
+}, De = /* @__PURE__ */ h.createContext(G), bt = /* @__PURE__ */ h.createContext(!1);
+let vt = !!(typeof window < "u" && window.document && window.document.createElement), ie = /* @__PURE__ */ new WeakMap();
+function $t(e = !1) {
+  let t = W(De), o = y(null);
   if (o.current === null && !e) {
     var r, n;
     let l = (n = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || n === void 0 || (r = n.ReactCurrentOwner) === null || r === void 0 ? void 0 : r.current;
@@ -51,90 +60,36 @@ function vt(e = !1) {
   }
   return o.current;
 }
-function $t(e) {
-  let t = V(De);
-  t === G && !bt && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
-  let o = vt(!!e), r = t === G && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
+function ht(e) {
+  let t = W(De);
+  t === G && !vt && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+  let o = $t(!!e), r = t === G && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
   return e || `${r}-${o}`;
 }
-function ht(e) {
-  let t = h.useId(), [o] = H(We()), r = o || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${G.prefix}`;
+function wt(e) {
+  let t = h.useId(), [o] = V(We()), r = o || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${G.prefix}`;
   return e || `${r}-${t}`;
 }
-const wt = typeof h.useId == "function" ? ht : $t;
-function Et() {
+const Et = typeof h.useId == "function" ? wt : ht;
+function Mt() {
   return !1;
 }
-function Mt() {
+function yt() {
   return !0;
 }
-function yt(e) {
+function Pt(e) {
   return () => {
   };
 }
 function We() {
-  return typeof h.useSyncExternalStore == "function" ? h.useSyncExternalStore(yt, Et, Mt) : V(gt);
+  return typeof h.useSyncExternalStore == "function" ? h.useSyncExternalStore(Pt, Mt, yt) : W(bt);
 }
+let kt = !!(typeof window < "u" && window.document && window.document.createElement), X = /* @__PURE__ */ new Map();
 function Ae(e) {
-  var t, o, r = "";
-  if (typeof e == "string" || typeof e == "number")
-    r += e;
-  else if (typeof e == "object")
-    if (Array.isArray(e)) {
-      var n = e.length;
-      for (t = 0; t < n; t++)
-        e[t] && (o = Ae(e[t])) && (r && (r += " "), r += o);
-    } else
-      for (o in e)
-        e[o] && (r && (r += " "), r += o);
-  return r;
-}
-function Pt() {
-  for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++)
-    (e = arguments[o]) && (t = Ae(e)) && (r && (r += " "), r += t);
-  return r;
-}
-const w = typeof document < "u" ? h.useLayoutEffect : () => {
-};
-function R(e) {
-  const t = y(null);
-  return w(() => {
-    t.current = e;
-  }, [
-    e
-  ]), x((...o) => {
-    const r = t.current;
-    return r == null ? void 0 : r(...o);
-  }, []);
-}
-function kt(e) {
-  let [t, o] = H(e), r = y(null), n = R(() => {
-    if (!r.current)
-      return;
-    let a = r.current.next();
-    if (a.done) {
-      r.current = null;
-      return;
-    }
-    t === a.value ? n() : o(a.value);
-  });
-  w(() => {
-    r.current && n();
-  });
-  let l = R((a) => {
-    r.current = a(t), n();
-  });
-  return [
-    t,
-    l
-  ];
-}
-let xt = Boolean(typeof window < "u" && window.document && window.document.createElement), X = /* @__PURE__ */ new Map();
-function Ie(e) {
-  let [t, o] = H(e), r = y(null), n = wt(t), l = x((a) => {
+  let [t, o] = V(e), r = y(null), n = Et(t), l = x((a) => {
     r.current = a;
   }, []);
-  return xt && X.set(n, l), w(() => {
+  return kt && X.set(n, l), w(() => {
     let a = n;
     return () => {
       X.delete(a);
@@ -146,7 +101,7 @@ function Ie(e) {
     a && (r.current = null, o(a));
   }), n;
 }
-function Tt(e, t) {
+function xt(e, t) {
   if (e === t)
     return e;
   let o = X.get(e);
@@ -155,8 +110,8 @@ function Tt(e, t) {
   let r = X.get(t);
   return r ? (r(e), e) : t;
 }
-function St(e = []) {
-  let t = Ie(), [o, r] = kt(t), n = x(() => {
+function Tt(e = []) {
+  let t = Ae(), [o, r] = gt(t), n = x(() => {
     r(function* () {
       yield t, yield document.getElementById(t) ? t : void 0;
     });
@@ -180,6 +135,25 @@ const E = (e) => {
   var t;
   return (t = e == null ? void 0 : e.ownerDocument) !== null && t !== void 0 ? t : document;
 }, Y = (e) => e && "window" in e && e.window === e ? e : E(e).defaultView || window;
+function Ie(e) {
+  var t, o, r = "";
+  if (typeof e == "string" || typeof e == "number")
+    r += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e)) {
+      var n = e.length;
+      for (t = 0; t < n; t++)
+        e[t] && (o = Ie(e[t])) && (r && (r += " "), r += o);
+    } else
+      for (o in e)
+        e[o] && (r && (r += " "), r += o);
+  return r;
+}
+function St() {
+  for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++)
+    (e = arguments[o]) && (t = Ie(e)) && (r && (r += " "), r += t);
+  return r;
+}
 function Lt(...e) {
   let t = {
     ...e[0]
@@ -188,20 +162,24 @@ function Lt(...e) {
     let r = e[o];
     for (let n in r) {
       let l = t[n], a = r[n];
-      typeof l == "function" && typeof a == "function" && n[0] === "o" && n[1] === "n" && n.charCodeAt(2) >= 65 && n.charCodeAt(2) <= 90 ? t[n] = J(l, a) : (n === "className" || n === "UNSAFE_className") && typeof l == "string" && typeof a == "string" ? t[n] = Pt(l, a) : n === "id" && l && a ? t.id = Tt(l, a) : t[n] = a !== void 0 ? a : l;
+      typeof l == "function" && typeof a == "function" && // This is a lot faster than a regex.
+      n[0] === "o" && n[1] === "n" && n.charCodeAt(2) >= /* 'A' */
+      65 && n.charCodeAt(2) <= /* 'Z' */
+      90 ? t[n] = J(l, a) : (n === "className" || n === "UNSAFE_className") && typeof l == "string" && typeof a == "string" ? t[n] = St(l, a) : n === "id" && l && a ? t.id = xt(l, a) : t[n] = a !== void 0 ? a : l;
     }
   }
   return t;
 }
 const Ft = /* @__PURE__ */ new Set([
   "id"
-]), Bt = /* @__PURE__ */ new Set([
+]), Ct = /* @__PURE__ */ new Set([
   "aria-label",
   "aria-labelledby",
   "aria-describedby",
   "aria-details"
-]), Ct = /* @__PURE__ */ new Set([
+]), Bt = /* @__PURE__ */ new Set([
   "href",
+  "hrefLang",
   "target",
   "rel",
   "download",
@@ -211,7 +189,7 @@ const Ft = /* @__PURE__ */ new Set([
 function Ot(e, t = {}) {
   let { labelable: o, isLink: r, propNames: n } = t, l = {};
   for (const a in e)
-    Object.prototype.hasOwnProperty.call(e, a) && (Ft.has(a) || o && Bt.has(a) || r && Ct.has(a) || (n == null ? void 0 : n.has(a)) || Nt.test(a)) && (l[a] = e[a]);
+    Object.prototype.hasOwnProperty.call(e, a) && (Ft.has(a) || o && Ct.has(a) || r && Bt.has(a) || n != null && n.has(a) || Nt.test(a)) && (l[a] = e[a]);
   return l;
 }
 function Pe(e) {
@@ -224,20 +202,20 @@ function Pe(e) {
     e.focus(), At(t);
   }
 }
-let _ = null;
+let j = null;
 function Dt() {
-  if (_ == null) {
-    _ = !1;
+  if (j == null) {
+    j = !1;
     try {
       document.createElement("div").focus({
         get preventScroll() {
-          return _ = !0, !0;
+          return j = !0, !0;
         }
       });
     } catch {
     }
   }
-  return _;
+  return j;
 }
 function Wt(e) {
   let t = e.parentNode, o = [], r = document.scrollingElement || document.documentElement;
@@ -272,7 +250,8 @@ function zt() {
   return ge(/^iPhone/i);
 }
 function qt() {
-  return ge(/^iPad/i) || ze() && navigator.maxTouchPoints > 1;
+  return ge(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  ze() && navigator.maxTouchPoints > 1;
 }
 function Rt() {
   return zt() || qt();
@@ -298,7 +277,7 @@ function ke() {
     if (!e(r) || !r.target)
       return;
     let n = O.get(r.target);
-    if (!!n && (n.delete(r.propertyName), n.size === 0 && (r.target.removeEventListener("transitioncancel", o), O.delete(r.target)), O.size === 0)) {
+    if (n && (n.delete(r.propertyName), n.size === 0 && (r.target.removeEventListener("transitioncancel", o), O.delete(r.target)), O.size === 0)) {
       for (let l of ce)
         l();
       ce.clear();
@@ -312,26 +291,52 @@ function Vt(e) {
     O.size === 0 ? e() : ce.add(e);
   });
 }
+function xe(e, t) {
+  let o = window.getComputedStyle(e), r = /(auto|scroll)/.test(o.overflow + o.overflowX + o.overflowY);
+  return r && t && (r = e.scrollHeight !== e.clientHeight || e.scrollWidth !== e.clientWidth), r;
+}
 function qe(e, t) {
   let o = e;
   for (xe(o, t) && (o = o.parentElement); o && !xe(o, t); )
     o = o.parentElement;
   return o || document.scrollingElement || document.documentElement;
 }
-function xe(e, t) {
-  let o = window.getComputedStyle(e), r = /(auto|scroll)/.test(o.overflow + o.overflowX + o.overflowY);
-  return r && t && (r = e.scrollHeight !== e.clientHeight || e.scrollWidth !== e.clientWidth), r;
-}
 function Kt(e) {
   return e.mozInputSource === 0 && e.isTrusted ? !0 : Ht() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
+function jt(e, t, o) {
+  let [r, n] = V(e || t), l = y(e !== void 0), a = e !== void 0;
+  F(() => {
+    let i = l.current;
+    i !== a && console.warn(`WARN: A component changed from ${i ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}.`), l.current = a;
+  }, [
+    a
+  ]);
+  let d = a ? e : r, c = x((i, ...s) => {
+    let f = (m, ...g) => {
+      o && (Object.is(d, m) || o(m, ...g)), a || (d = m);
+    };
+    typeof i == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), n((g, ...p) => {
+      let T = i(a ? d : g, ...p);
+      return f(T, ...s), a ? g : T;
+    })) : (a || n(i), f(i, ...s));
+  }, [
+    a,
+    d,
+    o
+  ]);
+  return [
+    d,
+    c
+  ];
+}
 const Re = h.createContext({
   register: () => {
   }
 });
 Re.displayName = "PressResponderContext";
 function _t({ children: e }) {
-  let t = z(() => ({
+  let t = q(() => ({
     register: () => {
     }
   }), []);
@@ -339,7 +344,7 @@ function _t({ children: e }) {
     value: t
   }, e);
 }
-class jt {
+class Ut {
   isDefaultPrevented() {
     return this.nativeEvent.defaultPrevented;
   }
@@ -358,7 +363,7 @@ class jt {
     this.nativeEvent = o, this.target = o.target, this.currentTarget = o.currentTarget, this.relatedTarget = o.relatedTarget, this.bubbles = o.bubbles, this.cancelable = o.cancelable, this.defaultPrevented = o.defaultPrevented, this.eventPhase = o.eventPhase, this.isTrusted = o.isTrusted, this.timeStamp = o.timeStamp, this.type = t;
   }
 }
-function Ut(e) {
+function Gt(e) {
   let t = y({
     isFocused: !1,
     observer: null
@@ -369,14 +374,14 @@ function Ut(e) {
       r.observer && (r.observer.disconnect(), r.observer = null);
     };
   }, []);
-  let o = R((r) => {
+  let o = H((r) => {
     e == null || e(r);
   });
   return x((r) => {
     if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
       t.current.isFocused = !0;
       let n = r.target, l = (a) => {
-        t.current.isFocused = !1, n.disabled && o(new jt("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
+        t.current.isFocused = !1, n.disabled && o(new Ut("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
       };
       n.addEventListener("focusout", l, {
         once: !0
@@ -384,12 +389,12 @@ function Ut(e) {
         if (t.current.isFocused && n.disabled) {
           var a;
           (a = t.current.observer) === null || a === void 0 || a.disconnect();
-          let s = n === document.activeElement ? null : document.activeElement;
+          let d = n === document.activeElement ? null : document.activeElement;
           n.dispatchEvent(new FocusEvent("blur", {
-            relatedTarget: s
+            relatedTarget: d
           })), n.dispatchEvent(new FocusEvent("focusout", {
             bubbles: !0,
-            relatedTarget: s
+            relatedTarget: d
           }));
         }
       }), t.current.observer.observe(n, {
@@ -403,16 +408,16 @@ function Ut(e) {
     o
   ]);
 }
-let K = null, Gt = /* @__PURE__ */ new Set(), q = /* @__PURE__ */ new Map(), N = !1, me = !1;
+let K = null, Xt = /* @__PURE__ */ new Set(), R = /* @__PURE__ */ new Map(), N = !1, me = !1;
 function be(e, t) {
-  for (let o of Gt)
+  for (let o of Xt)
     o(e, t);
 }
-function Xt(e) {
+function Jt(e) {
   return !(e.metaKey || !ze() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
 function Q(e) {
-  N = !0, Xt(e) && (K = "keyboard", be("keyboard", e));
+  N = !0, Jt(e) && (K = "keyboard", be("keyboard", e));
 }
 function k(e) {
   K = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (N = !0, be("pointer", e));
@@ -427,53 +432,54 @@ function Ke() {
   N = !1, me = !0;
 }
 function Te(e) {
-  if (typeof window > "u" || q.get(Y(e)))
+  if (typeof window > "u" || R.get(Y(e)))
     return;
   const t = Y(e), o = E(e);
   let r = t.HTMLElement.prototype.focus;
   t.HTMLElement.prototype.focus = function() {
     N = !0, r.apply(this, arguments);
   }, o.addEventListener("keydown", Q, !0), o.addEventListener("keyup", Q, !0), o.addEventListener("click", He, !0), t.addEventListener("focus", Ve, !0), t.addEventListener("blur", Ke, !1), typeof PointerEvent < "u" ? (o.addEventListener("pointerdown", k, !0), o.addEventListener("pointermove", k, !0), o.addEventListener("pointerup", k, !0)) : (o.addEventListener("mousedown", k, !0), o.addEventListener("mousemove", k, !0), o.addEventListener("mouseup", k, !0)), t.addEventListener("beforeunload", () => {
-    _e(e);
+    je(e);
   }, {
     once: !0
-  }), q.set(t, {
+  }), R.set(t, {
     focus: r
   });
 }
-const _e = (e, t) => {
+const je = (e, t) => {
   const o = Y(e), r = E(e);
-  t && r.removeEventListener("DOMContentLoaded", t), q.has(o) && (o.HTMLElement.prototype.focus = q.get(o).focus, r.removeEventListener("keydown", Q, !0), r.removeEventListener("keyup", Q, !0), r.removeEventListener("click", He, !0), o.removeEventListener("focus", Ve, !0), o.removeEventListener("blur", Ke, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", k, !0), r.removeEventListener("pointermove", k, !0), r.removeEventListener("pointerup", k, !0)) : (r.removeEventListener("mousedown", k, !0), r.removeEventListener("mousemove", k, !0), r.removeEventListener("mouseup", k, !0)), q.delete(o));
+  t && r.removeEventListener("DOMContentLoaded", t), R.has(o) && (o.HTMLElement.prototype.focus = R.get(o).focus, r.removeEventListener("keydown", Q, !0), r.removeEventListener("keyup", Q, !0), r.removeEventListener("click", He, !0), o.removeEventListener("focus", Ve, !0), o.removeEventListener("blur", Ke, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", k, !0), r.removeEventListener("pointermove", k, !0), r.removeEventListener("pointerup", k, !0)) : (r.removeEventListener("mousedown", k, !0), r.removeEventListener("mousemove", k, !0), r.removeEventListener("mouseup", k, !0)), R.delete(o));
 };
-function Jt(e) {
+function Yt(e) {
   const t = E(e);
   let o;
   return t.readyState !== "loading" ? Te(e) : (o = () => {
     Te(e);
-  }, t.addEventListener("DOMContentLoaded", o)), () => _e(e, o);
+  }, t.addEventListener("DOMContentLoaded", o)), () => je(e, o);
 }
-typeof document < "u" && Jt();
-function Yt() {
+typeof document < "u" && Yt();
+function Qt() {
   return K;
 }
-function Qt(e) {
+function Zt(e) {
   let { isDisabled: t, onBlurWithin: o, onFocusWithin: r, onFocusWithinChange: n } = e, l = y({
     isFocusWithin: !1
-  }), a = x((d) => {
-    l.current.isFocusWithin && !d.currentTarget.contains(d.relatedTarget) && (l.current.isFocusWithin = !1, o && o(d), n && n(!1));
+  }), a = x((i) => {
+    l.current.isFocusWithin && !i.currentTarget.contains(i.relatedTarget) && (l.current.isFocusWithin = !1, o && o(i), n && n(!1));
   }, [
     o,
     n,
     l
-  ]), s = Ut(a), c = x((d) => {
-    !l.current.isFocusWithin && document.activeElement === d.target && (r && r(d), n && n(!0), l.current.isFocusWithin = !0, s(d));
+  ]), d = Gt(a), c = x((i) => {
+    !l.current.isFocusWithin && document.activeElement === i.target && (r && r(i), n && n(!0), l.current.isFocusWithin = !0, d(i));
   }, [
     r,
     n,
-    s
+    d
   ]);
   return t ? {
     focusWithinProps: {
+      // These should not have been null, that would conflict in mergeProps
       onFocus: void 0,
       onBlur: void 0
     }
@@ -484,45 +490,45 @@ function Qt(e) {
     }
   };
 }
-function Zt(e) {
+function eo(e) {
   let { ref: t, onInteractOutside: o, isDisabled: r, onInteractOutsideStart: n } = e, l = y({
     isPointerDown: !1,
     ignoreEmulatedMouseEvents: !1
-  }), a = R((c) => {
-    o && j(c, t) && (n && n(c), l.current.isPointerDown = !0);
-  }), s = R((c) => {
+  }), a = H((c) => {
+    o && _(c, t) && (n && n(c), l.current.isPointerDown = !0);
+  }), d = H((c) => {
     o && o(c);
   });
   F(() => {
     let c = l.current;
     if (r)
       return;
-    const d = t.current, i = E(d);
+    const i = t.current, s = E(i);
     if (typeof PointerEvent < "u") {
       let f = (m) => {
-        c.isPointerDown && j(m, t) && s(m), c.isPointerDown = !1;
+        c.isPointerDown && _(m, t) && d(m), c.isPointerDown = !1;
       };
-      return i.addEventListener("pointerdown", a, !0), i.addEventListener("pointerup", f, !0), () => {
-        i.removeEventListener("pointerdown", a, !0), i.removeEventListener("pointerup", f, !0);
+      return s.addEventListener("pointerdown", a, !0), s.addEventListener("pointerup", f, !0), () => {
+        s.removeEventListener("pointerdown", a, !0), s.removeEventListener("pointerup", f, !0);
       };
     } else {
       let f = (g) => {
-        c.ignoreEmulatedMouseEvents ? c.ignoreEmulatedMouseEvents = !1 : c.isPointerDown && j(g, t) && s(g), c.isPointerDown = !1;
+        c.ignoreEmulatedMouseEvents ? c.ignoreEmulatedMouseEvents = !1 : c.isPointerDown && _(g, t) && d(g), c.isPointerDown = !1;
       }, m = (g) => {
-        c.ignoreEmulatedMouseEvents = !0, c.isPointerDown && j(g, t) && s(g), c.isPointerDown = !1;
+        c.ignoreEmulatedMouseEvents = !0, c.isPointerDown && _(g, t) && d(g), c.isPointerDown = !1;
       };
-      return i.addEventListener("mousedown", a, !0), i.addEventListener("mouseup", f, !0), i.addEventListener("touchstart", a, !0), i.addEventListener("touchend", m, !0), () => {
-        i.removeEventListener("mousedown", a, !0), i.removeEventListener("mouseup", f, !0), i.removeEventListener("touchstart", a, !0), i.removeEventListener("touchend", m, !0);
+      return s.addEventListener("mousedown", a, !0), s.addEventListener("mouseup", f, !0), s.addEventListener("touchstart", a, !0), s.addEventListener("touchend", m, !0), () => {
+        s.removeEventListener("mousedown", a, !0), s.removeEventListener("mouseup", f, !0), s.removeEventListener("touchstart", a, !0), s.removeEventListener("touchend", m, !0);
       };
     }
   }, [
     t,
     r,
     a,
-    s
+    d
   ]);
 }
-function j(e, t) {
+function _(e, t) {
   if (e.button > 0)
     return !1;
   if (e.target) {
@@ -534,7 +540,7 @@ function j(e, t) {
 }
 function fe(e) {
   const t = E(e);
-  if (Yt() === "virtual") {
+  if (Qt() === "virtual") {
     let o = t.activeElement;
     Vt(() => {
       t.activeElement === o && e.isConnected && Pe(e);
@@ -542,31 +548,32 @@ function fe(e) {
   } else
     Pe(e);
 }
-function eo(e) {
+function to(e) {
   const t = Y(e);
   if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement))
     return !1;
   let { display: o, visibility: r } = e.style, n = o !== "none" && r !== "hidden" && r !== "collapse";
   if (n) {
     const { getComputedStyle: l } = e.ownerDocument.defaultView;
-    let { display: a, visibility: s } = l(e);
-    n = a !== "none" && s !== "hidden" && s !== "collapse";
+    let { display: a, visibility: d } = l(e);
+    n = a !== "none" && d !== "hidden" && d !== "collapse";
   }
   return n;
 }
-function to(e, t) {
-  return !e.hasAttribute("hidden") && (e.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? e.hasAttribute("open") : !0);
+function oo(e, t) {
+  return !e.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
+  !e.hasAttribute("data-react-aria-prevent-focus") && (e.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? e.hasAttribute("open") : !0);
 }
-function je(e, t) {
-  return e.nodeName !== "#comment" && eo(e) && to(e, t) && (!e.parentElement || je(e.parentElement, e));
+function _e(e, t) {
+  return e.nodeName !== "#comment" && to(e) && oo(e, t) && (!e.parentElement || _e(e.parentElement, e));
 }
 const Se = /* @__PURE__ */ h.createContext(null);
 let v = null;
-function oo(e) {
-  let { children: t, contain: o, restoreFocus: r, autoFocus: n } = e, l = y(null), a = y(null), s = y([]), { parentNode: c } = V(Se) || {}, d = z(() => new pe({
-    scopeRef: s
+function ro(e) {
+  let { children: t, contain: o, restoreFocus: r, autoFocus: n } = e, l = y(null), a = y(null), d = y([]), { parentNode: c } = W(Se) || {}, i = q(() => new pe({
+    scopeRef: d
   }), [
-    s
+    d
   ]);
   w(() => {
     let m = c || $.root;
@@ -574,12 +581,12 @@ function oo(e) {
       let g = $.getTreeNode(v);
       g && (m = g);
     }
-    m.addChild(d), $.addNode(d);
+    m.addChild(i), $.addNode(i);
   }, [
-    d,
+    i,
     c
   ]), w(() => {
-    let m = $.getTreeNode(s);
+    let m = $.getTreeNode(d);
     m && (m.contain = !!o);
   }, [
     o
@@ -588,32 +595,32 @@ function oo(e) {
     let g = (m = l.current) === null || m === void 0 ? void 0 : m.nextSibling, p = [];
     for (; g && g !== a.current; )
       p.push(g), g = g.nextSibling;
-    s.current = p;
+    d.current = p;
   }, [
     t
-  ]), uo(s, r, o), lo(s, o), mo(s, r, o), so(s, n), F(() => {
-    const m = E(s.current ? s.current[0] : void 0).activeElement;
+  ]), co(d, r, o), io(d, o), fo(d, r, o), uo(d, n), F(() => {
+    const m = E(d.current ? d.current[0] : void 0).activeElement;
     let g = null;
-    if (M(m, s.current)) {
+    if (M(m, d.current)) {
       for (let p of $.traverse())
         p.scopeRef && M(m, p.scopeRef.current) && (g = p);
-      g === $.getTreeNode(s) && (v = g.scopeRef);
+      g === $.getTreeNode(d) && (v = g.scopeRef);
     }
   }, [
-    s
+    d
   ]), w(() => () => {
     var m, g, p;
-    let T = (p = (g = $.getTreeNode(s)) === null || g === void 0 || (m = g.parent) === null || m === void 0 ? void 0 : m.scopeRef) !== null && p !== void 0 ? p : null;
-    (s === v || ee(s, v)) && (!T || $.getTreeNode(T)) && (v = T), $.removeTreeNode(s);
+    let T = (p = (g = $.getTreeNode(d)) === null || g === void 0 || (m = g.parent) === null || m === void 0 ? void 0 : m.scopeRef) !== null && p !== void 0 ? p : null;
+    (d === v || ee(d, v)) && (!T || $.getTreeNode(T)) && (v = T), $.removeTreeNode(d);
   }, [
-    s
+    d
   ]);
-  let i = z(() => ro(s), []), f = z(() => ({
-    focusManager: i,
-    parentNode: d
+  let s = q(() => no(d), []), f = q(() => ({
+    focusManager: s,
+    parentNode: i
   }), [
-    d,
-    i
+    i,
+    s
   ]);
   return /* @__PURE__ */ h.createElement(Se.Provider, {
     value: f
@@ -627,43 +634,43 @@ function oo(e) {
     ref: a
   }));
 }
-function ro(e) {
+function no(e) {
   return {
     focusNext(t = {}) {
-      let o = e.current, { from: r, tabbable: n, wrap: l, accept: a } = t, s = r || E(o[0]).activeElement, c = o[0].previousElementSibling, d = C(o), i = B(d, {
+      let o = e.current, { from: r, tabbable: n, wrap: l, accept: a } = t, d = r || E(o[0]).activeElement, c = o[0].previousElementSibling, i = B(o), s = C(i, {
         tabbable: n,
         accept: a
       }, o);
-      i.currentNode = M(s, o) ? s : c;
-      let f = i.nextNode();
-      return !f && l && (i.currentNode = c, f = i.nextNode()), f && L(f, !0), f;
+      s.currentNode = M(d, o) ? d : c;
+      let f = s.nextNode();
+      return !f && l && (s.currentNode = c, f = s.nextNode()), f && L(f, !0), f;
     },
     focusPrevious(t = {}) {
-      let o = e.current, { from: r, tabbable: n, wrap: l, accept: a } = t, s = r || E(o[0]).activeElement, c = o[o.length - 1].nextElementSibling, d = C(o), i = B(d, {
+      let o = e.current, { from: r, tabbable: n, wrap: l, accept: a } = t, d = r || E(o[0]).activeElement, c = o[o.length - 1].nextElementSibling, i = B(o), s = C(i, {
         tabbable: n,
         accept: a
       }, o);
-      i.currentNode = M(s, o) ? s : c;
-      let f = i.previousNode();
-      return !f && l && (i.currentNode = c, f = i.previousNode()), f && L(f, !0), f;
+      s.currentNode = M(d, o) ? d : c;
+      let f = s.previousNode();
+      return !f && l && (s.currentNode = c, f = s.previousNode()), f && L(f, !0), f;
     },
     focusFirst(t = {}) {
-      let o = e.current, { tabbable: r, accept: n } = t, l = C(o), a = B(l, {
+      let o = e.current, { tabbable: r, accept: n } = t, l = B(o), a = C(l, {
         tabbable: r,
         accept: n
       }, o);
       a.currentNode = o[0].previousElementSibling;
-      let s = a.nextNode();
-      return s && L(s, !0), s;
+      let d = a.nextNode();
+      return d && L(d, !0), d;
     },
     focusLast(t = {}) {
-      let o = e.current, { tabbable: r, accept: n } = t, l = C(o), a = B(l, {
+      let o = e.current, { tabbable: r, accept: n } = t, l = B(o), a = C(l, {
         tabbable: r,
         accept: n
       }, o);
       a.currentNode = o[o.length - 1].nextElementSibling;
-      let s = a.previousNode();
-      return s && L(s, !0), s;
+      let d = a.previousNode();
+      return d && L(d, !0), d;
     }
   };
 }
@@ -681,13 +688,13 @@ const ve = [
   "audio[controls]",
   "video[controls]",
   "[contenteditable]"
-], no = ve.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
+], ao = ve.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
 ve.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const ao = ve.join(':not([hidden]):not([tabindex="-1"]),');
-function C(e) {
+const lo = ve.join(':not([hidden]):not([tabindex="-1"]),');
+function B(e) {
   return e[0].parentElement;
 }
-function I(e) {
+function z(e) {
   let t = $.getTreeNode(v);
   for (; t && t.scopeRef !== e; ) {
     if (t.contain)
@@ -696,7 +703,7 @@ function I(e) {
   }
   return !0;
 }
-function lo(e, t) {
+function io(e, t) {
   let o = y(), r = y();
   w(() => {
     let n = e.current;
@@ -705,34 +712,34 @@ function lo(e, t) {
       return;
     }
     const l = E(n ? n[0] : void 0);
-    let a = (d) => {
-      if (d.key !== "Tab" || d.altKey || d.ctrlKey || d.metaKey || !I(e))
+    let a = (i) => {
+      if (i.key !== "Tab" || i.altKey || i.ctrlKey || i.metaKey || !z(e) || i.isComposing)
         return;
-      let i = l.activeElement, f = e.current;
-      if (!f || !M(i, f))
+      let s = l.activeElement, f = e.current;
+      if (!f || !M(s, f))
         return;
-      let m = C(f), g = B(m, {
+      let m = B(f), g = C(m, {
         tabbable: !0
       }, f);
-      if (!i)
+      if (!s)
         return;
-      g.currentNode = i;
-      let p = d.shiftKey ? g.previousNode() : g.nextNode();
-      p || (g.currentNode = d.shiftKey ? f[f.length - 1].nextElementSibling : f[0].previousElementSibling, p = d.shiftKey ? g.previousNode() : g.nextNode()), d.preventDefault(), p && L(p, !0);
-    }, s = (d) => {
-      (!v || ee(v, e)) && M(d.target, e.current) ? (v = e, o.current = d.target) : I(e) && !Z(d.target, e) ? o.current ? o.current.focus() : v && v.current && te(v.current) : I(e) && (o.current = d.target);
-    }, c = (d) => {
+      g.currentNode = s;
+      let p = i.shiftKey ? g.previousNode() : g.nextNode();
+      p || (g.currentNode = i.shiftKey ? f[f.length - 1].nextElementSibling : f[0].previousElementSibling, p = i.shiftKey ? g.previousNode() : g.nextNode()), i.preventDefault(), p && L(p, !0);
+    }, d = (i) => {
+      (!v || ee(v, e)) && M(i.target, e.current) ? (v = e, o.current = i.target) : z(e) && !Z(i.target, e) ? o.current ? o.current.focus() : v && v.current && te(v.current) : z(e) && (o.current = i.target);
+    }, c = (i) => {
       r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-        if (l.activeElement && I(e) && !Z(l.activeElement, e))
-          if (v = e, l.body.contains(d.target)) {
-            var i;
-            o.current = d.target, (i = o.current) === null || i === void 0 || i.focus();
+        if (l.activeElement && z(e) && !Z(l.activeElement, e))
+          if (v = e, l.body.contains(i.target)) {
+            var s;
+            o.current = i.target, (s = o.current) === null || s === void 0 || s.focus();
           } else
             v.current && te(v.current);
       });
     };
-    return l.addEventListener("keydown", a, !1), l.addEventListener("focusin", s, !1), n == null || n.forEach((d) => d.addEventListener("focusin", s, !1)), n == null || n.forEach((d) => d.addEventListener("focusout", c, !1)), () => {
-      l.removeEventListener("keydown", a, !1), l.removeEventListener("focusin", s, !1), n == null || n.forEach((d) => d.removeEventListener("focusin", s, !1)), n == null || n.forEach((d) => d.removeEventListener("focusout", c, !1));
+    return l.addEventListener("keydown", a, !1), l.addEventListener("focusin", d, !1), n == null || n.forEach((i) => i.addEventListener("focusin", d, !1)), n == null || n.forEach((i) => i.addEventListener("focusout", c, !1)), () => {
+      l.removeEventListener("keydown", a, !1), l.removeEventListener("focusin", d, !1), n == null || n.forEach((i) => i.removeEventListener("focusin", d, !1)), n == null || n.forEach((i) => i.removeEventListener("focusout", c, !1));
     };
   }, [
     e,
@@ -757,7 +764,7 @@ function Z(e, t = null) {
       return !0;
   return !1;
 }
-function io(e) {
+function so(e) {
   return Z(e, v);
 }
 function ee(e, t) {
@@ -783,16 +790,16 @@ function L(e, t = !1) {
     }
 }
 function te(e, t = !0) {
-  let o = e[0].previousElementSibling, r = C(e), n = B(r, {
+  let o = e[0].previousElementSibling, r = B(e), n = C(r, {
     tabbable: t
   }, e);
   n.currentNode = o;
   let l = n.nextNode();
-  t && !l && (r = C(e), n = B(r, {
+  t && !l && (r = B(e), n = C(r, {
     tabbable: !1
   }, e), n.currentNode = o, l = n.nextNode()), L(l);
 }
-function so(e, t) {
+function uo(e, t) {
   const o = h.useRef(t);
   F(() => {
     if (o.current) {
@@ -805,15 +812,15 @@ function so(e, t) {
     e
   ]);
 }
-function uo(e, t, o) {
+function co(e, t, o) {
   w(() => {
     if (t || o)
       return;
     let r = e.current;
     const n = E(r ? r[0] : void 0);
     let l = (a) => {
-      let s = a.target;
-      M(s, e.current) ? v = e : Ue(s) || (v = null);
+      let d = a.target;
+      M(d, e.current) ? v = e : Ue(d) || (v = null);
     };
     return n.addEventListener("focusin", l, !1), r == null || r.forEach((a) => a.addEventListener("focusin", l, !1)), () => {
       n.removeEventListener("focusin", l, !1), r == null || r.forEach((a) => a.removeEventListener("focusin", l, !1));
@@ -824,7 +831,7 @@ function uo(e, t, o) {
     o
   ]);
 }
-function co(e) {
+function mo(e) {
   let t = $.getTreeNode(v);
   for (; t && t.scopeRef !== e; ) {
     if (t.nodeToRestore)
@@ -833,7 +840,7 @@ function co(e) {
   }
   return (t == null ? void 0 : t.scopeRef) === e;
 }
-function mo(e, t, o) {
+function fo(e, t, o) {
   const r = y(typeof document < "u" ? E(e.current ? e.current[0] : void 0).activeElement : null);
   w(() => {
     let n = e.current;
@@ -843,8 +850,8 @@ function mo(e, t, o) {
     let a = () => {
       (!v || ee(v, e)) && M(l.activeElement, e.current) && (v = e);
     };
-    return l.addEventListener("focusin", a, !1), n == null || n.forEach((s) => s.addEventListener("focusin", a, !1)), () => {
-      l.removeEventListener("focusin", a, !1), n == null || n.forEach((s) => s.removeEventListener("focusin", a, !1));
+    return l.addEventListener("focusin", a, !1), n == null || n.forEach((d) => d.addEventListener("focusin", a, !1)), () => {
+      l.removeEventListener("focusin", a, !1), n == null || n.forEach((d) => d.removeEventListener("focusin", a, !1));
     };
   }, [
     e,
@@ -854,25 +861,25 @@ function mo(e, t, o) {
     if (!t)
       return;
     let l = (a) => {
-      if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !I(e))
+      if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !z(e) || a.isComposing)
         return;
-      let s = n.activeElement;
-      if (!M(s, e.current))
+      let d = n.activeElement;
+      if (!M(d, e.current))
         return;
       let c = $.getTreeNode(e);
       if (!c)
         return;
-      let d = c.nodeToRestore, i = B(n.body, {
+      let i = c.nodeToRestore, s = C(n.body, {
         tabbable: !0
       });
-      i.currentNode = s;
-      let f = a.shiftKey ? i.previousNode() : i.nextNode();
-      if ((!d || !n.body.contains(d) || d === n.body) && (d = void 0, c.nodeToRestore = void 0), (!f || !M(f, e.current)) && d) {
-        i.currentNode = d;
+      s.currentNode = d;
+      let f = a.shiftKey ? s.previousNode() : s.nextNode();
+      if ((!i || !n.body.contains(i) || i === n.body) && (i = void 0, c.nodeToRestore = void 0), (!f || !M(f, e.current)) && i) {
+        s.currentNode = i;
         do
-          f = a.shiftKey ? i.previousNode() : i.nextNode();
+          f = a.shiftKey ? s.previousNode() : s.nextNode();
         while (M(f, e.current));
-        a.preventDefault(), a.stopPropagation(), f ? L(f, !0) : Ue(d) ? L(d, !0) : s.blur();
+        a.preventDefault(), a.stopPropagation(), f ? L(f, !0) : Ue(i) ? L(i, !0) : d.blur();
       }
     };
     return o || n.addEventListener("keydown", l, !0), () => {
@@ -887,31 +894,32 @@ function mo(e, t, o) {
     if (!t)
       return;
     let l = $.getTreeNode(e);
-    if (!!l) {
+    if (l) {
       var a;
       return l.nodeToRestore = (a = r.current) !== null && a !== void 0 ? a : void 0, () => {
-        let s = $.getTreeNode(e);
-        if (!s)
+        let d = $.getTreeNode(e);
+        if (!d)
           return;
-        let c = s.nodeToRestore;
-        if (t && c && (M(n.activeElement, e.current) || n.activeElement === n.body && co(e))) {
-          let d = $.clone();
+        let c = d.nodeToRestore;
+        if (t && c && // eslint-disable-next-line react-hooks/exhaustive-deps
+        (M(n.activeElement, e.current) || n.activeElement === n.body && mo(e))) {
+          let i = $.clone();
           requestAnimationFrame(() => {
             if (n.activeElement === n.body) {
-              let i = d.getTreeNode(e);
-              for (; i; ) {
-                if (i.nodeToRestore && i.nodeToRestore.isConnected) {
-                  L(i.nodeToRestore);
+              let s = i.getTreeNode(e);
+              for (; s; ) {
+                if (s.nodeToRestore && s.nodeToRestore.isConnected) {
+                  L(s.nodeToRestore);
                   return;
                 }
-                i = i.parent;
+                s = s.parent;
               }
-              for (i = d.getTreeNode(e); i; ) {
-                if (i.scopeRef && i.scopeRef.current && $.getTreeNode(i.scopeRef)) {
-                  te(i.scopeRef.current, !0);
+              for (s = i.getTreeNode(e); s; ) {
+                if (s.scopeRef && s.scopeRef.current && $.getTreeNode(s.scopeRef)) {
+                  te(s.scopeRef.current, !0);
                   return;
                 }
-                i = i.parent;
+                s = s.parent;
               }
             }
           });
@@ -923,11 +931,11 @@ function mo(e, t, o) {
     t
   ]);
 }
-function B(e, t, o) {
-  let r = t != null && t.tabbable ? ao : no, n = E(e).createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+function C(e, t, o) {
+  let r = t != null && t.tabbable ? lo : ao, n = E(e).createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode(l) {
       var a;
-      return !(t == null || (a = t.from) === null || a === void 0) && a.contains(l) ? NodeFilter.FILTER_REJECT : l.matches(r) && je(l) && (!o || M(l, o)) && (!(t != null && t.accept) || t.accept(l)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+      return !(t == null || (a = t.from) === null || a === void 0) && a.contains(l) ? NodeFilter.FILTER_REJECT : l.matches(r) && _e(l) && (!o || M(l, o)) && (!(t != null && t.accept) || t.accept(l)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
     }
   });
   return t != null && t.from && (n.currentNode = t.from), n;
@@ -940,7 +948,7 @@ class $e {
     return this.fastMap.get(t);
   }
   addTreeNode(t, o, r) {
-    let n = this.fastMap.get(o != null ? o : null);
+    let n = this.fastMap.get(o ?? null);
     if (!n)
       return;
     let l = new pe({
@@ -963,6 +971,7 @@ class $e {
     let n = o.children;
     r && (r.removeChild(o), n.size > 0 && n.forEach((l) => r && r.addChild(l))), this.fastMap.delete(o.scopeRef);
   }
+  // Pre Order Depth First
   *traverse(t = this.root) {
     if (t.scopeRef != null && (yield t), t.children.size > 0)
       for (let o of t.children)
@@ -994,9 +1003,9 @@ class pe {
   }
 }
 let $ = new $e();
-const fo = /* @__PURE__ */ new WeakMap(), S = [];
-function po(e, t) {
-  let { onClose: o, shouldCloseOnBlur: r, isOpen: n, isDismissable: l = !1, isKeyboardDismissDisabled: a = !1, shouldCloseOnInteractOutside: s } = e;
+const po = /* @__PURE__ */ new WeakMap(), S = [];
+function go(e, t) {
+  let { onClose: o, shouldCloseOnBlur: r, isOpen: n, isDismissable: l = !1, isKeyboardDismissDisabled: a = !1, shouldCloseOnInteractOutside: d } = e;
   F(() => (n && S.push(t), () => {
     let p = S.indexOf(t);
     p >= 0 && S.splice(p, 1);
@@ -1006,22 +1015,22 @@ function po(e, t) {
   ]);
   let c = () => {
     S[S.length - 1] === t && o && o();
-  }, d = (p) => {
-    (!s || s(p.target)) && S[S.length - 1] === t && (p.stopPropagation(), p.preventDefault());
   }, i = (p) => {
-    (!s || s(p.target)) && (S[S.length - 1] === t && (p.stopPropagation(), p.preventDefault()), c());
+    (!d || d(p.target)) && S[S.length - 1] === t && (p.stopPropagation(), p.preventDefault());
+  }, s = (p) => {
+    (!d || d(p.target)) && (S[S.length - 1] === t && (p.stopPropagation(), p.preventDefault()), c());
   }, f = (p) => {
-    p.key === "Escape" && !a && (p.stopPropagation(), p.preventDefault(), c());
+    p.key === "Escape" && !a && !p.nativeEvent.isComposing && (p.stopPropagation(), p.preventDefault(), c());
   };
-  Zt({
+  eo({
     ref: t,
-    onInteractOutside: l && n ? i : null,
-    onInteractOutsideStart: d
+    onInteractOutside: l && n ? s : null,
+    onInteractOutsideStart: i
   });
-  let { focusWithinProps: m } = Qt({
+  let { focusWithinProps: m } = Zt({
     isDisabled: !r,
     onBlurWithin: (p) => {
-      !p.relatedTarget || io(p.relatedTarget) || (!s || s(p.relatedTarget)) && o();
+      !p.relatedTarget || so(p.relatedTarget) || (!d || d(p.relatedTarget)) && o();
     }
   }), g = (p) => {
     p.target === p.currentTarget && p.preventDefault();
@@ -1036,14 +1045,14 @@ function po(e, t) {
     }
   };
 }
-function go(e, t, o) {
+function bo(e, t, o) {
   let { type: r } = e, { isOpen: n } = t;
   F(() => {
-    o && o.current && fo.set(o.current, t.close);
+    o && o.current && po.set(o.current, t.close);
   });
   let l;
   r === "menu" ? l = !0 : r === "listbox" && (l = "listbox");
-  let a = Ie();
+  let a = Ae();
   return {
     triggerProps: {
       "aria-haspopup": l,
@@ -1056,7 +1065,7 @@ function go(e, t, o) {
     }
   };
 }
-const se = typeof document < "u" && window.visualViewport, bo = /* @__PURE__ */ new Set([
+const se = typeof document < "u" && window.visualViewport, vo = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -1068,62 +1077,62 @@ const se = typeof document < "u" && window.visualViewport, bo = /* @__PURE__ */
   "reset"
 ]);
 let U = 0, de;
-function vo(e = {}) {
+function $o(e = {}) {
   let { isDisabled: t } = e;
   w(() => {
     if (!t)
-      return U++, U === 1 && (Rt() ? de = ho() : de = $o()), () => {
+      return U++, U === 1 && (Rt() ? de = wo() : de = ho()), () => {
         U--, U === 0 && de();
       };
   }, [
     t
   ]);
 }
-function $o() {
+function ho() {
   return J(D(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), D(document.documentElement, "overflow", "hidden"));
 }
-function ho() {
-  let e, t, o = (d) => {
-    e = qe(d.target, !0), !(e === document.documentElement && e === document.body) && e instanceof HTMLElement && window.getComputedStyle(e).overscrollBehavior === "auto" && (t = D(e, "overscrollBehavior", "contain"));
-  }, r = (d) => {
+function wo() {
+  let e, t, o = (i) => {
+    e = qe(i.target, !0), !(e === document.documentElement && e === document.body) && e instanceof HTMLElement && window.getComputedStyle(e).overscrollBehavior === "auto" && (t = D(e, "overscrollBehavior", "contain"));
+  }, r = (i) => {
     if (!e || e === document.documentElement || e === document.body) {
-      d.preventDefault();
+      i.preventDefault();
       return;
     }
-    e.scrollHeight === e.clientHeight && e.scrollWidth === e.clientWidth && d.preventDefault();
-  }, n = (d) => {
-    let i = d.target;
-    Fe(i) && i !== document.activeElement && (d.preventDefault(), s(), i.style.transform = "translateY(-2000px)", i.focus(), requestAnimationFrame(() => {
-      i.style.transform = "";
+    e.scrollHeight === e.clientHeight && e.scrollWidth === e.clientWidth && i.preventDefault();
+  }, n = (i) => {
+    let s = i.target;
+    Fe(s) && s !== document.activeElement && (i.preventDefault(), d(), s.style.transform = "translateY(-2000px)", s.focus(), requestAnimationFrame(() => {
+      s.style.transform = "";
     })), t && t();
-  }, l = (d) => {
-    let i = d.target;
-    Fe(i) && (s(), i.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
-      i.style.transform = "", se && (se.height < window.innerHeight ? requestAnimationFrame(() => {
-        Le(i);
-      }) : se.addEventListener("resize", () => Le(i), {
+  }, l = (i) => {
+    let s = i.target;
+    Fe(s) && (d(), s.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
+      s.style.transform = "", se && (se.height < window.innerHeight ? requestAnimationFrame(() => {
+        Le(s);
+      }) : se.addEventListener("resize", () => Le(s), {
         once: !0
       }));
     }));
-  }, a = null, s = () => {
+  }, a = null, d = () => {
     if (a)
       return;
-    let d = () => {
+    let i = () => {
       window.scrollTo(0, 0);
-    }, i = window.pageXOffset, f = window.pageYOffset;
-    a = J(W(window, "scroll", d), D(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), D(document.documentElement, "overflow", "hidden"), D(document.body, "marginTop", `-${f}px`), () => {
-      window.scrollTo(i, f);
+    }, s = window.pageXOffset, f = window.pageYOffset;
+    a = J(A(window, "scroll", i), D(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), D(document.documentElement, "overflow", "hidden"), D(document.body, "marginTop", `-${f}px`), () => {
+      window.scrollTo(s, f);
     }), window.scrollTo(0, 0);
-  }, c = J(W(document, "touchstart", o, {
+  }, c = J(A(document, "touchstart", o, {
     passive: !1,
     capture: !0
-  }), W(document, "touchmove", r, {
+  }), A(document, "touchmove", r, {
     passive: !1,
     capture: !0
-  }), W(document, "touchend", n, {
+  }), A(document, "touchend", n, {
     passive: !1,
     capture: !0
-  }), W(document, "focus", l, !0));
+  }), A(document, "focus", l, !0));
   return () => {
     t == null || t(), a == null || a(), c();
   };
@@ -1134,7 +1143,7 @@ function D(e, t, o) {
     e.style[t] = r;
   };
 }
-function W(e, t, o, r) {
+function A(e, t, o, r) {
   return e.addEventListener(t, o, r), () => {
     e.removeEventListener(t, o, r);
   };
@@ -1151,51 +1160,51 @@ function Le(e) {
   }
 }
 function Fe(e) {
-  return e instanceof HTMLInputElement && !bo.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
+  return e instanceof HTMLInputElement && !vo.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
 }
-let A = /* @__PURE__ */ new WeakMap(), P = [];
-function wo(e, t = document.body) {
+let I = /* @__PURE__ */ new WeakMap(), P = [];
+function Eo(e, t = document.body) {
   let o = new Set(e), r = /* @__PURE__ */ new Set(), n = (c) => {
     for (let m of c.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))
       o.add(m);
-    let d = (m) => {
+    let i = (m) => {
       if (o.has(m) || r.has(m.parentElement) && m.parentElement.getAttribute("role") !== "row")
         return NodeFilter.FILTER_REJECT;
       for (let g of o)
         if (m.contains(g))
           return NodeFilter.FILTER_SKIP;
       return NodeFilter.FILTER_ACCEPT;
-    }, i = document.createTreeWalker(c, NodeFilter.SHOW_ELEMENT, {
-      acceptNode: d
-    }), f = d(c);
+    }, s = document.createTreeWalker(c, NodeFilter.SHOW_ELEMENT, {
+      acceptNode: i
+    }), f = i(c);
     if (f === NodeFilter.FILTER_ACCEPT && l(c), f !== NodeFilter.FILTER_REJECT) {
-      let m = i.nextNode();
+      let m = s.nextNode();
       for (; m != null; )
-        l(m), m = i.nextNode();
+        l(m), m = s.nextNode();
     }
   }, l = (c) => {
-    var d;
-    let i = (d = A.get(c)) !== null && d !== void 0 ? d : 0;
-    c.getAttribute("aria-hidden") === "true" && i === 0 || (i === 0 && c.setAttribute("aria-hidden", "true"), r.add(c), A.set(c, i + 1));
+    var i;
+    let s = (i = I.get(c)) !== null && i !== void 0 ? i : 0;
+    c.getAttribute("aria-hidden") === "true" && s === 0 || (s === 0 && c.setAttribute("aria-hidden", "true"), r.add(c), I.set(c, s + 1));
   };
   P.length && P[P.length - 1].disconnect(), n(t);
   let a = new MutationObserver((c) => {
-    for (let d of c)
-      if (!(d.type !== "childList" || d.addedNodes.length === 0) && ![
+    for (let i of c)
+      if (!(i.type !== "childList" || i.addedNodes.length === 0) && ![
         ...o,
         ...r
-      ].some((i) => i.contains(d.target))) {
-        for (let i of d.removedNodes)
-          i instanceof Element && (o.delete(i), r.delete(i));
-        for (let i of d.addedNodes)
-          (i instanceof HTMLElement || i instanceof SVGElement) && (i.dataset.liveAnnouncer === "true" || i.dataset.reactAriaTopLayer === "true") ? o.add(i) : i instanceof Element && n(i);
+      ].some((s) => s.contains(i.target))) {
+        for (let s of i.removedNodes)
+          s instanceof Element && (o.delete(s), r.delete(s));
+        for (let s of i.addedNodes)
+          (s instanceof HTMLElement || s instanceof SVGElement) && (s.dataset.liveAnnouncer === "true" || s.dataset.reactAriaTopLayer === "true") ? o.add(s) : s instanceof Element && n(s);
       }
   });
   a.observe(t, {
     childList: !0,
     subtree: !0
   });
-  let s = {
+  let d = {
     observe() {
       a.observe(t, {
         childList: !0,
@@ -1206,53 +1215,58 @@ function wo(e, t = document.body) {
       a.disconnect();
     }
   };
-  return P.push(s), () => {
+  return P.push(d), () => {
     a.disconnect();
     for (let c of r) {
-      let d = A.get(c);
-      d === 1 ? (c.removeAttribute("aria-hidden"), A.delete(c)) : A.set(c, d - 1);
+      let i = I.get(c);
+      i === 1 ? (c.removeAttribute("aria-hidden"), I.delete(c)) : I.set(c, i - 1);
     }
-    s === P[P.length - 1] ? (P.pop(), P.length && P[P.length - 1].observe()) : P.splice(P.indexOf(s), 1);
+    d === P[P.length - 1] ? (P.pop(), P.length && P[P.length - 1].observe()) : P.splice(P.indexOf(d), 1);
   };
 }
+const Mo = /* @__PURE__ */ ft({});
+function yo() {
+  var e;
+  return (e = W(Mo)) !== null && e !== void 0 ? e : {};
+}
 const Ge = /* @__PURE__ */ h.createContext(null);
-function Eo(e) {
-  let t = We(), { portalContainer: o = t ? null : document.body, isExiting: r } = e, [n, l] = H(!1), a = z(() => ({
+function Po(e) {
+  let t = We(), { portalContainer: o = t ? null : document.body, isExiting: r } = e, [n, l] = V(!1), a = q(() => ({
     contain: n,
     setContain: l
   }), [
     n,
     l
-  ]);
-  if (!o)
+  ]), { getContainer: d } = yo();
+  if (!e.portalContainer && d && (o = d()), !o)
     return null;
-  let s = e.children;
-  return e.disableFocusManagement || (s = /* @__PURE__ */ h.createElement(oo, {
+  let c = e.children;
+  return e.disableFocusManagement || (c = /* @__PURE__ */ h.createElement(ro, {
     restoreFocus: !0,
     contain: n && !r
-  }, s)), s = /* @__PURE__ */ h.createElement(Ge.Provider, {
+  }, c)), c = /* @__PURE__ */ h.createElement(Ge.Provider, {
     value: a
-  }, /* @__PURE__ */ h.createElement(_t, null, s)), /* @__PURE__ */ ft.createPortal(s, o);
+  }, /* @__PURE__ */ h.createElement(_t, null, c)), /* @__PURE__ */ pt.createPortal(c, o);
 }
 function Xe() {
-  let e = V(Ge), t = e == null ? void 0 : e.setContain;
+  let e = W(Ge), t = e == null ? void 0 : e.setContain;
   w(() => {
     t == null || t(!0);
   }, [
     t
   ]);
 }
-function Mo(e, t, o) {
-  let { overlayProps: r, underlayProps: n } = po({
+function ko(e, t, o) {
+  let { overlayProps: r, underlayProps: n } = go({
     ...e,
     isOpen: t.isOpen,
     onClose: t.close
   }, o);
-  return vo({
+  return $o({
     isDisabled: !t.isOpen
   }), Xe(), F(() => {
     if (t.isOpen)
-      return wo([
+      return Eo([
         o.current
       ]);
   }, [
@@ -1263,8 +1277,8 @@ function Mo(e, t, o) {
     underlayProps: n
   };
 }
-function yo(e, t) {
-  let { role: o = "dialog" } = e, r = St();
+function xo(e, t) {
+  let { role: o = "dialog" } = e, r = Tt();
   r = e["aria-label"] ? void 0 : r;
   let n = y(!1);
   return F(() => {
@@ -1287,6 +1301,9 @@ function yo(e, t) {
       role: o,
       tabIndex: -1,
       "aria-labelledby": e["aria-labelledby"] || r,
+      // 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: (l) => {
         n.current && l.stopPropagation();
       }
@@ -1296,7 +1313,7 @@ function yo(e, t) {
     }
   };
 }
-function Po(e, t, o) {
+function To(e, t, o) {
   return t in e ? Object.defineProperty(e, t, {
     value: o,
     enumerable: !0,
@@ -1304,7 +1321,7 @@ function Po(e, t, o) {
     writable: !0
   }) : e[t] = o, e;
 }
-function Be(e, t) {
+function Ce(e, t) {
   var o = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
@@ -1314,18 +1331,18 @@ function Be(e, t) {
   }
   return o;
 }
-function Ce(e) {
+function Be(e) {
   for (var t = 1; t < arguments.length; t++) {
     var o = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Be(Object(o), !0).forEach(function(r) {
-      Po(e, r, o[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : Be(Object(o)).forEach(function(r) {
+    t % 2 ? Ce(Object(o), !0).forEach(function(r) {
+      To(e, r, o[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : Ce(Object(o)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(o, r));
     });
   }
   return e;
 }
-var ko = (e, t, o) => {
+var So = (e, t, o) => {
   for (var r of Object.keys(e)) {
     var n;
     if (e[r] !== ((n = t[r]) !== null && n !== void 0 ? n : o[r]))
@@ -1333,20 +1350,23 @@ var ko = (e, t, o) => {
   }
   return !0;
 }, Je = (e) => (t) => {
-  var o = e.defaultClassName, r = Ce(Ce({}, e.defaultVariants), t);
+  var o = e.defaultClassName, r = Be(Be({}, e.defaultVariants), t);
   for (var n in r) {
     var l, a = (l = r[n]) !== null && l !== void 0 ? l : e.defaultVariants[n];
     if (a != null) {
-      var s = a;
-      typeof s == "boolean" && (s = s === !0 ? "true" : "false");
-      var c = e.variantClassNames[n][s];
+      var d = a;
+      typeof d == "boolean" && (d = d === !0 ? "true" : "false");
+      var c = (
+        // @ts-expect-error
+        e.variantClassNames[n][d]
+      );
       c && (o += " " + c);
     }
   }
-  for (var [d, i] of e.compoundVariants)
-    ko(d, r, e.defaultVariants) && (o += " " + i);
+  for (var [i, s] of e.compoundVariants)
+    So(i, r, e.defaultVariants) && (o += " " + s);
   return o;
-}, xo = "_3moto2o", To = "_3moto2q", So = "_3moto2r", Ye = "_3moto2p", Lo = Je({ defaultClassName: "_3moto20", variantClassNames: { kind: { informational: "_3moto21", delete: "_3moto22", failure: "_3moto23", success: "_3moto24", warning: "_3moto25", successWithFailures: "_3moto26", form: "_3moto27" }, size: { sm: "_3moto28", md: "_3moto29", lg: "_3moto2a", xl: "_3moto2b" }, fullHeight: { true: "_3moto2c", false: "_3moto2d" } }, defaultVariants: {}, compoundVariants: [] }), Fo = "_3moto2n", Bo = Je({ defaultClassName: "_3moto2e", variantClassNames: { kind: { form: "_3moto2f", delete: "_3moto2g", failure: "_3moto2h", informational: "_3moto2i", success: "_3moto2j", warning: "_3moto2k", successWithFailures: "_3moto2l" } }, defaultVariants: {}, compoundVariants: [] }), Co = "_3moto2m", No = "_3moto2s";
+}, Lo = "_3moto2o", Fo = "_3moto2q", Co = "_3moto2r", Ye = "_3moto2p", Bo = Je({ defaultClassName: "_3moto20", variantClassNames: { kind: { informational: "_3moto21", delete: "_3moto22", failure: "_3moto23", success: "_3moto24", warning: "_3moto25", successWithFailures: "_3moto26", form: "_3moto27" }, size: { sm: "_3moto28", md: "_3moto29", lg: "_3moto2a", xl: "_3moto2b" }, fullHeight: { true: "_3moto2c", false: "_3moto2d" } }, defaultVariants: {}, compoundVariants: [] }), No = "_3moto2n", Oo = Je({ defaultClassName: "_3moto2e", variantClassNames: { kind: { form: "_3moto2f", delete: "_3moto2g", failure: "_3moto2h", informational: "_3moto2i", success: "_3moto2j", warning: "_3moto2k", successWithFailures: "_3moto2l" } }, defaultVariants: {}, compoundVariants: [] }), Do = "_3moto2m", Wo = "_3moto2s";
 function Qe({
   children: e,
   className: t = "",
@@ -1364,7 +1384,7 @@ const Ne = Object.freeze({
   successWithFailures: "status-warning",
   warning: "status-warning"
 });
-function Oo({
+function Ao({
   children: e,
   className: t,
   "data-testid": o,
@@ -1372,23 +1392,23 @@ function Oo({
   onBlur: n,
   onFocus: l,
   overlayProps: a,
-  size: s = "sm",
+  size: d = "sm",
   state: c,
-  title: d,
-  dismissible: i,
+  title: i,
+  dismissible: s,
   dismissable: f = !0,
   onClose: m,
   fullHeight: g = !1,
   ...p
 }) {
-  const T = i != null ? i : f, oe = u.useRef(null), { modalProps: re, underlayProps: et } = Mo(
+  const T = s ?? f, oe = u.useRef(null), { modalProps: re, underlayProps: et } = ko(
     {
       isKeyboardDismissDisabled: !T,
       ...p
     },
     c,
     oe
-  ), { dialogProps: ne, titleProps: tt } = yo(p, oe), ot = Me(re.onFocus, ne.onFocus, l), rt = Me(re.onBlur, ne.onBlur, n), { t: nt } = u.useContext(st), at = dt({ "data-testid": o }), [ae, lt] = ut(
+  ), { dialogProps: ne, titleProps: tt } = xo(p, oe), ot = Me(re.onFocus, ne.onFocus, l), rt = Me(re.onBlur, ne.onBlur, n), { t: nt } = u.useContext(st), at = dt({ "data-testid": o }), [ae, lt] = ut(
     e,
     [{ type: Qe }]
   );
@@ -1403,11 +1423,11 @@ function Oo({
         onClick: he,
         kind: "icon",
         icon: "x",
-        className: To
+        className: Fo
       }
     ) : null;
-  }, it = ct(lt, (Ee) => Ee.type === we ? [{ className: ue(Ee.props.classname, So) }] : []);
-  return /* @__PURE__ */ u.createElement(Eo, null, /* @__PURE__ */ u.createElement("div", { className: No, ...et, ...p }, /* @__PURE__ */ u.createElement(
+  }, it = ct(lt, (Ee) => Ee.type === we ? [{ className: ue(Ee.props.classname, Co) }] : []);
+  return /* @__PURE__ */ u.createElement(Po, null, /* @__PURE__ */ u.createElement("div", { className: Wo, ...et, ...p }, /* @__PURE__ */ u.createElement(
     "div",
     {
       ...re,
@@ -1417,21 +1437,21 @@ function Oo({
       onBlur: rt,
       ...at("dialog"),
       ref: oe,
-      className: ue(Lo({ kind: r, size: s, fullHeight: g }), t)
+      className: ue(Bo({ kind: r, size: d, fullHeight: g }), t)
     },
-    /* @__PURE__ */ u.createElement("div", { ...tt, className: Bo({ kind: r }) }, r && /* @__PURE__ */ u.createElement(
+    /* @__PURE__ */ u.createElement("div", { ...tt, className: Oo({ kind: r }) }, r && /* @__PURE__ */ u.createElement(
       mt,
       {
         icon: Ne[r] || Ne.informational,
-        className: Fo
+        className: No
       }
-    ), /* @__PURE__ */ u.createElement("div", { className: Co }, le(d, c.close)), /* @__PURE__ */ u.createElement(we, null)),
-    /* @__PURE__ */ u.createElement("div", { className: xo }, le(it, c.close)),
+    ), /* @__PURE__ */ u.createElement("div", { className: Do }, le(i, c.close)), /* @__PURE__ */ u.createElement(we, null)),
+    /* @__PURE__ */ u.createElement("div", { className: Lo }, le(it, c.close)),
     ae && ae.length > 0 ? /* @__PURE__ */ u.createElement(u.Fragment, null, le(ae, c.close)) : /* @__PURE__ */ u.createElement("div", { className: Ye }, /* @__PURE__ */ u.createElement(ye, { kind: "key", onClick: he }, nt("design-system:modal.defaultButtonLabel")))
   )));
 }
 function Ze(e) {
-  return e.state.isOpen ? /* @__PURE__ */ u.createElement(Oo, { ...e }, e.children) : /* @__PURE__ */ u.createElement(u.Fragment, null);
+  return e.state.isOpen ? /* @__PURE__ */ u.createElement(Ao, { ...e }, e.children) : /* @__PURE__ */ u.createElement(u.Fragment, null);
 }
 Oe.set(Ze, {
   name: "Modal",
@@ -1446,8 +1466,8 @@ Oe.set(Ze, {
     title: { type: "string" }
   }
 });
-function Do(e) {
-  let [t, o] = pt(e.isOpen, e.defaultOpen || !1, e.onOpenChange);
+function Io(e) {
+  let [t, o] = jt(e.isOpen, e.defaultOpen || !1, e.onOpenChange);
   const r = x(() => {
     o(!0);
   }, [
@@ -1470,8 +1490,8 @@ function Do(e) {
     toggle: l
   };
 }
-function Ho(e = {}) {
-  const t = Do(e), o = y(null), { triggerProps: r, overlayProps: n } = go(
+function jo(e = {}) {
+  const t = Io(e), o = y(null), { triggerProps: r, overlayProps: n } = bo(
     { type: "dialog" },
     t,
     o
@@ -1489,8 +1509,8 @@ function Ho(e = {}) {
     modalProps: { overlayProps: n, state: t }
   };
 }
-const Wo = {
-  description: () => /* @__PURE__ */ u.createElement("p", null, "Modals are overlays on a page that focus a user\u2019s attention on an important message or a simple action. Examples of a Modal include confirming the deletion of a record, or making a single selection."),
+const zo = {
+  description: () => /* @__PURE__ */ u.createElement("p", null, "Modals are overlays on a page that focus a user’s attention on an important message or a simple action. Examples of a Modal include confirming the deletion of a record, or making a single selection."),
   components: [Ze],
   examples: {
     general: {
@@ -2230,13 +2250,13 @@ const Wo = {
       }
     }
   }
-}, Vo = {
-  Modals: Wo
+}, _o = {
+  Modals: zo
 };
 export {
-  Vo as MANIFEST,
+  _o as MANIFEST,
   Ze as Modal,
   Qe as ModalFooter,
   Ne as ModalIcons,
-  Ho as useModal
+  jo as useModal
 };