@sps-woodland/focused-task 8.7.4 → 8.7.5

package/lib/index.es.js

@@ -1,42 +1,51 @@
-import { Metadata as Fe, cl as I, combineEventHandlers as be, useChildTestIdAttrBuilder as Ye, selectChildren as Qe, modChildren as Ze, contentOf as $e } from "@sps-woodland/core";
+import { Metadata as Pe, cl as R, combineEventHandlers as me, useChildTestIdAttrBuilder as Ye, selectChildren as Qe, modChildren as Ze, contentOf as $e } from "@sps-woodland/core";
 import { Button as et } from "@sps-woodland/buttons";
 import * as d from "react";
-import h, { useState as K, useRef as y, useEffect as F, useCallback as N, useContext as j, useMemo as R } from "react";
-import tt from "react-dom";
+import h, { useRef as y, useCallback as N, useState as j, useContext as A, useEffect as P, useMemo as H, createContext as tt } from "react";
+import nt from "react-dom";
 import { code as he } from "@spscommerce/utils";
-function nt(e, t, n) {
-  let [r, o] = K(e || t), i = y(e !== void 0), a = e !== void 0;
-  F(() => {
-    let c = i.current;
-    c !== a && console.warn(`WARN: A component changed from ${c ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}.`), i.current = a;
-  }, [
-    a
-  ]);
-  let l = a ? e : r, u = N((c, ...s) => {
-    let f = (p, ...v) => {
-      n && (Object.is(l, p) || n(p, ...v)), a || (l = p);
-    };
-    typeof c == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), o((v, ...m) => {
-      let P = c(a ? l : v, ...m);
-      return f(P, ...s), a ? v : P;
-    })) : (a || o(c), f(c, ...s));
+const E = typeof document < "u" ? h.useLayoutEffect : () => {
+};
+function K(e) {
+  const t = y(null);
+  return E(() => {
+    t.current = e;
   }, [
-    a,
-    l,
-    n
-  ]);
+    e
+  ]), N((...n) => {
+    const r = t.current;
+    return r == null ? void 0 : r(...n);
+  }, []);
+}
+function rt(e) {
+  let [t, n] = j(e), r = y(null), o = K(() => {
+    if (!r.current)
+      return;
+    let a = r.current.next();
+    if (a.done) {
+      r.current = null;
+      return;
+    }
+    t === a.value ? o() : n(a.value);
+  });
+  E(() => {
+    r.current && o();
+  });
+  let i = K((a) => {
+    r.current = a(t), o();
+  });
   return [
-    l,
-    u
+    t,
+    i
   ];
 }
 const U = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
-}, Pe = /* @__PURE__ */ h.createContext(U), rt = /* @__PURE__ */ h.createContext(!1);
-let ot = Boolean(typeof window < "u" && window.document && window.document.createElement), re = /* @__PURE__ */ new WeakMap();
-function at(e = !1) {
-  let t = j(Pe), n = y(null);
+}, ke = /* @__PURE__ */ h.createContext(U), ot = /* @__PURE__ */ h.createContext(!1);
+let at = !!(typeof window < "u" && window.document && window.document.createElement), re = /* @__PURE__ */ new WeakMap();
+function it(e = !1) {
+  let t = A(ke), n = y(null);
   if (n.current === null && !e) {
     var r, o;
     let i = (o = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || o === void 0 || (r = o.ReactCurrentOwner) === null || r === void 0 ? void 0 : r.current;
@@ -51,102 +60,48 @@ function at(e = !1) {
   }
   return n.current;
 }
-function it(e) {
-  let t = j(Pe);
-  t === U && !ot && 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 n = at(!!e), r = t === U && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
+function lt(e) {
+  let t = A(ke);
+  t === U && !at && 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 n = it(!!e), r = t === U && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
   return e || `${r}-${n}`;
 }
-function lt(e) {
-  let t = h.useId(), [n] = K(Le()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${U.prefix}`;
+function st(e) {
+  let t = h.useId(), [n] = j(Le()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${U.prefix}`;
   return e || `${r}-${t}`;
 }
-const st = typeof h.useId == "function" ? lt : it;
-function ct() {
+const ct = typeof h.useId == "function" ? st : lt;
+function ut() {
   return !1;
 }
-function ut() {
+function dt() {
   return !0;
 }
-function dt(e) {
+function ft(e) {
   return () => {
   };
 }
 function Le() {
-  return typeof h.useSyncExternalStore == "function" ? h.useSyncExternalStore(dt, ct, ut) : j(rt);
+  return typeof h.useSyncExternalStore == "function" ? h.useSyncExternalStore(ft, ut, dt) : A(ot);
 }
+let pt = !!(typeof window < "u" && window.document && window.document.createElement), J = /* @__PURE__ */ new Map();
 function Ce(e) {
-  var t, n, r = "";
-  if (typeof e == "string" || typeof e == "number")
-    r += e;
-  else if (typeof e == "object")
-    if (Array.isArray(e)) {
-      var o = e.length;
-      for (t = 0; t < o; t++)
-        e[t] && (n = Ce(e[t])) && (r && (r += " "), r += n);
-    } else
-      for (n in e)
-        e[n] && (r && (r += " "), r += n);
-  return r;
-}
-function ft() {
-  for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++)
-    (e = arguments[n]) && (t = Ce(e)) && (r && (r += " "), r += t);
-  return r;
-}
-const E = typeof document < "u" ? h.useLayoutEffect : () => {
-};
-function V(e) {
-  const t = y(null);
-  return E(() => {
-    t.current = e;
-  }, [
-    e
-  ]), N((...n) => {
-    const r = t.current;
-    return r == null ? void 0 : r(...n);
-  }, []);
-}
-function pt(e) {
-  let [t, n] = K(e), r = y(null), o = V(() => {
-    if (!r.current)
-      return;
-    let a = r.current.next();
-    if (a.done) {
-      r.current = null;
-      return;
-    }
-    t === a.value ? o() : n(a.value);
-  });
-  E(() => {
-    r.current && o();
-  });
-  let i = V((a) => {
-    r.current = a(t), o();
-  });
-  return [
-    t,
-    i
-  ];
-}
-let vt = Boolean(typeof window < "u" && window.document && window.document.createElement), J = /* @__PURE__ */ new Map();
-function Oe(e) {
-  let [t, n] = K(e), r = y(null), o = st(t), i = N((a) => {
+  let [t, n] = j(e), r = y(null), o = ct(t), i = N((a) => {
     r.current = a;
   }, []);
-  return vt && J.set(o, i), E(() => {
+  return pt && J.set(o, i), E(() => {
     let a = o;
     return () => {
       J.delete(a);
     };
   }, [
     o
-  ]), F(() => {
+  ]), P(() => {
     let a = r.current;
     a && (r.current = null, n(a));
   }), o;
 }
-function mt(e, t) {
+function vt(e, t) {
   if (e === t)
     return e;
   let n = J.get(e);
@@ -156,7 +111,7 @@ function mt(e, t) {
   return r ? (r(e), e) : t;
 }
 function bt(e = []) {
-  let t = Oe(), [n, r] = pt(t), o = N(() => {
+  let t = Ce(), [n, r] = rt(t), o = N(() => {
     r(function* () {
       yield t, yield document.getElementById(t) ? t : void 0;
     });
@@ -180,6 +135,25 @@ const g = (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 : g(e).defaultView || window;
+function Oe(e) {
+  var t, n, r = "";
+  if (typeof e == "string" || typeof e == "number")
+    r += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e)) {
+      var o = e.length;
+      for (t = 0; t < o; t++)
+        e[t] && (n = Oe(e[t])) && (r && (r += " "), r += n);
+    } else
+      for (n in e)
+        e[n] && (r && (r += " "), r += n);
+  return r;
+}
+function mt() {
+  for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++)
+    (e = arguments[n]) && (t = Oe(e)) && (r && (r += " "), r += t);
+  return r;
+}
 function $t(...e) {
   let t = {
     ...e[0]
@@ -188,7 +162,10 @@ function $t(...e) {
     let r = e[n];
     for (let o in r) {
       let i = t[o], a = r[o];
-      typeof i == "function" && typeof a == "function" && o[0] === "o" && o[1] === "n" && o.charCodeAt(2) >= 65 && o.charCodeAt(2) <= 90 ? t[o] = X(i, a) : (o === "className" || o === "UNSAFE_className") && typeof i == "string" && typeof a == "string" ? t[o] = ft(i, a) : o === "id" && i && a ? t.id = mt(i, a) : t[o] = a !== void 0 ? a : i;
+      typeof i == "function" && typeof a == "function" && // This is a lot faster than a regex.
+      o[0] === "o" && o[1] === "n" && o.charCodeAt(2) >= /* 'A' */
+      65 && o.charCodeAt(2) <= /* 'Z' */
+      90 ? t[o] = X(i, a) : (o === "className" || o === "UNSAFE_className") && typeof i == "string" && typeof a == "string" ? t[o] = mt(i, a) : o === "id" && i && a ? t.id = vt(i, a) : t[o] = a !== void 0 ? a : i;
     }
   }
   return t;
@@ -202,6 +179,7 @@ const ht = /* @__PURE__ */ new Set([
   "aria-details"
 ]), gt = /* @__PURE__ */ new Set([
   "href",
+  "hrefLang",
   "target",
   "rel",
   "download",
@@ -211,7 +189,7 @@ const ht = /* @__PURE__ */ new Set([
 function yt(e, t = {}) {
   let { labelable: n, isLink: r, propNames: o } = t, i = {};
   for (const a in e)
-    Object.prototype.hasOwnProperty.call(e, a) && (ht.has(a) || n && Et.has(a) || r && gt.has(a) || (o == null ? void 0 : o.has(a)) || wt.test(a)) && (i[a] = e[a]);
+    Object.prototype.hasOwnProperty.call(e, a) && (ht.has(a) || n && Et.has(a) || r && gt.has(a) || o != null && o.has(a) || wt.test(a)) && (i[a] = e[a]);
   return i;
 }
 function Ee(e) {
@@ -268,14 +246,15 @@ function ue(e) {
 function Me() {
   return ue(/^Mac/i);
 }
-function kt() {
-  return ue(/^iPhone/i);
-}
 function Ft() {
-  return ue(/^iPad/i) || Me() && navigator.maxTouchPoints > 1;
+  return ue(/^iPhone/i);
 }
 function Pt() {
-  return kt() || Ft();
+  return ue(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  Me() && navigator.maxTouchPoints > 1;
+}
+function kt() {
+  return Ft() || Pt();
 }
 function Lt() {
   return St(/Android/i);
@@ -298,7 +277,7 @@ function ge() {
     if (!e(r) || !r.target)
       return;
     let o = M.get(r.target);
-    if (!!o && (o.delete(r.propertyName), o.size === 0 && (r.target.removeEventListener("transitioncancel", n), M.delete(r.target)), M.size === 0)) {
+    if (o && (o.delete(r.propertyName), o.size === 0 && (r.target.removeEventListener("transitioncancel", n), M.delete(r.target)), M.size === 0)) {
       for (let i of ie)
         i();
       ie.clear();
@@ -312,26 +291,52 @@ function Ct(e) {
     M.size === 0 ? e() : ie.add(e);
   });
 }
+function we(e, t) {
+  let n = window.getComputedStyle(e), r = /(auto|scroll)/.test(n.overflow + n.overflowX + n.overflowY);
+  return r && t && (r = e.scrollHeight !== e.clientHeight || e.scrollWidth !== e.clientWidth), r;
+}
 function De(e, t) {
   let n = e;
   for (we(n, t) && (n = n.parentElement); n && !we(n, t); )
     n = n.parentElement;
   return n || document.scrollingElement || document.documentElement;
 }
-function we(e, t) {
-  let n = window.getComputedStyle(e), r = /(auto|scroll)/.test(n.overflow + n.overflowX + n.overflowY);
-  return r && t && (r = e.scrollHeight !== e.clientHeight || e.scrollWidth !== e.clientWidth), r;
-}
 function Ot(e) {
   return e.mozInputSource === 0 && e.isTrusted ? !0 : Lt() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
+function Mt(e, t, n) {
+  let [r, o] = j(e || t), i = y(e !== void 0), a = e !== void 0;
+  P(() => {
+    let l = i.current;
+    l !== a && console.warn(`WARN: A component changed from ${l ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}.`), i.current = a;
+  }, [
+    a
+  ]);
+  let c = a ? e : r, u = N((l, ...s) => {
+    let f = (p, ...b) => {
+      n && (Object.is(c, p) || n(p, ...b)), a || (c = p);
+    };
+    typeof l == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), o((b, ...v) => {
+      let k = l(a ? c : b, ...v);
+      return f(k, ...s), a ? b : k;
+    })) : (a || o(l), f(l, ...s));
+  }, [
+    a,
+    c,
+    n
+  ]);
+  return [
+    c,
+    u
+  ];
+}
 const Ae = h.createContext({
   register: () => {
   }
 });
 Ae.displayName = "PressResponderContext";
-function Mt({ children: e }) {
-  let t = R(() => ({
+function Dt({ children: e }) {
+  let t = H(() => ({
     register: () => {
     }
   }), []);
@@ -339,7 +344,7 @@ function Mt({ children: e }) {
     value: t
   }, e);
 }
-class Dt {
+class At {
   isDefaultPrevented() {
     return this.nativeEvent.defaultPrevented;
   }
@@ -358,7 +363,7 @@ class Dt {
     this.nativeEvent = n, this.target = n.target, this.currentTarget = n.currentTarget, this.relatedTarget = n.relatedTarget, this.bubbles = n.bubbles, this.cancelable = n.cancelable, this.defaultPrevented = n.defaultPrevented, this.eventPhase = n.eventPhase, this.isTrusted = n.isTrusted, this.timeStamp = n.timeStamp, this.type = t;
   }
 }
-function At(e) {
+function Wt(e) {
   let t = y({
     isFocused: !1,
     observer: null
@@ -369,14 +374,14 @@ function At(e) {
       r.observer && (r.observer.disconnect(), r.observer = null);
     };
   }, []);
-  let n = V((r) => {
+  let n = K((r) => {
     e == null || e(r);
   });
   return N((r) => {
     if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
       t.current.isFocused = !0;
       let o = r.target, i = (a) => {
-        t.current.isFocused = !1, o.disabled && n(new Dt("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
+        t.current.isFocused = !1, o.disabled && n(new At("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
       };
       o.addEventListener("focusout", i, {
         once: !0
@@ -384,12 +389,12 @@ function At(e) {
         if (t.current.isFocused && o.disabled) {
           var a;
           (a = t.current.observer) === null || a === void 0 || a.disconnect();
-          let l = o === document.activeElement ? null : document.activeElement;
+          let c = o === document.activeElement ? null : document.activeElement;
           o.dispatchEvent(new FocusEvent("blur", {
-            relatedTarget: l
+            relatedTarget: c
           })), o.dispatchEvent(new FocusEvent("focusout", {
             bubbles: !0,
-            relatedTarget: l
+            relatedTarget: c
           }));
         }
       }), t.current.observer.observe(o, {
@@ -403,16 +408,16 @@ function At(e) {
     n
   ]);
 }
-let q = null, Wt = /* @__PURE__ */ new Set(), H = /* @__PURE__ */ new Map(), O = !1, le = !1;
+let q = null, Bt = /* @__PURE__ */ new Set(), V = /* @__PURE__ */ new Map(), O = !1, le = !1;
 function de(e, t) {
-  for (let n of Wt)
+  for (let n of Bt)
     n(e, t);
 }
-function Bt(e) {
+function It(e) {
   return !(e.metaKey || !Me() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
 function Q(e) {
-  O = !0, Bt(e) && (q = "keyboard", de("keyboard", e));
+  O = !0, It(e) && (q = "keyboard", de("keyboard", e));
 }
 function x(e) {
   q = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (O = !0, de("pointer", e));
@@ -427,7 +432,7 @@ function Ie() {
   O = !1, le = !0;
 }
 function ye(e) {
-  if (typeof window > "u" || H.get(Y(e)))
+  if (typeof window > "u" || V.get(Y(e)))
     return;
   const t = Y(e), n = g(e);
   let r = t.HTMLElement.prototype.focus;
@@ -437,43 +442,44 @@ function ye(e) {
     Re(e);
   }, {
     once: !0
-  }), H.set(t, {
+  }), V.set(t, {
     focus: r
   });
 }
 const Re = (e, t) => {
   const n = Y(e), r = g(e);
-  t && r.removeEventListener("DOMContentLoaded", t), H.has(n) && (n.HTMLElement.prototype.focus = H.get(n).focus, r.removeEventListener("keydown", Q, !0), r.removeEventListener("keyup", Q, !0), r.removeEventListener("click", We, !0), n.removeEventListener("focus", Be, !0), n.removeEventListener("blur", Ie, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", x, !0), r.removeEventListener("pointermove", x, !0), r.removeEventListener("pointerup", x, !0)) : (r.removeEventListener("mousedown", x, !0), r.removeEventListener("mousemove", x, !0), r.removeEventListener("mouseup", x, !0)), H.delete(n));
+  t && r.removeEventListener("DOMContentLoaded", t), V.has(n) && (n.HTMLElement.prototype.focus = V.get(n).focus, r.removeEventListener("keydown", Q, !0), r.removeEventListener("keyup", Q, !0), r.removeEventListener("click", We, !0), n.removeEventListener("focus", Be, !0), n.removeEventListener("blur", Ie, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", x, !0), r.removeEventListener("pointermove", x, !0), r.removeEventListener("pointerup", x, !0)) : (r.removeEventListener("mousedown", x, !0), r.removeEventListener("mousemove", x, !0), r.removeEventListener("mouseup", x, !0)), V.delete(n));
 };
-function It(e) {
+function Rt(e) {
   const t = g(e);
   let n;
   return t.readyState !== "loading" ? ye(e) : (n = () => {
     ye(e);
   }, t.addEventListener("DOMContentLoaded", n)), () => Re(e, n);
 }
-typeof document < "u" && It();
-function Rt() {
+typeof document < "u" && Rt();
+function Ht() {
   return q;
 }
-function Ht(e) {
+function Vt(e) {
   let { isDisabled: t, onBlurWithin: n, onFocusWithin: r, onFocusWithinChange: o } = e, i = y({
     isFocusWithin: !1
-  }), a = N((c) => {
-    i.current.isFocusWithin && !c.currentTarget.contains(c.relatedTarget) && (i.current.isFocusWithin = !1, n && n(c), o && o(!1));
+  }), a = N((l) => {
+    i.current.isFocusWithin && !l.currentTarget.contains(l.relatedTarget) && (i.current.isFocusWithin = !1, n && n(l), o && o(!1));
   }, [
     n,
     o,
     i
-  ]), l = At(a), u = N((c) => {
-    !i.current.isFocusWithin && document.activeElement === c.target && (r && r(c), o && o(!0), i.current.isFocusWithin = !0, l(c));
+  ]), c = Wt(a), u = N((l) => {
+    !i.current.isFocusWithin && document.activeElement === l.target && (r && r(l), o && o(!0), i.current.isFocusWithin = !0, c(l));
   }, [
     r,
     o,
-    l
+    c
   ]);
   return t ? {
     focusWithinProps: {
+      // These should not have been null, that would conflict in mergeProps
       onFocus: void 0,
       onBlur: void 0
     }
@@ -484,32 +490,32 @@ function Ht(e) {
     }
   };
 }
-function Vt(e) {
+function Kt(e) {
   let { ref: t, onInteractOutside: n, isDisabled: r, onInteractOutsideStart: o } = e, i = y({
     isPointerDown: !1,
     ignoreEmulatedMouseEvents: !1
-  }), a = V((u) => {
+  }), a = K((u) => {
     n && _(u, t) && (o && o(u), i.current.isPointerDown = !0);
-  }), l = V((u) => {
+  }), c = K((u) => {
     n && n(u);
   });
-  F(() => {
+  P(() => {
     let u = i.current;
     if (r)
       return;
-    const c = t.current, s = g(c);
+    const l = t.current, s = g(l);
     if (typeof PointerEvent < "u") {
       let f = (p) => {
-        u.isPointerDown && _(p, t) && l(p), u.isPointerDown = !1;
+        u.isPointerDown && _(p, t) && c(p), u.isPointerDown = !1;
       };
       return s.addEventListener("pointerdown", a, !0), s.addEventListener("pointerup", f, !0), () => {
         s.removeEventListener("pointerdown", a, !0), s.removeEventListener("pointerup", f, !0);
       };
     } else {
-      let f = (v) => {
-        u.ignoreEmulatedMouseEvents ? u.ignoreEmulatedMouseEvents = !1 : u.isPointerDown && _(v, t) && l(v), u.isPointerDown = !1;
-      }, p = (v) => {
-        u.ignoreEmulatedMouseEvents = !0, u.isPointerDown && _(v, t) && l(v), u.isPointerDown = !1;
+      let f = (b) => {
+        u.ignoreEmulatedMouseEvents ? u.ignoreEmulatedMouseEvents = !1 : u.isPointerDown && _(b, t) && c(b), u.isPointerDown = !1;
+      }, p = (b) => {
+        u.ignoreEmulatedMouseEvents = !0, u.isPointerDown && _(b, t) && c(b), u.isPointerDown = !1;
       };
       return s.addEventListener("mousedown", a, !0), s.addEventListener("mouseup", f, !0), s.addEventListener("touchstart", a, !0), s.addEventListener("touchend", p, !0), () => {
         s.removeEventListener("mousedown", a, !0), s.removeEventListener("mouseup", f, !0), s.removeEventListener("touchstart", a, !0), s.removeEventListener("touchend", p, !0);
@@ -519,7 +525,7 @@ function Vt(e) {
     t,
     r,
     a,
-    l
+    c
   ]);
 }
 function _(e, t) {
@@ -534,7 +540,7 @@ function _(e, t) {
 }
 function se(e) {
   const t = g(e);
-  if (Rt() === "virtual") {
+  if (Ht() === "virtual") {
     let n = t.activeElement;
     Ct(() => {
       t.activeElement === n && e.isConnected && Ee(e);
@@ -542,77 +548,78 @@ function se(e) {
   } else
     Ee(e);
 }
-function Kt(e) {
+function jt(e) {
   const t = Y(e);
   if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement))
     return !1;
   let { display: n, visibility: r } = e.style, o = n !== "none" && r !== "hidden" && r !== "collapse";
   if (o) {
     const { getComputedStyle: i } = e.ownerDocument.defaultView;
-    let { display: a, visibility: l } = i(e);
-    o = a !== "none" && l !== "hidden" && l !== "collapse";
+    let { display: a, visibility: c } = i(e);
+    o = a !== "none" && c !== "hidden" && c !== "collapse";
   }
   return o;
 }
-function jt(e, t) {
-  return !e.hasAttribute("hidden") && (e.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? e.hasAttribute("open") : !0);
+function qt(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 He(e, t) {
-  return e.nodeName !== "#comment" && Kt(e) && jt(e, t) && (!e.parentElement || He(e.parentElement, e));
+  return e.nodeName !== "#comment" && jt(e) && qt(e, t) && (!e.parentElement || He(e.parentElement, e));
 }
 const Te = /* @__PURE__ */ h.createContext(null);
-let b = null;
-function qt(e) {
-  let { children: t, contain: n, restoreFocus: r, autoFocus: o } = e, i = y(null), a = y(null), l = y([]), { parentNode: u } = j(Te) || {}, c = R(() => new ce({
-    scopeRef: l
+let m = null;
+function zt(e) {
+  let { children: t, contain: n, restoreFocus: r, autoFocus: o } = e, i = y(null), a = y(null), c = y([]), { parentNode: u } = A(Te) || {}, l = H(() => new ce({
+    scopeRef: c
   }), [
-    l
+    c
   ]);
   E(() => {
     let p = u || $.root;
-    if ($.getTreeNode(p.scopeRef) && b && !ee(b, p.scopeRef)) {
-      let v = $.getTreeNode(b);
-      v && (p = v);
+    if ($.getTreeNode(p.scopeRef) && m && !ee(m, p.scopeRef)) {
+      let b = $.getTreeNode(m);
+      b && (p = b);
     }
-    p.addChild(c), $.addNode(c);
+    p.addChild(l), $.addNode(l);
   }, [
-    c,
+    l,
     u
   ]), E(() => {
-    let p = $.getTreeNode(l);
+    let p = $.getTreeNode(c);
     p && (p.contain = !!n);
   }, [
     n
   ]), E(() => {
     var p;
-    let v = (p = i.current) === null || p === void 0 ? void 0 : p.nextSibling, m = [];
-    for (; v && v !== a.current; )
-      m.push(v), v = v.nextSibling;
-    l.current = m;
+    let b = (p = i.current) === null || p === void 0 ? void 0 : p.nextSibling, v = [];
+    for (; b && b !== a.current; )
+      v.push(b), b = b.nextSibling;
+    c.current = v;
   }, [
     t
-  ]), Yt(l, r, n), Ut(l, n), Zt(l, r, n), Xt(l, o), F(() => {
-    const p = g(l.current ? l.current[0] : void 0).activeElement;
-    let v = null;
-    if (w(p, l.current)) {
-      for (let m of $.traverse())
-        m.scopeRef && w(p, m.scopeRef.current) && (v = m);
-      v === $.getTreeNode(l) && (b = v.scopeRef);
+  ]), Qt(c, r, n), Jt(c, n), en(c, r, n), Yt(c, o), P(() => {
+    const p = g(c.current ? c.current[0] : void 0).activeElement;
+    let b = null;
+    if (w(p, c.current)) {
+      for (let v of $.traverse())
+        v.scopeRef && w(p, v.scopeRef.current) && (b = v);
+      b === $.getTreeNode(c) && (m = b.scopeRef);
     }
   }, [
-    l
+    c
   ]), E(() => () => {
-    var p, v, m;
-    let P = (m = (v = $.getTreeNode(l)) === null || v === void 0 || (p = v.parent) === null || p === void 0 ? void 0 : p.scopeRef) !== null && m !== void 0 ? m : null;
-    (l === b || ee(l, b)) && (!P || $.getTreeNode(P)) && (b = P), $.removeTreeNode(l);
+    var p, b, v;
+    let k = (v = (b = $.getTreeNode(c)) === null || b === void 0 || (p = b.parent) === null || p === void 0 ? void 0 : p.scopeRef) !== null && v !== void 0 ? v : null;
+    (c === m || ee(c, m)) && (!k || $.getTreeNode(k)) && (m = k), $.removeTreeNode(c);
   }, [
-    l
+    c
   ]);
-  let s = R(() => zt(l), []), f = R(() => ({
+  let s = H(() => _t(c), []), f = H(() => ({
     focusManager: s,
-    parentNode: c
+    parentNode: l
   }), [
-    c,
+    l,
     s
   ]);
   return /* @__PURE__ */ h.createElement(Te.Provider, {
@@ -627,25 +634,25 @@ function qt(e) {
     ref: a
   }));
 }
-function zt(e) {
+function _t(e) {
   return {
     focusNext(t = {}) {
-      let n = e.current, { from: r, tabbable: o, wrap: i, accept: a } = t, l = r || g(n[0]).activeElement, u = n[0].previousElementSibling, c = C(n), s = L(c, {
+      let n = e.current, { from: r, tabbable: o, wrap: i, accept: a } = t, c = r || g(n[0]).activeElement, u = n[0].previousElementSibling, l = C(n), s = L(l, {
         tabbable: o,
         accept: a
       }, n);
-      s.currentNode = w(l, n) ? l : u;
+      s.currentNode = w(c, n) ? c : u;
       let f = s.nextNode();
-      return !f && i && (s.currentNode = u, f = s.nextNode()), f && k(f, !0), f;
+      return !f && i && (s.currentNode = u, f = s.nextNode()), f && F(f, !0), f;
     },
     focusPrevious(t = {}) {
-      let n = e.current, { from: r, tabbable: o, wrap: i, accept: a } = t, l = r || g(n[0]).activeElement, u = n[n.length - 1].nextElementSibling, c = C(n), s = L(c, {
+      let n = e.current, { from: r, tabbable: o, wrap: i, accept: a } = t, c = r || g(n[0]).activeElement, u = n[n.length - 1].nextElementSibling, l = C(n), s = L(l, {
         tabbable: o,
         accept: a
       }, n);
-      s.currentNode = w(l, n) ? l : u;
+      s.currentNode = w(c, n) ? c : u;
       let f = s.previousNode();
-      return !f && i && (s.currentNode = u, f = s.previousNode()), f && k(f, !0), f;
+      return !f && i && (s.currentNode = u, f = s.previousNode()), f && F(f, !0), f;
     },
     focusFirst(t = {}) {
       let n = e.current, { tabbable: r, accept: o } = t, i = C(n), a = L(i, {
@@ -653,8 +660,8 @@ function zt(e) {
         accept: o
       }, n);
       a.currentNode = n[0].previousElementSibling;
-      let l = a.nextNode();
-      return l && k(l, !0), l;
+      let c = a.nextNode();
+      return c && F(c, !0), c;
     },
     focusLast(t = {}) {
       let n = e.current, { tabbable: r, accept: o } = t, i = C(n), a = L(i, {
@@ -662,8 +669,8 @@ function zt(e) {
         accept: o
       }, n);
       a.currentNode = n[n.length - 1].nextElementSibling;
-      let l = a.previousNode();
-      return l && k(l, !0), l;
+      let c = a.previousNode();
+      return c && F(c, !0), c;
     }
   };
 }
@@ -681,14 +688,14 @@ const fe = [
   "audio[controls]",
   "video[controls]",
   "[contenteditable]"
-], _t = fe.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
+], Gt = fe.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
 fe.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const Gt = fe.join(':not([hidden]):not([tabindex="-1"]),');
+const Ut = fe.join(':not([hidden]):not([tabindex="-1"]),');
 function C(e) {
   return e[0].parentElement;
 }
-function B(e) {
-  let t = $.getTreeNode(b);
+function I(e) {
+  let t = $.getTreeNode(m);
   for (; t && t.scopeRef !== e; ) {
     if (t.contain)
       return !1;
@@ -696,7 +703,7 @@ function B(e) {
   }
   return !0;
 }
-function Ut(e, t) {
+function Jt(e, t) {
   let n = y(), r = y();
   E(() => {
     let o = e.current;
@@ -705,34 +712,34 @@ function Ut(e, t) {
       return;
     }
     const i = g(o ? o[0] : void 0);
-    let a = (c) => {
-      if (c.key !== "Tab" || c.altKey || c.ctrlKey || c.metaKey || !B(e))
+    let a = (l) => {
+      if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !I(e) || l.isComposing)
         return;
       let s = i.activeElement, f = e.current;
       if (!f || !w(s, f))
         return;
-      let p = C(f), v = L(p, {
+      let p = C(f), b = L(p, {
         tabbable: !0
       }, f);
       if (!s)
         return;
-      v.currentNode = s;
-      let m = c.shiftKey ? v.previousNode() : v.nextNode();
-      m || (v.currentNode = c.shiftKey ? f[f.length - 1].nextElementSibling : f[0].previousElementSibling, m = c.shiftKey ? v.previousNode() : v.nextNode()), c.preventDefault(), m && k(m, !0);
-    }, l = (c) => {
-      (!b || ee(b, e)) && w(c.target, e.current) ? (b = e, n.current = c.target) : B(e) && !Z(c.target, e) ? n.current ? n.current.focus() : b && b.current && te(b.current) : B(e) && (n.current = c.target);
-    }, u = (c) => {
+      b.currentNode = s;
+      let v = l.shiftKey ? b.previousNode() : b.nextNode();
+      v || (b.currentNode = l.shiftKey ? f[f.length - 1].nextElementSibling : f[0].previousElementSibling, v = l.shiftKey ? b.previousNode() : b.nextNode()), l.preventDefault(), v && F(v, !0);
+    }, c = (l) => {
+      (!m || ee(m, e)) && w(l.target, e.current) ? (m = e, n.current = l.target) : I(e) && !Z(l.target, e) ? n.current ? n.current.focus() : m && m.current && te(m.current) : I(e) && (n.current = l.target);
+    }, u = (l) => {
       r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-        if (i.activeElement && B(e) && !Z(i.activeElement, e))
-          if (b = e, i.body.contains(c.target)) {
+        if (i.activeElement && I(e) && !Z(i.activeElement, e))
+          if (m = e, i.body.contains(l.target)) {
             var s;
-            n.current = c.target, (s = n.current) === null || s === void 0 || s.focus();
+            n.current = l.target, (s = n.current) === null || s === void 0 || s.focus();
           } else
-            b.current && te(b.current);
+            m.current && te(m.current);
       });
     };
-    return i.addEventListener("keydown", a, !1), i.addEventListener("focusin", l, !1), o == null || o.forEach((c) => c.addEventListener("focusin", l, !1)), o == null || o.forEach((c) => c.addEventListener("focusout", u, !1)), () => {
-      i.removeEventListener("keydown", a, !1), i.removeEventListener("focusin", l, !1), o == null || o.forEach((c) => c.removeEventListener("focusin", l, !1)), o == null || o.forEach((c) => c.removeEventListener("focusout", u, !1));
+    return i.addEventListener("keydown", a, !1), i.addEventListener("focusin", c, !1), o == null || o.forEach((l) => l.addEventListener("focusin", c, !1)), o == null || o.forEach((l) => l.addEventListener("focusout", u, !1)), () => {
+      i.removeEventListener("keydown", a, !1), i.removeEventListener("focusin", c, !1), o == null || o.forEach((l) => l.removeEventListener("focusin", c, !1)), o == null || o.forEach((l) => l.removeEventListener("focusout", u, !1));
     };
   }, [
     e,
@@ -757,8 +764,8 @@ function Z(e, t = null) {
       return !0;
   return !1;
 }
-function Jt(e) {
-  return Z(e, b);
+function Xt(e) {
+  return Z(e, m);
 }
 function ee(e, t) {
   var n;
@@ -770,7 +777,7 @@ function ee(e, t) {
   }
   return !1;
 }
-function k(e, t = !1) {
+function F(e, t = !1) {
   if (e != null && !t)
     try {
       se(e);
@@ -790,30 +797,30 @@ function te(e, t = !0) {
   let i = o.nextNode();
   t && !i && (r = C(e), o = L(r, {
     tabbable: !1
-  }, e), o.currentNode = n, i = o.nextNode()), k(i);
+  }, e), o.currentNode = n, i = o.nextNode()), F(i);
 }
-function Xt(e, t) {
+function Yt(e, t) {
   const n = h.useRef(t);
-  F(() => {
+  P(() => {
     if (n.current) {
-      b = e;
+      m = e;
       const r = g(e.current ? e.current[0] : void 0);
-      !w(r.activeElement, b.current) && e.current && te(e.current);
+      !w(r.activeElement, m.current) && e.current && te(e.current);
     }
     n.current = !1;
   }, [
     e
   ]);
 }
-function Yt(e, t, n) {
+function Qt(e, t, n) {
   E(() => {
     if (t || n)
       return;
     let r = e.current;
     const o = g(r ? r[0] : void 0);
     let i = (a) => {
-      let l = a.target;
-      w(l, e.current) ? b = e : Ve(l) || (b = null);
+      let c = a.target;
+      w(c, e.current) ? m = e : Ve(c) || (m = null);
     };
     return o.addEventListener("focusin", i, !1), r == null || r.forEach((a) => a.addEventListener("focusin", i, !1)), () => {
       o.removeEventListener("focusin", i, !1), r == null || r.forEach((a) => a.removeEventListener("focusin", i, !1));
@@ -824,8 +831,8 @@ function Yt(e, t, n) {
     n
   ]);
 }
-function Qt(e) {
-  let t = $.getTreeNode(b);
+function Zt(e) {
+  let t = $.getTreeNode(m);
   for (; t && t.scopeRef !== e; ) {
     if (t.nodeToRestore)
       return !1;
@@ -833,7 +840,7 @@ function Qt(e) {
   }
   return (t == null ? void 0 : t.scopeRef) === e;
 }
-function Zt(e, t, n) {
+function en(e, t, n) {
   const r = y(typeof document < "u" ? g(e.current ? e.current[0] : void 0).activeElement : null);
   E(() => {
     let o = e.current;
@@ -841,10 +848,10 @@ function Zt(e, t, n) {
     if (!t || n)
       return;
     let a = () => {
-      (!b || ee(b, e)) && w(i.activeElement, e.current) && (b = e);
+      (!m || ee(m, e)) && w(i.activeElement, e.current) && (m = e);
     };
-    return i.addEventListener("focusin", a, !1), o == null || o.forEach((l) => l.addEventListener("focusin", a, !1)), () => {
-      i.removeEventListener("focusin", a, !1), o == null || o.forEach((l) => l.removeEventListener("focusin", a, !1));
+    return i.addEventListener("focusin", a, !1), o == null || o.forEach((c) => c.addEventListener("focusin", a, !1)), () => {
+      i.removeEventListener("focusin", a, !1), o == null || o.forEach((c) => c.removeEventListener("focusin", a, !1));
     };
   }, [
     e,
@@ -854,25 +861,25 @@ function Zt(e, t, n) {
     if (!t)
       return;
     let i = (a) => {
-      if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !B(e))
+      if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !I(e) || a.isComposing)
         return;
-      let l = o.activeElement;
-      if (!w(l, e.current))
+      let c = o.activeElement;
+      if (!w(c, e.current))
         return;
       let u = $.getTreeNode(e);
       if (!u)
         return;
-      let c = u.nodeToRestore, s = L(o.body, {
+      let l = u.nodeToRestore, s = L(o.body, {
         tabbable: !0
       });
-      s.currentNode = l;
+      s.currentNode = c;
       let f = a.shiftKey ? s.previousNode() : s.nextNode();
-      if ((!c || !o.body.contains(c) || c === o.body) && (c = void 0, u.nodeToRestore = void 0), (!f || !w(f, e.current)) && c) {
-        s.currentNode = c;
+      if ((!l || !o.body.contains(l) || l === o.body) && (l = void 0, u.nodeToRestore = void 0), (!f || !w(f, e.current)) && l) {
+        s.currentNode = l;
         do
           f = a.shiftKey ? s.previousNode() : s.nextNode();
         while (w(f, e.current));
-        a.preventDefault(), a.stopPropagation(), f ? k(f, !0) : Ve(c) ? k(c, !0) : l.blur();
+        a.preventDefault(), a.stopPropagation(), f ? F(f, !0) : Ve(l) ? F(l, !0) : c.blur();
       }
     };
     return n || o.addEventListener("keydown", i, !0), () => {
@@ -887,26 +894,27 @@ function Zt(e, t, n) {
     if (!t)
       return;
     let i = $.getTreeNode(e);
-    if (!!i) {
+    if (i) {
       var a;
       return i.nodeToRestore = (a = r.current) !== null && a !== void 0 ? a : void 0, () => {
-        let l = $.getTreeNode(e);
-        if (!l)
+        let c = $.getTreeNode(e);
+        if (!c)
           return;
-        let u = l.nodeToRestore;
-        if (t && u && (w(o.activeElement, e.current) || o.activeElement === o.body && Qt(e))) {
-          let c = $.clone();
+        let u = c.nodeToRestore;
+        if (t && u && // eslint-disable-next-line react-hooks/exhaustive-deps
+        (w(o.activeElement, e.current) || o.activeElement === o.body && Zt(e))) {
+          let l = $.clone();
           requestAnimationFrame(() => {
             if (o.activeElement === o.body) {
-              let s = c.getTreeNode(e);
+              let s = l.getTreeNode(e);
               for (; s; ) {
                 if (s.nodeToRestore && s.nodeToRestore.isConnected) {
-                  k(s.nodeToRestore);
+                  F(s.nodeToRestore);
                   return;
                 }
                 s = s.parent;
               }
-              for (s = c.getTreeNode(e); s; ) {
+              for (s = l.getTreeNode(e); s; ) {
                 if (s.scopeRef && s.scopeRef.current && $.getTreeNode(s.scopeRef)) {
                   te(s.scopeRef.current, !0);
                   return;
@@ -924,7 +932,7 @@ function Zt(e, t, n) {
   ]);
 }
 function L(e, t, n) {
-  let r = t != null && t.tabbable ? Gt : _t, o = g(e).createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+  let r = t != null && t.tabbable ? Ut : Gt, o = g(e).createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode(i) {
       var a;
       return !(t == null || (a = t.from) === null || a === void 0) && a.contains(i) ? NodeFilter.FILTER_REJECT : i.matches(r) && He(i) && (!n || w(i, n)) && (!(t != null && t.accept) || t.accept(i)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
@@ -940,7 +948,7 @@ class pe {
     return this.fastMap.get(t);
   }
   addTreeNode(t, n, r) {
-    let o = this.fastMap.get(n != null ? n : null);
+    let o = this.fastMap.get(n ?? null);
     if (!o)
       return;
     let i = new ce({
@@ -963,6 +971,7 @@ class pe {
     let o = n.children;
     r && (r.removeChild(n), o.size > 0 && o.forEach((i) => r && r.addChild(i))), this.fastMap.delete(n.scopeRef);
   }
+  // Pre Order Depth First
   *traverse(t = this.root) {
     if (t.scopeRef != null && (yield t), t.children.size > 0)
       for (let n of t.children)
@@ -994,37 +1003,37 @@ class ce {
   }
 }
 let $ = new pe();
-const en = /* @__PURE__ */ new WeakMap(), S = [];
-function tn(e, t) {
-  let { onClose: n, shouldCloseOnBlur: r, isOpen: o, isDismissable: i = !1, isKeyboardDismissDisabled: a = !1, shouldCloseOnInteractOutside: l } = e;
-  F(() => (o && S.push(t), () => {
-    let m = S.indexOf(t);
-    m >= 0 && S.splice(m, 1);
+const tn = /* @__PURE__ */ new WeakMap(), S = [];
+function nn(e, t) {
+  let { onClose: n, shouldCloseOnBlur: r, isOpen: o, isDismissable: i = !1, isKeyboardDismissDisabled: a = !1, shouldCloseOnInteractOutside: c } = e;
+  P(() => (o && S.push(t), () => {
+    let v = S.indexOf(t);
+    v >= 0 && S.splice(v, 1);
   }), [
     o,
     t
   ]);
   let u = () => {
     S[S.length - 1] === t && n && n();
-  }, c = (m) => {
-    (!l || l(m.target)) && S[S.length - 1] === t && (m.stopPropagation(), m.preventDefault());
-  }, s = (m) => {
-    (!l || l(m.target)) && (S[S.length - 1] === t && (m.stopPropagation(), m.preventDefault()), u());
-  }, f = (m) => {
-    m.key === "Escape" && !a && (m.stopPropagation(), m.preventDefault(), u());
+  }, l = (v) => {
+    (!c || c(v.target)) && S[S.length - 1] === t && (v.stopPropagation(), v.preventDefault());
+  }, s = (v) => {
+    (!c || c(v.target)) && (S[S.length - 1] === t && (v.stopPropagation(), v.preventDefault()), u());
+  }, f = (v) => {
+    v.key === "Escape" && !a && !v.nativeEvent.isComposing && (v.stopPropagation(), v.preventDefault(), u());
   };
-  Vt({
+  Kt({
     ref: t,
     onInteractOutside: i && o ? s : null,
-    onInteractOutsideStart: c
+    onInteractOutsideStart: l
   });
-  let { focusWithinProps: p } = Ht({
+  let { focusWithinProps: p } = Vt({
     isDisabled: !r,
-    onBlurWithin: (m) => {
-      !m.relatedTarget || Jt(m.relatedTarget) || (!l || l(m.relatedTarget)) && n();
+    onBlurWithin: (v) => {
+      !v.relatedTarget || Xt(v.relatedTarget) || (!c || c(v.relatedTarget)) && n();
     }
-  }), v = (m) => {
-    m.target === m.currentTarget && m.preventDefault();
+  }), b = (v) => {
+    v.target === v.currentTarget && v.preventDefault();
   };
   return {
     overlayProps: {
@@ -1032,18 +1041,18 @@ function tn(e, t) {
       ...p
     },
     underlayProps: {
-      onPointerDown: v
+      onPointerDown: b
     }
   };
 }
-function nn(e, t, n) {
+function rn(e, t, n) {
   let { type: r } = e, { isOpen: o } = t;
-  F(() => {
-    n && n.current && en.set(n.current, t.close);
+  P(() => {
+    n && n.current && tn.set(n.current, t.close);
   });
   let i;
   r === "menu" ? i = !0 : r === "listbox" && (i = "listbox");
-  let a = Oe();
+  let a = Ce();
   return {
     triggerProps: {
       "aria-haspopup": i,
@@ -1056,7 +1065,7 @@ function nn(e, t, n) {
     }
   };
 }
-const oe = typeof document < "u" && window.visualViewport, rn = /* @__PURE__ */ new Set([
+const oe = typeof document < "u" && window.visualViewport, on = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -1068,62 +1077,62 @@ const oe = typeof document < "u" && window.visualViewport, rn = /* @__PURE__ */
   "reset"
 ]);
 let G = 0, ae;
-function on(e = {}) {
+function an(e = {}) {
   let { isDisabled: t } = e;
   E(() => {
     if (!t)
-      return G++, G === 1 && (Pt() ? ae = ln() : ae = an()), () => {
+      return G++, G === 1 && (kt() ? ae = sn() : ae = ln()), () => {
         G--, G === 0 && ae();
       };
   }, [
     t
   ]);
 }
-function an() {
+function ln() {
   return X(D(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), D(document.documentElement, "overflow", "hidden"));
 }
-function ln() {
-  let e, t, n = (c) => {
-    e = De(c.target, !0), !(e === document.documentElement && e === document.body) && e instanceof HTMLElement && window.getComputedStyle(e).overscrollBehavior === "auto" && (t = D(e, "overscrollBehavior", "contain"));
-  }, r = (c) => {
+function sn() {
+  let e, t, n = (l) => {
+    e = De(l.target, !0), !(e === document.documentElement && e === document.body) && e instanceof HTMLElement && window.getComputedStyle(e).overscrollBehavior === "auto" && (t = D(e, "overscrollBehavior", "contain"));
+  }, r = (l) => {
     if (!e || e === document.documentElement || e === document.body) {
-      c.preventDefault();
+      l.preventDefault();
       return;
     }
-    e.scrollHeight === e.clientHeight && e.scrollWidth === e.clientWidth && c.preventDefault();
-  }, o = (c) => {
-    let s = c.target;
-    Ne(s) && s !== document.activeElement && (c.preventDefault(), l(), s.style.transform = "translateY(-2000px)", s.focus(), requestAnimationFrame(() => {
+    e.scrollHeight === e.clientHeight && e.scrollWidth === e.clientWidth && l.preventDefault();
+  }, o = (l) => {
+    let s = l.target;
+    Ne(s) && s !== document.activeElement && (l.preventDefault(), c(), s.style.transform = "translateY(-2000px)", s.focus(), requestAnimationFrame(() => {
       s.style.transform = "";
     })), t && t();
-  }, i = (c) => {
-    let s = c.target;
-    Ne(s) && (l(), s.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
+  }, i = (l) => {
+    let s = l.target;
+    Ne(s) && (c(), s.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
       s.style.transform = "", oe && (oe.height < window.innerHeight ? requestAnimationFrame(() => {
         xe(s);
       }) : oe.addEventListener("resize", () => xe(s), {
         once: !0
       }));
     }));
-  }, a = null, l = () => {
+  }, a = null, c = () => {
     if (a)
       return;
-    let c = () => {
+    let l = () => {
       window.scrollTo(0, 0);
     }, s = window.pageXOffset, f = window.pageYOffset;
-    a = X(A(window, "scroll", c), D(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), D(document.documentElement, "overflow", "hidden"), D(document.body, "marginTop", `-${f}px`), () => {
+    a = X(W(window, "scroll", l), 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);
-  }, u = X(A(document, "touchstart", n, {
+  }, u = X(W(document, "touchstart", n, {
     passive: !1,
     capture: !0
-  }), A(document, "touchmove", r, {
+  }), W(document, "touchmove", r, {
     passive: !1,
     capture: !0
-  }), A(document, "touchend", o, {
+  }), W(document, "touchend", o, {
     passive: !1,
     capture: !0
-  }), A(document, "focus", i, !0));
+  }), W(document, "focus", i, !0));
   return () => {
     t == null || t(), a == null || a(), u();
   };
@@ -1134,7 +1143,7 @@ function D(e, t, n) {
     e.style[t] = r;
   };
 }
-function A(e, t, n, r) {
+function W(e, t, n, r) {
   return e.addEventListener(t, n, r), () => {
     e.removeEventListener(t, n, r);
   };
@@ -1151,43 +1160,43 @@ function xe(e) {
   }
 }
 function Ne(e) {
-  return e instanceof HTMLInputElement && !rn.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
+  return e instanceof HTMLInputElement && !on.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
 }
-let W = /* @__PURE__ */ new WeakMap(), T = [];
-function sn(e, t = document.body) {
+let B = /* @__PURE__ */ new WeakMap(), T = [];
+function cn(e, t = document.body) {
   let n = new Set(e), r = /* @__PURE__ */ new Set(), o = (u) => {
     for (let p of u.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))
       n.add(p);
-    let c = (p) => {
+    let l = (p) => {
       if (n.has(p) || r.has(p.parentElement) && p.parentElement.getAttribute("role") !== "row")
         return NodeFilter.FILTER_REJECT;
-      for (let v of n)
-        if (p.contains(v))
+      for (let b of n)
+        if (p.contains(b))
           return NodeFilter.FILTER_SKIP;
       return NodeFilter.FILTER_ACCEPT;
     }, s = document.createTreeWalker(u, NodeFilter.SHOW_ELEMENT, {
-      acceptNode: c
-    }), f = c(u);
+      acceptNode: l
+    }), f = l(u);
     if (f === NodeFilter.FILTER_ACCEPT && i(u), f !== NodeFilter.FILTER_REJECT) {
       let p = s.nextNode();
       for (; p != null; )
         i(p), p = s.nextNode();
     }
   }, i = (u) => {
-    var c;
-    let s = (c = W.get(u)) !== null && c !== void 0 ? c : 0;
-    u.getAttribute("aria-hidden") === "true" && s === 0 || (s === 0 && u.setAttribute("aria-hidden", "true"), r.add(u), W.set(u, s + 1));
+    var l;
+    let s = (l = B.get(u)) !== null && l !== void 0 ? l : 0;
+    u.getAttribute("aria-hidden") === "true" && s === 0 || (s === 0 && u.setAttribute("aria-hidden", "true"), r.add(u), B.set(u, s + 1));
   };
   T.length && T[T.length - 1].disconnect(), o(t);
   let a = new MutationObserver((u) => {
-    for (let c of u)
-      if (!(c.type !== "childList" || c.addedNodes.length === 0) && ![
+    for (let l of u)
+      if (!(l.type !== "childList" || l.addedNodes.length === 0) && ![
         ...n,
         ...r
-      ].some((s) => s.contains(c.target))) {
-        for (let s of c.removedNodes)
+      ].some((s) => s.contains(l.target))) {
+        for (let s of l.removedNodes)
           s instanceof Element && (n.delete(s), r.delete(s));
-        for (let s of c.addedNodes)
+        for (let s of l.addedNodes)
           (s instanceof HTMLElement || s instanceof SVGElement) && (s.dataset.liveAnnouncer === "true" || s.dataset.reactAriaTopLayer === "true") ? n.add(s) : s instanceof Element && o(s);
       }
   });
@@ -1195,7 +1204,7 @@ function sn(e, t = document.body) {
     childList: !0,
     subtree: !0
   });
-  let l = {
+  let c = {
     observe() {
       a.observe(t, {
         childList: !0,
@@ -1206,53 +1215,58 @@ function sn(e, t = document.body) {
       a.disconnect();
     }
   };
-  return T.push(l), () => {
+  return T.push(c), () => {
     a.disconnect();
     for (let u of r) {
-      let c = W.get(u);
-      c === 1 ? (u.removeAttribute("aria-hidden"), W.delete(u)) : W.set(u, c - 1);
+      let l = B.get(u);
+      l === 1 ? (u.removeAttribute("aria-hidden"), B.delete(u)) : B.set(u, l - 1);
     }
-    l === T[T.length - 1] ? (T.pop(), T.length && T[T.length - 1].observe()) : T.splice(T.indexOf(l), 1);
+    c === T[T.length - 1] ? (T.pop(), T.length && T[T.length - 1].observe()) : T.splice(T.indexOf(c), 1);
   };
 }
+const un = /* @__PURE__ */ tt({});
+function dn() {
+  var e;
+  return (e = A(un)) !== null && e !== void 0 ? e : {};
+}
 const Ke = /* @__PURE__ */ h.createContext(null);
-function cn(e) {
-  let t = Le(), { portalContainer: n = t ? null : document.body, isExiting: r } = e, [o, i] = K(!1), a = R(() => ({
+function fn(e) {
+  let t = Le(), { portalContainer: n = t ? null : document.body, isExiting: r } = e, [o, i] = j(!1), a = H(() => ({
     contain: o,
     setContain: i
   }), [
     o,
     i
-  ]);
-  if (!n)
+  ]), { getContainer: c } = dn();
+  if (!e.portalContainer && c && (n = c()), !n)
     return null;
-  let l = e.children;
-  return e.disableFocusManagement || (l = /* @__PURE__ */ h.createElement(qt, {
+  let u = e.children;
+  return e.disableFocusManagement || (u = /* @__PURE__ */ h.createElement(zt, {
     restoreFocus: !0,
     contain: o && !r
-  }, l)), l = /* @__PURE__ */ h.createElement(Ke.Provider, {
+  }, u)), u = /* @__PURE__ */ h.createElement(Ke.Provider, {
     value: a
-  }, /* @__PURE__ */ h.createElement(Mt, null, l)), /* @__PURE__ */ tt.createPortal(l, n);
+  }, /* @__PURE__ */ h.createElement(Dt, null, u)), /* @__PURE__ */ nt.createPortal(u, n);
 }
 function je() {
-  let e = j(Ke), t = e == null ? void 0 : e.setContain;
+  let e = A(Ke), t = e == null ? void 0 : e.setContain;
   E(() => {
     t == null || t(!0);
   }, [
     t
   ]);
 }
-function un(e, t, n) {
-  let { overlayProps: r, underlayProps: o } = tn({
+function pn(e, t, n) {
+  let { overlayProps: r, underlayProps: o } = nn({
     ...e,
     isOpen: t.isOpen,
     onClose: t.close
   }, n);
-  return on({
+  return an({
     isDisabled: !t.isOpen
-  }), je(), F(() => {
+  }), je(), P(() => {
     if (t.isOpen)
-      return sn([
+      return cn([
         n.current
       ]);
   }, [
@@ -1263,11 +1277,11 @@ function un(e, t, n) {
     underlayProps: o
   };
 }
-function dn(e, t) {
+function vn(e, t) {
   let { role: n = "dialog" } = e, r = bt();
   r = e["aria-label"] ? void 0 : r;
   let o = y(!1);
-  return F(() => {
+  return P(() => {
     if (t.current && !t.current.contains(document.activeElement)) {
       se(t.current);
       let i = setTimeout(() => {
@@ -1287,6 +1301,9 @@ function dn(e, t) {
       role: n,
       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: (i) => {
         o.current && i.stopPropagation();
       }
@@ -1296,7 +1313,7 @@ function dn(e, t) {
     }
   };
 }
-function fn(e, t, n) {
+function bn(e, t, n) {
   return t in e ? Object.defineProperty(e, t, {
     value: n,
     enumerable: !0,
@@ -1314,48 +1331,51 @@ function Se(e, t) {
   }
   return n;
 }
-function ke(e) {
+function Fe(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Se(Object(n), !0).forEach(function(r) {
-      fn(e, r, n[r]);
+      bn(e, r, n[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Se(Object(n)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
     });
   }
   return e;
 }
-var pn = (e, t, n) => {
+var mn = (e, t, n) => {
   for (var r of Object.keys(e)) {
     var o;
     if (e[r] !== ((o = t[r]) !== null && o !== void 0 ? o : n[r]))
       return !1;
   }
   return !0;
-}, vn = (e) => (t) => {
-  var n = e.defaultClassName, r = ke(ke({}, e.defaultVariants), t);
+}, $n = (e) => (t) => {
+  var n = e.defaultClassName, r = Fe(Fe({}, e.defaultVariants), t);
   for (var o in r) {
     var i, a = (i = r[o]) !== null && i !== void 0 ? i : e.defaultVariants[o];
     if (a != null) {
-      var l = a;
-      typeof l == "boolean" && (l = l === !0 ? "true" : "false");
-      var u = e.variantClassNames[o][l];
+      var c = a;
+      typeof c == "boolean" && (c = c === !0 ? "true" : "false");
+      var u = (
+        // @ts-expect-error
+        e.variantClassNames[o][c]
+      );
       u && (n += " " + u);
     }
   }
-  for (var [c, s] of e.compoundVariants)
-    pn(c, r, e.defaultVariants) && (n += " " + s);
+  for (var [l, s] of e.compoundVariants)
+    mn(l, r, e.defaultVariants) && (n += " " + s);
   return n;
-}, mn = vn({ defaultClassName: "_1io4psq1", variantClassNames: { fullWidth: { true: "_1io4psq2", false: "_1io4psq3" } }, defaultVariants: {}, compoundVariants: [] }), bn = "_1io4psq5", $n = "_1io4psq6", hn = "_1io4psq0", En = "_1io4psq9", gn = "_1io4psqa", wn = "_1io4psq8", yn = "_1io4psq4", Tn = "_1io4psq7";
+}, hn = $n({ defaultClassName: "_1io4psq1", variantClassNames: { fullWidth: { true: "_1io4psq2", false: "_1io4psq3" } }, defaultVariants: {}, compoundVariants: [] }), En = "_1io4psq5", gn = "_1io4psq6", wn = "_1io4psq0", yn = "_1io4psq9", Tn = "_1io4psqa", xn = "_1io4psq8", Nn = "_1io4psq4", Sn = "_1io4psq7";
 function qe({
   children: e,
   className: t = "",
   ...n
 }) {
-  return /* @__PURE__ */ d.createElement("div", { className: I(wn, t), ...n }, /* @__PURE__ */ d.createElement("div", { className: I(En) }, /* @__PURE__ */ d.createElement("div", { className: I(gn) }, e)));
+  return /* @__PURE__ */ d.createElement("div", { className: R(xn, t), ...n }, /* @__PURE__ */ d.createElement("div", { className: R(yn) }, /* @__PURE__ */ d.createElement("div", { className: R(Tn) }, e)));
 }
-Fe.set(qe, { name: "FocusedTaskActions" });
-function xn({
+Pe.set(qe, { name: "FocusedTaskActions" });
+function Fn({
   children: e,
   className: t,
   "data-testid": n,
@@ -1363,17 +1383,17 @@ function xn({
   onFocus: o,
   overlayProps: i,
   state: a,
-  onClose: l,
+  onClose: c,
   fullWidth: u = !1,
-  ...c
+  ...l
 }) {
-  const s = d.useRef(null), { modalProps: f, underlayProps: p } = un(
-    { ...c },
+  const s = d.useRef(null), { modalProps: f, underlayProps: p } = pn(
+    { ...l },
     a,
     s
-  ), { dialogProps: v, titleProps: m } = dn(c, s), P = be(f.onFocus, v.onFocus, o), _e = be(f.onBlur, v.onBlur, r), Ge = Ye({ "data-testid": n }), [ne, Ue] = Qe(e, [{ type: qe }]);
+  ), { dialogProps: b, titleProps: v } = vn(l, s), k = me(f.onFocus, b.onFocus, o), _e = me(f.onBlur, b.onBlur, r), Ge = Ye({ "data-testid": n }), [ne, Ue] = Qe(e, [{ type: qe }]);
   function Je() {
-    l && typeof l == "function" && l(), a.close();
+    c && typeof c == "function" && c(), a.close();
   }
   const ve = function() {
     return /* @__PURE__ */ d.createElement(
@@ -1383,31 +1403,31 @@ function xn({
         onClick: Je,
         kind: "icon",
         icon: "x",
-        className: bn
+        className: En
       }
     );
-  }, Xe = Ze(Ue, (me) => me.type === ve ? [{ className: I(me.props.classname, $n) }] : []);
-  return /* @__PURE__ */ d.createElement(cn, null, /* @__PURE__ */ d.createElement("div", { className: Tn, ...p, ...c }, /* @__PURE__ */ d.createElement(
+  }, Xe = Ze(Ue, (be) => be.type === ve ? [{ className: R(be.props.classname, gn) }] : []);
+  return /* @__PURE__ */ d.createElement(fn, null, /* @__PURE__ */ d.createElement("div", { className: Sn, ...p, ...l }, /* @__PURE__ */ d.createElement(
     "div",
     {
       ...f,
-      ...v,
+      ...b,
       ...i,
-      onFocus: P,
+      onFocus: k,
       onBlur: _e,
       ...Ge("dialog"),
       ref: s,
-      className: I(hn, t)
+      className: R(wn, t)
     },
-    /* @__PURE__ */ d.createElement("div", { ...m, className: yn }, /* @__PURE__ */ d.createElement(ve, null)),
-    /* @__PURE__ */ d.createElement("div", { className: mn({ fullWidth: u }) }, $e(Xe, a.close)),
+    /* @__PURE__ */ d.createElement("div", { ...v, className: Nn }, /* @__PURE__ */ d.createElement(ve, null)),
+    /* @__PURE__ */ d.createElement("div", { className: hn({ fullWidth: u }) }, $e(Xe, a.close)),
     ne && ne.length > 0 && /* @__PURE__ */ d.createElement(d.Fragment, null, $e(ne, a.close))
   )));
 }
 function ze(e) {
-  return e.state.isOpen ? /* @__PURE__ */ d.createElement(xn, { ...e }, e.children) : /* @__PURE__ */ d.createElement(d.Fragment, null);
+  return e.state.isOpen ? /* @__PURE__ */ d.createElement(Fn, { ...e }, e.children) : /* @__PURE__ */ d.createElement(d.Fragment, null);
 }
-Fe.set(ze, {
+Pe.set(ze, {
   name: "FocusedTask",
   props: {
     fullWidth: { type: "boolean", default: "false" },
@@ -1416,8 +1436,8 @@ Fe.set(ze, {
     onFocus: { type: "() => void" }
   }
 });
-function Nn(e) {
-  let [t, n] = nt(e.isOpen, e.defaultOpen || !1, e.onOpenChange);
+function Pn(e) {
+  let [t, n] = Mt(e.isOpen, e.defaultOpen || !1, e.onOpenChange);
   const r = N(() => {
     n(!0);
   }, [
@@ -1440,8 +1460,8 @@ function Nn(e) {
     toggle: i
   };
 }
-function On(e = {}) {
-  const t = Nn(e), n = y(null), { triggerProps: r, overlayProps: o } = nn({ type: "dialog" }, t, n), { onPress: i, ...a } = r;
+function An(e = {}) {
+  const t = Pn(e), n = y(null), { triggerProps: r, overlayProps: o } = rn({ type: "dialog" }, t, n), { onPress: i, ...a } = r;
   return {
     triggerProps: {
       ...a,
@@ -1452,7 +1472,7 @@ function On(e = {}) {
     focusedTaskProps: { overlayProps: o, state: t }
   };
 }
-const Sn = {
+const kn = {
   components: [ze],
   examples: {
     hooks: {
@@ -1553,12 +1573,12 @@ const Sn = {
       }
     }
   }
-}, Mn = {
-  "Focused Task": Sn
+}, Wn = {
+  "Focused Task": kn
 };
 export {
   ze as FocusedTask,
   qe as FocusedTaskActions,
-  Mn as MANIFEST,
-  On as useFocusedTask
+  Wn as MANIFEST,
+  An as useFocusedTask
 };