@sps-woodland/modal 8.51.2 → 8.52.0

package/lib/index.js

@@ -1,21 +1,1932 @@
-import { Modal as r } from "@sps-woodland/core/modal";
-export * from "@sps-woodland/core/modal";
-import { code as e } from "@spscommerce/utils";
-import * as o from "react";
-const a = {
-  description: () => /* @__PURE__ */ o.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: [r],
+import { Metadata as tt, cl as Me, combineEventHandlers as We, useChildTestIdAttrBuilder as Ct, selectChildren as Bt, modChildren as Ot, Icon as Rt, contentOf as ge } from "@sps-woodland/core";
+import { Button as ot } from "@sps-woodland/buttons";
+import * as c from "react";
+import M, { useState as re, useRef as y, useCallback as x, useContext as J, useEffect as D, useReducer as Dt, useMemo as Y, createContext as It } from "react";
+import { useWoodlandLanguage as At } from "@spscommerce/i18n";
+import Wt from "react-dom";
+import { code as w } from "@spscommerce/utils";
+const N = typeof document < "u" ? M.useLayoutEffect : () => {
+};
+function Vt(e) {
+  let [t, o] = re(e), n = y(t), r = y(null), a = y(() => {
+    if (!r.current) return;
+    let l = r.current.next();
+    if (l.done) {
+      r.current = null;
+      return;
+    }
+    n.current === l.value ? a.current() : o(l.value);
+  });
+  N(() => {
+    n.current = t, r.current && a.current();
+  });
+  let i = x((l) => {
+    r.current = l(n.current), a.current();
+  }, [
+    a
+  ]);
+  return [
+    t,
+    i
+  ];
+}
+const ue = {
+  prefix: String(Math.round(Math.random() * 1e10)),
+  current: 0
+}, nt = /* @__PURE__ */ M.createContext(ue), Ht = /* @__PURE__ */ M.createContext(!1);
+let zt = !!(typeof window < "u" && window.document && window.document.createElement), ve = /* @__PURE__ */ new WeakMap();
+function Kt(e = !1) {
+  let t = J(nt), o = y(null);
+  if (o.current === null && !e) {
+    var n, r;
+    let a = (r = M.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || r === void 0 || (n = r.ReactCurrentOwner) === null || n === void 0 ? void 0 : n.current;
+    if (a) {
+      let i = ve.get(a);
+      i == null ? ve.set(a, {
+        id: t.current,
+        state: a.memoizedState
+      }) : a.memoizedState !== i.state && (t.current = i.id, ve.delete(a));
+    }
+    o.current = ++t.current;
+  }
+  return o.current;
+}
+function qt(e) {
+  let t = J(nt);
+  t === ue && !zt && process.env.NODE_ENV !== "production" && 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 = Kt(!!e), n = t === ue && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
+  return e || `${n}-${o}`;
+}
+function jt(e) {
+  let t = M.useId(), [o] = re(rt()), n = o || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${ue.prefix}`;
+  return e || `${n}-${t}`;
+}
+const Ut = typeof M.useId == "function" ? jt : qt;
+function Gt() {
+  return !1;
+}
+function Jt() {
+  return !0;
+}
+function Xt(e) {
+  return () => {
+  };
+}
+function rt() {
+  return typeof M.useSyncExternalStore == "function" ? M.useSyncExternalStore(Xt, Gt, Jt) : J(Ht);
+}
+let Qt = !!(typeof window < "u" && window.document && window.document.createElement), U = /* @__PURE__ */ new Map(), Q;
+typeof FinalizationRegistry < "u" && (Q = new FinalizationRegistry((e) => {
+  U.delete(e);
+}));
+function at(e) {
+  let [t, o] = re(e), n = y(null), r = Ut(t), a = y(null);
+  if (Q && Q.register(a, r), Qt) {
+    const i = U.get(r);
+    i && !i.includes(n) ? i.push(n) : U.set(r, [
+      n
+    ]);
+  }
+  return N(() => {
+    let i = r;
+    return () => {
+      Q && Q.unregister(a), U.delete(i);
+    };
+  }, [
+    r
+  ]), D(() => {
+    let i = n.current;
+    return i && o(i), () => {
+      i && (n.current = null);
+    };
+  }), r;
+}
+function Zt(e, t) {
+  if (e === t) return e;
+  let o = U.get(e);
+  if (o)
+    return o.forEach((r) => r.current = t), t;
+  let n = U.get(t);
+  return n ? (n.forEach((r) => r.current = e), e) : t;
+}
+function Yt(e = []) {
+  let t = at(), [o, n] = Vt(t), r = x(() => {
+    n(function* () {
+      yield t, yield document.getElementById(t) ? t : void 0;
+    });
+  }, [
+    t,
+    n
+  ]);
+  return N(r, [
+    t,
+    r,
+    ...e
+  ]), o;
+}
+function Fe(...e) {
+  return (...t) => {
+    for (let o of e) typeof o == "function" && o(...t);
+  };
+}
+const P = (e) => {
+  var t;
+  return (t = e?.ownerDocument) !== null && t !== void 0 ? t : document;
+}, G = (e) => e && "window" in e && e.window === e ? e : P(e).defaultView || window;
+function eo(e) {
+  return e !== null && typeof e == "object" && "nodeType" in e && typeof e.nodeType == "number";
+}
+function to(e) {
+  return eo(e) && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in e;
+}
+let oo = !1;
+function A() {
+  return oo;
+}
+function B(e, t) {
+  if (!A()) return t && e ? e.contains(t) : !1;
+  if (!e || !t) return !1;
+  let o = t;
+  for (; o !== null; ) {
+    if (o === e) return !0;
+    o.tagName === "SLOT" && o.assignedSlot ? o = o.assignedSlot.parentNode : to(o) ? o = o.host : o = o.parentNode;
+  }
+  return !1;
+}
+const S = (e = document) => {
+  var t;
+  if (!A()) return e.activeElement;
+  let o = e.activeElement;
+  for (; o && "shadowRoot" in o && (!((t = o.shadowRoot) === null || t === void 0) && t.activeElement); ) o = o.shadowRoot.activeElement;
+  return o;
+};
+function k(e) {
+  if (A() && e.target instanceof Element && e.target.shadowRoot) {
+    var t, o;
+    if ("composedPath" in e) return (t = e.composedPath()[0]) !== null && t !== void 0 ? t : null;
+    if ("composedPath" in e.nativeEvent) return (o = e.nativeEvent.composedPath()[0]) !== null && o !== void 0 ? o : null;
+  }
+  return e.target;
+}
+class no {
+  get currentNode() {
+    return this._currentNode;
+  }
+  set currentNode(t) {
+    if (!B(this.root, t)) throw new Error("Cannot set currentNode to a node that is not contained by the root node.");
+    const o = [];
+    let n = t, r = t;
+    for (this._currentNode = t; n && n !== this.root; ) if (n.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+      const i = n, l = this._doc.createTreeWalker(i, this.whatToShow, {
+        acceptNode: this._acceptNode
+      });
+      o.push(l), l.currentNode = r, this._currentSetFor.add(l), n = r = i.host;
+    } else n = n.parentNode;
+    const a = this._doc.createTreeWalker(this.root, this.whatToShow, {
+      acceptNode: this._acceptNode
+    });
+    o.push(a), a.currentNode = r, this._currentSetFor.add(a), this._walkerStack = o;
+  }
+  get doc() {
+    return this._doc;
+  }
+  firstChild() {
+    let t = this.currentNode, o = this.nextNode();
+    return B(t, o) ? (o && (this.currentNode = o), o) : (this.currentNode = t, null);
+  }
+  lastChild() {
+    let o = this._walkerStack[0].lastChild();
+    return o && (this.currentNode = o), o;
+  }
+  nextNode() {
+    const t = this._walkerStack[0].nextNode();
+    if (t) {
+      if (t.shadowRoot) {
+        var o;
+        let r;
+        if (typeof this.filter == "function" ? r = this.filter(t) : !((o = this.filter) === null || o === void 0) && o.acceptNode && (r = this.filter.acceptNode(t)), r === NodeFilter.FILTER_ACCEPT)
+          return this.currentNode = t, t;
+        let a = this.nextNode();
+        return a && (this.currentNode = a), a;
+      }
+      return t && (this.currentNode = t), t;
+    } else if (this._walkerStack.length > 1) {
+      this._walkerStack.shift();
+      let n = this.nextNode();
+      return n && (this.currentNode = n), n;
+    } else return null;
+  }
+  previousNode() {
+    const t = this._walkerStack[0];
+    if (t.currentNode === t.root) {
+      if (this._currentSetFor.has(t))
+        if (this._currentSetFor.delete(t), this._walkerStack.length > 1) {
+          this._walkerStack.shift();
+          let r = this.previousNode();
+          return r && (this.currentNode = r), r;
+        } else return null;
+      return null;
+    }
+    const o = t.previousNode();
+    if (o) {
+      if (o.shadowRoot) {
+        var n;
+        let a;
+        if (typeof this.filter == "function" ? a = this.filter(o) : !((n = this.filter) === null || n === void 0) && n.acceptNode && (a = this.filter.acceptNode(o)), a === NodeFilter.FILTER_ACCEPT)
+          return o && (this.currentNode = o), o;
+        let i = this.lastChild();
+        return i && (this.currentNode = i), i;
+      }
+      return o && (this.currentNode = o), o;
+    } else if (this._walkerStack.length > 1) {
+      this._walkerStack.shift();
+      let r = this.previousNode();
+      return r && (this.currentNode = r), r;
+    } else return null;
+  }
+  /**
+   * @deprecated
+   */
+  nextSibling() {
+    return null;
+  }
+  /**
+   * @deprecated
+   */
+  previousSibling() {
+    return null;
+  }
+  /**
+   * @deprecated
+   */
+  parentNode() {
+    return null;
+  }
+  constructor(t, o, n, r) {
+    this._walkerStack = [], this._currentSetFor = /* @__PURE__ */ new Set(), this._acceptNode = (i) => {
+      if (i.nodeType === Node.ELEMENT_NODE) {
+        const s = i.shadowRoot;
+        if (s) {
+          const u = this._doc.createTreeWalker(s, this.whatToShow, {
+            acceptNode: this._acceptNode
+          });
+          return this._walkerStack.unshift(u), NodeFilter.FILTER_ACCEPT;
+        } else {
+          var l;
+          if (typeof this.filter == "function") return this.filter(i);
+          if (!((l = this.filter) === null || l === void 0) && l.acceptNode) return this.filter.acceptNode(i);
+          if (this.filter === null) return NodeFilter.FILTER_ACCEPT;
+        }
+      }
+      return NodeFilter.FILTER_SKIP;
+    }, this._doc = t, this.root = o, this.filter = r ?? null, this.whatToShow = n ?? NodeFilter.SHOW_ALL, this._currentNode = o, this._walkerStack.unshift(t.createTreeWalker(o, n, this._acceptNode));
+    const a = o.shadowRoot;
+    if (a) {
+      const i = this._doc.createTreeWalker(a, this.whatToShow, {
+        acceptNode: this._acceptNode
+      });
+      this._walkerStack.unshift(i);
+    }
+  }
+}
+function it(e, t, o, n) {
+  return A() ? new no(e, t, o, n) : e.createTreeWalker(t, o, n);
+}
+function ro(...e) {
+  return e.length === 1 && e[0] ? e[0] : (t) => {
+    let o = !1;
+    const n = e.map((r) => {
+      const a = Ve(r, t);
+      return o || (o = typeof a == "function"), a;
+    });
+    if (o) return () => {
+      n.forEach((r, a) => {
+        typeof r == "function" ? r() : Ve(e[a], null);
+      });
+    };
+  };
+}
+function Ve(e, t) {
+  if (typeof e == "function") return e(t);
+  e != null && (e.current = t);
+}
+function lt(e) {
+  var t, o, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var r = e.length;
+    for (t = 0; t < r; t++) e[t] && (o = lt(e[t])) && (n && (n += " "), n += o);
+  } else for (o in e) e[o] && (n && (n += " "), n += o);
+  return n;
+}
+function ao() {
+  for (var e, t, o = 0, n = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (t = lt(e)) && (n && (n += " "), n += t);
+  return n;
+}
+function io(...e) {
+  let t = {
+    ...e[0]
+  };
+  for (let o = 1; o < e.length; o++) {
+    let n = e[o];
+    for (let r in n) {
+      let a = t[r], i = n[r];
+      typeof a == "function" && typeof i == "function" && // This is a lot faster than a regex.
+      r[0] === "o" && r[1] === "n" && r.charCodeAt(2) >= /* 'A' */
+      65 && r.charCodeAt(2) <= /* 'Z' */
+      90 ? t[r] = Fe(a, i) : (r === "className" || r === "UNSAFE_className") && typeof a == "string" && typeof i == "string" ? t[r] = ao(a, i) : r === "id" && a && i ? t.id = Zt(a, i) : r === "ref" && a && i ? t.ref = ro(a, i) : t[r] = i !== void 0 ? i : a;
+    }
+  }
+  return t;
+}
+const lo = /* @__PURE__ */ new Set([
+  "id"
+]), so = /* @__PURE__ */ new Set([
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-details"
+]), uo = /* @__PURE__ */ new Set([
+  "href",
+  "hrefLang",
+  "target",
+  "rel",
+  "download",
+  "ping",
+  "referrerPolicy"
+]), co = /* @__PURE__ */ new Set([
+  "dir",
+  "lang",
+  "hidden",
+  "inert",
+  "translate"
+]), He = /* @__PURE__ */ new Set([
+  "onClick",
+  "onAuxClick",
+  "onContextMenu",
+  "onDoubleClick",
+  "onMouseDown",
+  "onMouseEnter",
+  "onMouseLeave",
+  "onMouseMove",
+  "onMouseOut",
+  "onMouseOver",
+  "onMouseUp",
+  "onTouchCancel",
+  "onTouchEnd",
+  "onTouchMove",
+  "onTouchStart",
+  "onPointerDown",
+  "onPointerMove",
+  "onPointerUp",
+  "onPointerCancel",
+  "onPointerEnter",
+  "onPointerLeave",
+  "onPointerOver",
+  "onPointerOut",
+  "onGotPointerCapture",
+  "onLostPointerCapture",
+  "onScroll",
+  "onWheel",
+  "onAnimationStart",
+  "onAnimationEnd",
+  "onAnimationIteration",
+  "onTransitionCancel",
+  "onTransitionEnd",
+  "onTransitionRun",
+  "onTransitionStart"
+]), fo = /^(data-.*)$/;
+function mo(e, t = {}) {
+  let { labelable: o, isLink: n, global: r, events: a = r, propNames: i } = t, l = {};
+  for (const s in e) Object.prototype.hasOwnProperty.call(e, s) && (lo.has(s) || o && so.has(s) || n && uo.has(s) || r && co.has(s) || a && (He.has(s) || s.endsWith("Capture") && He.has(s.slice(0, -7))) || i?.has(s) || fo.test(s)) && (l[s] = e[s]);
+  return l;
+}
+function ye(e) {
+  if (po()) e.focus({
+    preventScroll: !0
+  });
+  else {
+    let t = bo(e);
+    e.focus(), go(t);
+  }
+}
+let ie = null;
+function po() {
+  if (ie == null) {
+    ie = !1;
+    try {
+      document.createElement("div").focus({
+        get preventScroll() {
+          return ie = !0, !0;
+        }
+      });
+    } catch {
+    }
+  }
+  return ie;
+}
+function bo(e) {
+  let t = e.parentNode, o = [], n = document.scrollingElement || document.documentElement;
+  for (; t instanceof HTMLElement && t !== n; )
+    (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && o.push({
+      element: t,
+      scrollTop: t.scrollTop,
+      scrollLeft: t.scrollLeft
+    }), t = t.parentNode;
+  return n instanceof HTMLElement && o.push({
+    element: n,
+    scrollTop: n.scrollTop,
+    scrollLeft: n.scrollLeft
+  }), o;
+}
+function go(e) {
+  for (let { element: t, scrollTop: o, scrollLeft: n } of e)
+    t.scrollTop = o, t.scrollLeft = n;
+}
+function me(e) {
+  var t;
+  if (typeof window > "u" || window.navigator == null) return !1;
+  let o = (t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands;
+  return Array.isArray(o) && o.some((n) => e.test(n.brand)) || e.test(window.navigator.userAgent);
+}
+function Ce(e) {
+  var t;
+  return typeof window < "u" && window.navigator != null ? e.test(((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.platform) || window.navigator.platform) : !1;
+}
+function V(e) {
+  if (process.env.NODE_ENV === "test") return e;
+  let t = null;
+  return () => (t == null && (t = e()), t);
+}
+const oe = V(function() {
+  return Ce(/^Mac/i);
+}), vo = V(function() {
+  return Ce(/^iPhone/i);
+}), st = V(function() {
+  return Ce(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  oe() && navigator.maxTouchPoints > 1;
+}), dt = V(function() {
+  return vo() || st();
+});
+V(function() {
+  return oe() || dt();
+});
+const ho = V(function() {
+  return me(/AppleWebKit/i) && !ut();
+}), ut = V(function() {
+  return me(/Chrome/i);
+}), ct = V(function() {
+  return me(/Android/i);
+}), $o = V(function() {
+  return me(/Firefox/i);
+});
+function ne(e, t, o = !0) {
+  var n, r;
+  let { metaKey: a, ctrlKey: i, altKey: l, shiftKey: s } = t;
+  $o() && (!((r = window.event) === null || r === void 0 || (n = r.type) === null || n === void 0) && n.startsWith("key")) && e.target === "_blank" && (oe() ? a = !0 : i = !0);
+  let u = ho() && oe() && !st() && process.env.NODE_ENV !== "test" ? new KeyboardEvent("keydown", {
+    keyIdentifier: "Enter",
+    metaKey: a,
+    ctrlKey: i,
+    altKey: l,
+    shiftKey: s
+  }) : new MouseEvent("click", {
+    metaKey: a,
+    ctrlKey: i,
+    altKey: l,
+    shiftKey: s,
+    detail: 1,
+    bubbles: !0,
+    cancelable: !0
+  });
+  ne.isOpening = o, ye(e), e.dispatchEvent(u), ne.isOpening = !1;
+}
+ne.isOpening = !1;
+let H = /* @__PURE__ */ new Map(), ke = /* @__PURE__ */ new Set();
+function ze() {
+  if (typeof window > "u") return;
+  function e(n) {
+    return "propertyName" in n;
+  }
+  let t = (n) => {
+    let r = k(n);
+    if (!e(n) || !r) return;
+    let a = H.get(r);
+    a || (a = /* @__PURE__ */ new Set(), H.set(r, a), r.addEventListener("transitioncancel", o, {
+      once: !0
+    })), a.add(n.propertyName);
+  }, o = (n) => {
+    let r = k(n);
+    if (!e(n) || !r) return;
+    let a = H.get(r);
+    if (a && (a.delete(n.propertyName), a.size === 0 && (r.removeEventListener("transitioncancel", o), H.delete(r)), H.size === 0)) {
+      for (let i of ke) i();
+      ke.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", o);
+}
+typeof document < "u" && (document.readyState !== "loading" ? ze() : document.addEventListener("DOMContentLoaded", ze));
+function wo() {
+  for (const [e] of H)
+    "isConnected" in e && !e.isConnected && H.delete(e);
+}
+function Eo(e) {
+  requestAnimationFrame(() => {
+    wo(), H.size === 0 ? e() : ke.add(e);
+  });
+}
+function _o() {
+  let e = y(/* @__PURE__ */ new Map()), t = x((r, a, i, l) => {
+    let s = l?.once ? (...u) => {
+      e.current.delete(i), i(...u);
+    } : i;
+    e.current.set(i, {
+      type: a,
+      eventTarget: r,
+      fn: s,
+      options: l
+    }), r.addEventListener(a, s, l);
+  }, []), o = x((r, a, i, l) => {
+    var s;
+    let u = ((s = e.current.get(i)) === null || s === void 0 ? void 0 : s.fn) || i;
+    r.removeEventListener(a, u, l), e.current.delete(i);
+  }, []), n = x(() => {
+    e.current.forEach((r, a) => {
+      o(r.eventTarget, r.type, a, r.options);
+    });
+  }, [
+    o
+  ]);
+  return D(() => n, [
+    n
+  ]), {
+    addGlobalListener: t,
+    removeGlobalListener: o,
+    removeAllGlobalListeners: n
+  };
+}
+var he;
+const Mo = (he = M.useInsertionEffect) !== null && he !== void 0 ? he : N;
+function Ke(e) {
+  const t = y(null);
+  return Mo(() => {
+    t.current = e;
+  }, [
+    e
+  ]), x((...o) => {
+    const n = t.current;
+    return n?.(...o);
+  }, []);
+}
+function Te(e, t) {
+  if (!e) return !1;
+  let o = window.getComputedStyle(e), n = document.scrollingElement || document.documentElement, r = /(auto|scroll)/.test(o.overflow + o.overflowX + o.overflowY);
+  return e === n && o.overflow !== "hidden" && (r = !0), r && t && (r = e.scrollHeight !== e.clientHeight || e.scrollWidth !== e.clientWidth), r;
+}
+function ft(e, t) {
+  let o = e;
+  for (Te(o, t) && (o = o.parentElement); o && !Te(o, t); ) o = o.parentElement;
+  return o || document.scrollingElement || document.documentElement;
+}
+const yo = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+function $e(e) {
+  return e instanceof HTMLInputElement && !yo.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
+}
+function ko(e) {
+  return e.pointerType === "" && e.isTrusted ? !0 : ct() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+}
+const To = typeof Element < "u" && "checkVisibility" in Element.prototype;
+function Po(e) {
+  const t = G(e);
+  if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement)) return !1;
+  let { display: o, visibility: n } = e.style, r = o !== "none" && n !== "hidden" && n !== "collapse";
+  if (r) {
+    const { getComputedStyle: a } = e.ownerDocument.defaultView;
+    let { display: i, visibility: l } = a(e);
+    r = i !== "none" && l !== "hidden" && l !== "collapse";
+  }
+  return r;
+}
+function No(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 Be(e, t) {
+  return To ? e.checkVisibility({
+    visibilityProperty: !0
+  }) && !e.closest("[data-react-aria-prevent-focus]") : e.nodeName !== "#comment" && Po(e) && No(e, t) && (!e.parentElement || Be(e.parentElement, e));
+}
+const Oe = [
+  "input:not([disabled]):not([type=hidden])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "button:not([disabled])",
+  "a[href]",
+  "area[href]",
+  "summary",
+  "iframe",
+  "object",
+  "embed",
+  "audio[controls]",
+  "video[controls]",
+  '[contenteditable]:not([contenteditable^="false"])',
+  "permission"
+], Lo = Oe.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
+Oe.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
+const So = Oe.join(':not([hidden]):not([tabindex="-1"]),');
+function xo(e) {
+  return e.matches(Lo) && Be(e) && !mt(e);
+}
+function Fo(e) {
+  return e.matches(So) && Be(e) && !mt(e);
+}
+function mt(e) {
+  let t = e;
+  for (; t != null; ) {
+    if (t instanceof t.ownerDocument.defaultView.HTMLElement && t.inert) return !0;
+    t = t.parentElement;
+  }
+  return !1;
+}
+var we;
+const Co = typeof document < "u" ? (we = M.useInsertionEffect) !== null && we !== void 0 ? we : M.useLayoutEffect : () => {
+};
+function Bo(e, t, o) {
+  let [n, r] = re(e || t), a = y(n), i = y(e !== void 0), l = e !== void 0;
+  D(() => {
+    let d = i.current;
+    d !== l && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${d ? "controlled" : "uncontrolled"} to ${l ? "controlled" : "uncontrolled"}.`), i.current = l;
+  }, [
+    l
+  ]);
+  let s = l ? e : n;
+  Co(() => {
+    a.current = s;
+  });
+  let [, u] = Dt(() => ({}), {}), f = x((d, ...m) => {
+    let p = typeof d == "function" ? d(a.current) : d;
+    Object.is(a.current, p) || (a.current = p, r(p), u(), o?.(p, ...m));
+  }, [
+    o
+  ]);
+  return [
+    s,
+    f
+  ];
+}
+function pt(e) {
+  let t = e;
+  return t.nativeEvent = e, t.isDefaultPrevented = () => t.defaultPrevented, t.isPropagationStopped = () => t.cancelBubble, t.persist = () => {
+  }, t;
+}
+function Oo(e, t) {
+  Object.defineProperty(e, "target", {
+    value: t
+  }), Object.defineProperty(e, "currentTarget", {
+    value: t
+  });
+}
+function Ro(e) {
+  let t = y({
+    isFocused: !1,
+    observer: null
+  });
+  return N(() => {
+    const o = t.current;
+    return () => {
+      o.observer && (o.observer.disconnect(), o.observer = null);
+    };
+  }, []), x((o) => {
+    let n = k(o);
+    if (n instanceof HTMLButtonElement || n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement) {
+      t.current.isFocused = !0;
+      let r = n, a = (i) => {
+        if (t.current.isFocused = !1, r.disabled) {
+          let l = pt(i);
+          e?.(l);
+        }
+        t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
+      };
+      r.addEventListener("focusout", a, {
+        once: !0
+      }), t.current.observer = new MutationObserver(() => {
+        if (t.current.isFocused && r.disabled) {
+          var i;
+          (i = t.current.observer) === null || i === void 0 || i.disconnect();
+          let l = r === S() ? null : S();
+          r.dispatchEvent(new FocusEvent("blur", {
+            relatedTarget: l
+          })), r.dispatchEvent(new FocusEvent("focusout", {
+            bubbles: !0,
+            relatedTarget: l
+          }));
+        }
+      }), t.current.observer.observe(r, {
+        attributes: !0,
+        attributeFilter: [
+          "disabled"
+        ]
+      });
+    }
+  }, [
+    e
+  ]);
+}
+let Do = !1;
+const bt = M.createContext({
+  register: () => {
+  }
+});
+bt.displayName = "PressResponderContext";
+let ae = null;
+const Io = /* @__PURE__ */ new Set();
+let ee = /* @__PURE__ */ new Map(), j = !1, Pe = !1;
+function Re(e, t) {
+  for (let o of Io) o(e, t);
+}
+function Ao(e) {
+  return !(e.metaKey || !oe() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+}
+function ce(e) {
+  j = !0, !ne.isOpening && Ao(e) && (ae = "keyboard", Re("keyboard", e));
+}
+function C(e) {
+  ae = "pointer", "pointerType" in e && e.pointerType, (e.type === "mousedown" || e.type === "pointerdown") && (j = !0, Re("pointer", e));
+}
+function gt(e) {
+  !ne.isOpening && ko(e) && (j = !0, ae = "virtual");
+}
+function vt(e) {
+  k(e) === window || k(e) === document || Do || !e.isTrusted || (!j && !Pe && (ae = "virtual", Re("virtual", e)), j = !1, Pe = !1);
+}
+function ht() {
+  j = !1, Pe = !0;
+}
+function qe(e) {
+  if (typeof window > "u" || typeof document > "u" || ee.get(G(e))) return;
+  const t = G(e), o = P(e);
+  let n = t.HTMLElement.prototype.focus;
+  t.HTMLElement.prototype.focus = function() {
+    j = !0, n.apply(this, arguments);
+  }, o.addEventListener("keydown", ce, !0), o.addEventListener("keyup", ce, !0), o.addEventListener("click", gt, !0), t.addEventListener("focus", vt, !0), t.addEventListener("blur", ht, !1), typeof PointerEvent < "u" ? (o.addEventListener("pointerdown", C, !0), o.addEventListener("pointermove", C, !0), o.addEventListener("pointerup", C, !0)) : process.env.NODE_ENV === "test" && (o.addEventListener("mousedown", C, !0), o.addEventListener("mousemove", C, !0), o.addEventListener("mouseup", C, !0)), t.addEventListener("beforeunload", () => {
+    $t(e);
+  }, {
+    once: !0
+  }), ee.set(t, {
+    focus: n
+  });
+}
+const $t = (e, t) => {
+  const o = G(e), n = P(e);
+  t && n.removeEventListener("DOMContentLoaded", t), ee.has(o) && (o.HTMLElement.prototype.focus = ee.get(o).focus, n.removeEventListener("keydown", ce, !0), n.removeEventListener("keyup", ce, !0), n.removeEventListener("click", gt, !0), o.removeEventListener("focus", vt, !0), o.removeEventListener("blur", ht, !1), typeof PointerEvent < "u" ? (n.removeEventListener("pointerdown", C, !0), n.removeEventListener("pointermove", C, !0), n.removeEventListener("pointerup", C, !0)) : process.env.NODE_ENV === "test" && (n.removeEventListener("mousedown", C, !0), n.removeEventListener("mousemove", C, !0), n.removeEventListener("mouseup", C, !0)), ee.delete(o));
+};
+function Wo(e) {
+  const t = P(e);
+  let o;
+  return t.readyState !== "loading" ? qe(e) : (o = () => {
+    qe(e);
+  }, t.addEventListener("DOMContentLoaded", o)), () => $t(e, o);
+}
+typeof document < "u" && Wo();
+function wt() {
+  return ae;
+}
+function Ne(e) {
+  if (!e.isConnected) return;
+  const t = P(e);
+  if (wt() === "virtual") {
+    let o = S(t);
+    Eo(() => {
+      const n = S(t);
+      (n === o || n === t.body) && e.isConnected && ye(e);
+    });
+  } else ye(e);
+}
+function Vo({ children: e }) {
+  let t = Y(() => ({
+    register: () => {
+    }
+  }), []);
+  return /* @__PURE__ */ M.createElement(bt.Provider, {
+    value: t
+  }, e);
+}
+function Ho(e) {
+  let { isDisabled: t, onBlurWithin: o, onFocusWithin: n, onFocusWithinChange: r } = e, a = y({
+    isFocusWithin: !1
+  }), { addGlobalListener: i, removeAllGlobalListeners: l } = _o(), s = x((d) => {
+    B(d.currentTarget, k(d)) && a.current.isFocusWithin && !B(d.currentTarget, d.relatedTarget) && (a.current.isFocusWithin = !1, l(), o && o(d), r && r(!1));
+  }, [
+    o,
+    r,
+    a,
+    l
+  ]), u = Ro(s), f = x((d) => {
+    if (!B(d.currentTarget, k(d))) return;
+    let m = k(d);
+    const p = P(m), v = S(p);
+    if (!a.current.isFocusWithin && v === m) {
+      n && n(d), r && r(!0), a.current.isFocusWithin = !0, u(d);
+      let g = d.currentTarget;
+      i(p, "focus", (L) => {
+        let b = k(L);
+        if (a.current.isFocusWithin && !B(g, b)) {
+          let h = new p.defaultView.FocusEvent("blur", {
+            relatedTarget: b
+          });
+          Oo(h, g);
+          let $ = pt(h);
+          s($);
+        }
+      }, {
+        capture: !0
+      });
+    }
+  }, [
+    n,
+    r,
+    u,
+    i,
+    s
+  ]);
+  return t ? {
+    focusWithinProps: {
+      // These cannot be null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  } : {
+    focusWithinProps: {
+      onFocus: f,
+      onBlur: s
+    }
+  };
+}
+function zo(e) {
+  let { ref: t, onInteractOutside: o, isDisabled: n, onInteractOutsideStart: r } = e, a = y({
+    isPointerDown: !1,
+    ignoreEmulatedMouseEvents: !1
+  }), i = Ke((s) => {
+    o && le(s, t) && (r && r(s), a.current.isPointerDown = !0);
+  }), l = Ke((s) => {
+    o && o(s);
+  });
+  D(() => {
+    let s = a.current;
+    if (n) return;
+    const u = t.current, f = P(u);
+    if (typeof PointerEvent < "u") {
+      let d = (m) => {
+        s.isPointerDown && le(m, t) && l(m), s.isPointerDown = !1;
+      };
+      return f.addEventListener("pointerdown", i, !0), f.addEventListener("click", d, !0), () => {
+        f.removeEventListener("pointerdown", i, !0), f.removeEventListener("click", d, !0);
+      };
+    } else if (process.env.NODE_ENV === "test") {
+      let d = (p) => {
+        s.ignoreEmulatedMouseEvents ? s.ignoreEmulatedMouseEvents = !1 : s.isPointerDown && le(p, t) && l(p), s.isPointerDown = !1;
+      }, m = (p) => {
+        s.ignoreEmulatedMouseEvents = !0, s.isPointerDown && le(p, t) && l(p), s.isPointerDown = !1;
+      };
+      return f.addEventListener("mousedown", i, !0), f.addEventListener("mouseup", d, !0), f.addEventListener("touchstart", i, !0), f.addEventListener("touchend", m, !0), () => {
+        f.removeEventListener("mousedown", i, !0), f.removeEventListener("mouseup", d, !0), f.removeEventListener("touchstart", i, !0), f.removeEventListener("touchend", m, !0);
+      };
+    }
+  }, [
+    t,
+    n
+  ]);
+}
+function le(e, t) {
+  if (e.button > 0) return !1;
+  let o = k(e);
+  if (o) {
+    const n = o.ownerDocument;
+    if (!n || !B(n.documentElement, o) || o.closest("[data-react-aria-top-layer]")) return !1;
+  }
+  return t.current ? !e.composedPath().includes(t.current) : !1;
+}
+const je = /* @__PURE__ */ M.createContext(null), Le = "react-aria-focus-scope-restore";
+let _ = null;
+function Ko(e) {
+  let { children: t, contain: o, restoreFocus: n, autoFocus: r } = e, a = y(null), i = y(null), l = y([]), { parentNode: s } = J(je) || {}, u = Y(() => new xe({
+    scopeRef: l
+  }), [
+    l
+  ]);
+  N(() => {
+    let m = s || T.root;
+    if (T.getTreeNode(m.scopeRef) && _ && !fe(_, m.scopeRef)) {
+      let p = T.getTreeNode(_);
+      p && (m = p);
+    }
+    m.addChild(u), T.addNode(u);
+  }, [
+    u,
+    s
+  ]), N(() => {
+    let m = T.getTreeNode(l);
+    m && (m.contain = !!o);
+  }, [
+    o
+  ]), N(() => {
+    var m;
+    let p = (m = a.current) === null || m === void 0 ? void 0 : m.nextSibling, v = [], g = (L) => L.stopPropagation();
+    for (; p && p !== i.current; )
+      v.push(p), p.addEventListener(Le, g), p = p.nextSibling;
+    return l.current = v, () => {
+      for (let L of v) L.removeEventListener(Le, g);
+    };
+  }, [
+    t
+  ]), Qo(l, n, o), Go(l, o), Zo(l, n, o), Xo(l, r), D(() => {
+    const m = S(P(l.current ? l.current[0] : void 0));
+    let p = null;
+    if (O(m, l.current)) {
+      for (let v of T.traverse()) v.scopeRef && O(m, v.scopeRef.current) && (p = v);
+      p === T.getTreeNode(l) && (_ = p.scopeRef);
+    }
+  }, [
+    l
+  ]), N(() => () => {
+    var m, p, v;
+    let g = (v = (p = T.getTreeNode(l)) === null || p === void 0 || (m = p.parent) === null || m === void 0 ? void 0 : m.scopeRef) !== null && v !== void 0 ? v : null;
+    (l === _ || fe(l, _)) && (!g || T.getTreeNode(g)) && (_ = g), T.removeTreeNode(l);
+  }, [
+    l
+  ]);
+  let f = Y(() => qo(l), []), d = Y(() => ({
+    focusManager: f,
+    parentNode: u
+  }), [
+    u,
+    f
+  ]);
+  return /* @__PURE__ */ M.createElement(je.Provider, {
+    value: d
+  }, /* @__PURE__ */ M.createElement("span", {
+    "data-focus-scope-start": !0,
+    hidden: !0,
+    ref: a
+  }), t, /* @__PURE__ */ M.createElement("span", {
+    "data-focus-scope-end": !0,
+    hidden: !0,
+    ref: i
+  }));
+}
+function qo(e) {
+  return {
+    focusNext(t = {}) {
+      let o = e.current, { from: n, tabbable: r, wrap: a, accept: i } = t;
+      var l;
+      let s = n || S(P((l = o[0]) !== null && l !== void 0 ? l : void 0)), u = o[0].previousElementSibling, f = q(o), d = K(f, {
+        tabbable: r,
+        accept: i
+      }, o);
+      d.currentNode = O(s, o) ? s : u;
+      let m = d.nextNode();
+      return !m && a && (d.currentNode = u, m = d.nextNode()), m && W(m, !0), m;
+    },
+    focusPrevious(t = {}) {
+      let o = e.current, { from: n, tabbable: r, wrap: a, accept: i } = t;
+      var l;
+      let s = n || S(P((l = o[0]) !== null && l !== void 0 ? l : void 0)), u = o[o.length - 1].nextElementSibling, f = q(o), d = K(f, {
+        tabbable: r,
+        accept: i
+      }, o);
+      d.currentNode = O(s, o) ? s : u;
+      let m = d.previousNode();
+      return !m && a && (d.currentNode = u, m = d.previousNode()), m && W(m, !0), m;
+    },
+    focusFirst(t = {}) {
+      let o = e.current, { tabbable: n, accept: r } = t, a = q(o), i = K(a, {
+        tabbable: n,
+        accept: r
+      }, o);
+      i.currentNode = o[0].previousElementSibling;
+      let l = i.nextNode();
+      return l && W(l, !0), l;
+    },
+    focusLast(t = {}) {
+      let o = e.current, { tabbable: n, accept: r } = t, a = q(o), i = K(a, {
+        tabbable: n,
+        accept: r
+      }, o);
+      i.currentNode = o[o.length - 1].nextElementSibling;
+      let l = i.previousNode();
+      return l && W(l, !0), l;
+    }
+  };
+}
+function q(e) {
+  return e[0].parentElement;
+}
+function Z(e) {
+  let t = T.getTreeNode(_);
+  for (; t && t.scopeRef !== e; ) {
+    if (t.contain) return !1;
+    t = t.parent;
+  }
+  return !0;
+}
+function jo(e) {
+  if (!e.form)
+    return Array.from(P(e).querySelectorAll(`input[type="radio"][name="${CSS.escape(e.name)}"]`)).filter((n) => !n.form);
+  const t = e.form.elements.namedItem(e.name);
+  let o = G(e);
+  return t instanceof o.RadioNodeList ? Array.from(t).filter((n) => n instanceof o.HTMLInputElement) : t instanceof o.HTMLInputElement ? [
+    t
+  ] : [];
+}
+function Uo(e) {
+  if (e.checked) return !0;
+  const t = jo(e);
+  return t.length > 0 && !t.some((o) => o.checked);
+}
+function Go(e, t) {
+  let o = y(void 0), n = y(void 0);
+  N(() => {
+    let r = e.current;
+    if (!t) {
+      n.current && (cancelAnimationFrame(n.current), n.current = void 0);
+      return;
+    }
+    const a = P(r ? r[0] : void 0);
+    let i = (u) => {
+      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !Z(e) || u.isComposing) return;
+      let f = S(a), d = e.current;
+      if (!d || !O(f, d)) return;
+      let m = q(d), p = K(m, {
+        tabbable: !0
+      }, d);
+      if (!f) return;
+      p.currentNode = f;
+      let v = u.shiftKey ? p.previousNode() : p.nextNode();
+      v || (p.currentNode = u.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, v = u.shiftKey ? p.previousNode() : p.nextNode()), u.preventDefault(), v && W(v, !0);
+    }, l = (u) => {
+      (!_ || fe(_, e)) && O(k(u), e.current) ? (_ = e, o.current = k(u)) : Z(e) && !z(k(u), e) ? o.current ? o.current.focus() : _ && _.current && Se(_.current) : Z(e) && (o.current = k(u));
+    }, s = (u) => {
+      n.current && cancelAnimationFrame(n.current), n.current = requestAnimationFrame(() => {
+        let f = wt(), d = (f === "virtual" || f === null) && ct() && ut(), m = S(a);
+        if (!d && m && Z(e) && !z(m, e)) {
+          _ = e;
+          let v = k(u);
+          if (v && v.isConnected) {
+            var p;
+            o.current = v, (p = o.current) === null || p === void 0 || p.focus();
+          } else _.current && Se(_.current);
+        }
+      });
+    };
+    return a.addEventListener("keydown", i, !1), a.addEventListener("focusin", l, !1), r?.forEach((u) => u.addEventListener("focusin", l, !1)), r?.forEach((u) => u.addEventListener("focusout", s, !1)), () => {
+      a.removeEventListener("keydown", i, !1), a.removeEventListener("focusin", l, !1), r?.forEach((u) => u.removeEventListener("focusin", l, !1)), r?.forEach((u) => u.removeEventListener("focusout", s, !1));
+    };
+  }, [
+    e,
+    t
+  ]), N(() => () => {
+    n.current && cancelAnimationFrame(n.current);
+  }, [
+    n
+  ]);
+}
+function Et(e) {
+  return z(e);
+}
+function O(e, t) {
+  return !e || !t ? !1 : t.some((o) => B(o, e));
+}
+function z(e, t = null) {
+  if (e instanceof Element && e.closest("[data-react-aria-top-layer]")) return !0;
+  for (let { scopeRef: o } of T.traverse(T.getTreeNode(t)))
+    if (o && O(e, o.current)) return !0;
+  return !1;
+}
+function Jo(e) {
+  return z(e, _);
+}
+function fe(e, t) {
+  var o;
+  let n = (o = T.getTreeNode(t)) === null || o === void 0 ? void 0 : o.parent;
+  for (; n; ) {
+    if (n.scopeRef === e) return !0;
+    n = n.parent;
+  }
+  return !1;
+}
+function W(e, t = !1) {
+  if (e != null && !t) try {
+    Ne(e);
+  } catch {
+  }
+  else if (e != null) try {
+    e.focus();
+  } catch {
+  }
+}
+function _t(e, t = !0) {
+  let o = e[0].previousElementSibling, n = q(e), r = K(n, {
+    tabbable: t
+  }, e);
+  r.currentNode = o;
+  let a = r.nextNode();
+  return t && !a && (n = q(e), r = K(n, {
+    tabbable: !1
+  }, e), r.currentNode = o, a = r.nextNode()), a;
+}
+function Se(e, t = !0) {
+  W(_t(e, t));
+}
+function Xo(e, t) {
+  const o = M.useRef(t);
+  D(() => {
+    if (o.current) {
+      _ = e;
+      const n = P(e.current ? e.current[0] : void 0);
+      !O(S(n), _.current) && e.current && Se(e.current);
+    }
+    o.current = !1;
+  }, [
+    e
+  ]);
+}
+function Qo(e, t, o) {
+  N(() => {
+    if (t || o) return;
+    let n = e.current;
+    const r = P(n ? n[0] : void 0);
+    let a = (i) => {
+      let l = k(i);
+      O(l, e.current) ? _ = e : Et(l) || (_ = null);
+    };
+    return r.addEventListener("focusin", a, !1), n?.forEach((i) => i.addEventListener("focusin", a, !1)), () => {
+      r.removeEventListener("focusin", a, !1), n?.forEach((i) => i.removeEventListener("focusin", a, !1));
+    };
+  }, [
+    e,
+    t,
+    o
+  ]);
+}
+function Ue(e) {
+  let t = T.getTreeNode(_);
+  for (; t && t.scopeRef !== e; ) {
+    if (t.nodeToRestore) return !1;
+    t = t.parent;
+  }
+  return t?.scopeRef === e;
+}
+function Zo(e, t, o) {
+  const n = y(typeof document < "u" ? S(P(e.current ? e.current[0] : void 0)) : null);
+  N(() => {
+    let r = e.current;
+    const a = P(r ? r[0] : void 0);
+    if (!t || o) return;
+    let i = () => {
+      (!_ || fe(_, e)) && O(S(a), e.current) && (_ = e);
+    };
+    return a.addEventListener("focusin", i, !1), r?.forEach((l) => l.addEventListener("focusin", i, !1)), () => {
+      a.removeEventListener("focusin", i, !1), r?.forEach((l) => l.removeEventListener("focusin", i, !1));
+    };
+  }, [
+    e,
+    o
+  ]), N(() => {
+    const r = P(e.current ? e.current[0] : void 0);
+    if (!t) return;
+    let a = (i) => {
+      if (i.key !== "Tab" || i.altKey || i.ctrlKey || i.metaKey || !Z(e) || i.isComposing) return;
+      let l = r.activeElement;
+      if (!z(l, e) || !Ue(e)) return;
+      let s = T.getTreeNode(e);
+      if (!s) return;
+      let u = s.nodeToRestore, f = K(r.body, {
+        tabbable: !0
+      });
+      f.currentNode = l;
+      let d = i.shiftKey ? f.previousNode() : f.nextNode();
+      if ((!u || !u.isConnected || u === r.body) && (u = void 0, s.nodeToRestore = void 0), (!d || !z(d, e)) && u) {
+        f.currentNode = u;
+        do
+          d = i.shiftKey ? f.previousNode() : f.nextNode();
+        while (z(d, e));
+        i.preventDefault(), i.stopPropagation(), d ? W(d, !0) : Et(u) ? W(u, !0) : l.blur();
+      }
+    };
+    return o || r.addEventListener("keydown", a, !0), () => {
+      o || r.removeEventListener("keydown", a, !0);
+    };
+  }, [
+    e,
+    t,
+    o
+  ]), N(() => {
+    const r = P(e.current ? e.current[0] : void 0);
+    if (!t) return;
+    let a = T.getTreeNode(e);
+    if (a) {
+      var i;
+      return a.nodeToRestore = (i = n.current) !== null && i !== void 0 ? i : void 0, () => {
+        let l = T.getTreeNode(e);
+        if (!l) return;
+        let s = l.nodeToRestore, u = S(r);
+        if (t && s && (u && z(u, e) || u === r.body && Ue(e))) {
+          let f = T.clone();
+          requestAnimationFrame(() => {
+            if (r.activeElement === r.body) {
+              let d = f.getTreeNode(e);
+              for (; d; ) {
+                if (d.nodeToRestore && d.nodeToRestore.isConnected) {
+                  Ge(d.nodeToRestore);
+                  return;
+                }
+                d = d.parent;
+              }
+              for (d = f.getTreeNode(e); d; ) {
+                if (d.scopeRef && d.scopeRef.current && T.getTreeNode(d.scopeRef)) {
+                  let m = _t(d.scopeRef.current, !0);
+                  Ge(m);
+                  return;
+                }
+                d = d.parent;
+              }
+            }
+          });
+        }
+      };
+    }
+  }, [
+    e,
+    t
+  ]);
+}
+function Ge(e) {
+  e.dispatchEvent(new CustomEvent(Le, {
+    bubbles: !0,
+    cancelable: !0
+  })) && W(e);
+}
+function K(e, t, o) {
+  let n = t?.tabbable ? Fo : xo, r = e?.nodeType === Node.ELEMENT_NODE ? e : null, a = P(r), i = it(a, e || a, NodeFilter.SHOW_ELEMENT, {
+    acceptNode(l) {
+      return B(t?.from, l) || t?.tabbable && l.tagName === "INPUT" && l.getAttribute("type") === "radio" && (!Uo(l) || i.currentNode.tagName === "INPUT" && i.currentNode.type === "radio" && i.currentNode.name === l.name) ? NodeFilter.FILTER_REJECT : n(l) && (!o || O(l, o)) && (!t?.accept || t.accept(l)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  return t?.from && (i.currentNode = t.from), i;
+}
+class De {
+  get size() {
+    return this.fastMap.size;
+  }
+  getTreeNode(t) {
+    return this.fastMap.get(t);
+  }
+  addTreeNode(t, o, n) {
+    let r = this.fastMap.get(o ?? null);
+    if (!r) return;
+    let a = new xe({
+      scopeRef: t
+    });
+    r.addChild(a), a.parent = r, this.fastMap.set(t, a), n && (a.nodeToRestore = n);
+  }
+  addNode(t) {
+    this.fastMap.set(t.scopeRef, t);
+  }
+  removeTreeNode(t) {
+    if (t === null) return;
+    let o = this.fastMap.get(t);
+    if (!o) return;
+    let n = o.parent;
+    for (let a of this.traverse()) a !== o && o.nodeToRestore && a.nodeToRestore && o.scopeRef && o.scopeRef.current && O(a.nodeToRestore, o.scopeRef.current) && (a.nodeToRestore = o.nodeToRestore);
+    let r = o.children;
+    n && (n.removeChild(o), r.size > 0 && r.forEach((a) => n && n.addChild(a))), 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) yield* this.traverse(o);
+  }
+  clone() {
+    var t;
+    let o = new De();
+    var n;
+    for (let r of this.traverse()) o.addTreeNode(r.scopeRef, (n = (t = r.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && n !== void 0 ? n : null, r.nodeToRestore);
+    return o;
+  }
+  constructor() {
+    this.fastMap = /* @__PURE__ */ new Map(), this.root = new xe({
+      scopeRef: null
+    }), this.fastMap.set(null, this.root);
+  }
+}
+class xe {
+  addChild(t) {
+    this.children.add(t), t.parent = this;
+  }
+  removeChild(t) {
+    this.children.delete(t), t.parent = void 0;
+  }
+  constructor(t) {
+    this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = t.scopeRef;
+  }
+}
+let T = new De();
+const Yo = /* @__PURE__ */ new WeakMap(), R = [];
+function en(e, t) {
+  let { onClose: o, shouldCloseOnBlur: n, isOpen: r, isDismissable: a = !1, isKeyboardDismissDisabled: i = !1, shouldCloseOnInteractOutside: l } = e, s = y(void 0);
+  D(() => {
+    if (r && !R.includes(t))
+      return R.push(t), () => {
+        let g = R.indexOf(t);
+        g >= 0 && R.splice(g, 1);
+      };
+  }, [
+    r,
+    t
+  ]);
+  let u = () => {
+    R[R.length - 1] === t && o && o();
+  }, f = (g) => {
+    const L = R[R.length - 1];
+    s.current = L, (!l || l(k(g))) && L === t && (g.stopPropagation(), g.preventDefault());
+  }, d = (g) => {
+    (!l || l(k(g))) && (R[R.length - 1] === t && (g.stopPropagation(), g.preventDefault()), s.current === t && u()), s.current = void 0;
+  }, m = (g) => {
+    g.key === "Escape" && !i && !g.nativeEvent.isComposing && (g.stopPropagation(), g.preventDefault(), u());
+  };
+  zo({
+    ref: t,
+    onInteractOutside: a && r ? d : void 0,
+    onInteractOutsideStart: f
+  });
+  let { focusWithinProps: p } = Ho({
+    isDisabled: !n,
+    onBlurWithin: (g) => {
+      !g.relatedTarget || Jo(g.relatedTarget) || (!l || l(g.relatedTarget)) && o?.();
+    }
+  }), v = (g) => {
+    k(g) === g.currentTarget && g.preventDefault();
+  };
+  return {
+    overlayProps: {
+      onKeyDown: m,
+      ...p
+    },
+    underlayProps: {
+      onPointerDown: v
+    }
+  };
+}
+function tn(e, t, o) {
+  let { isOpen: n } = t;
+  D(() => {
+    o && o.current && Yo.set(o.current, t.close);
+  });
+  let r, a = at();
+  return {
+    triggerProps: {
+      "aria-haspopup": r,
+      "aria-expanded": n,
+      "aria-controls": n ? a : void 0,
+      onPress: t.toggle
+    },
+    overlayProps: {
+      id: a
+    }
+  };
+}
+const te = typeof document < "u" && window.visualViewport;
+let se = 0, Ee;
+function on(e = {}) {
+  let { isDisabled: t } = e;
+  N(() => {
+    if (!t)
+      return se++, se === 1 && (dt() ? Ee = rn() : Ee = nn()), () => {
+        se--, se === 0 && Ee();
+      };
+  }, [
+    t
+  ]);
+}
+function nn() {
+  let e = window.innerWidth - document.documentElement.clientWidth;
+  return Fe(e > 0 && // Use scrollbar-gutter when supported because it also works for fixed positioned elements.
+  ("scrollbarGutter" in document.documentElement.style ? de(document.documentElement, "scrollbarGutter", "stable") : de(document.documentElement, "paddingRight", `${e}px`)), de(document.documentElement, "overflow", "hidden"));
+}
+function rn() {
+  let e = de(document.documentElement, "overflow", "hidden"), t, o = !1, n = (u) => {
+    let f = k(u);
+    t = Te(f) ? f : ft(f, !0), o = !1;
+    let d = f.ownerDocument.defaultView.getSelection();
+    d && !d.isCollapsed && d.containsNode(f, !0) && (o = !0), u.composedPath().some((m) => m instanceof HTMLInputElement && m.type === "range") && (o = !0), "selectionStart" in f && "selectionEnd" in f && f.selectionStart < f.selectionEnd && f.ownerDocument.activeElement === f && (o = !0);
+  }, r = document.createElement("style");
+  r.textContent = `
+@layer {
+  * {
+    overscroll-behavior: contain;
+  }
+}`.trim(), document.head.prepend(r);
+  let a = (u) => {
+    if (!(u.touches.length === 2 || o)) {
+      if (!t || t === document.documentElement || t === document.body) {
+        u.preventDefault();
+        return;
+      }
+      t.scrollHeight === t.clientHeight && t.scrollWidth === t.clientWidth && u.preventDefault();
+    }
+  }, i = (u) => {
+    let f = k(u), d = u.relatedTarget;
+    if (d && $e(d))
+      d.focus({
+        preventScroll: !0
+      }), Je(d, $e(f));
+    else if (!d) {
+      var m;
+      let p = (m = f.parentElement) === null || m === void 0 ? void 0 : m.closest("[tabindex]");
+      p?.focus({
+        preventScroll: !0
+      });
+    }
+  }, l = HTMLElement.prototype.focus;
+  HTMLElement.prototype.focus = function(u) {
+    let f = S(), d = f != null && $e(f);
+    l.call(this, {
+      ...u,
+      preventScroll: !0
+    }), (!u || !u.preventScroll) && Je(this, d);
+  };
+  let s = Fe(_e(document, "touchstart", n, {
+    passive: !1,
+    capture: !0
+  }), _e(document, "touchmove", a, {
+    passive: !1,
+    capture: !0
+  }), _e(document, "blur", i, !0));
+  return () => {
+    e(), s(), r.remove(), HTMLElement.prototype.focus = l;
+  };
+}
+function de(e, t, o) {
+  let n = e.style[t];
+  return e.style[t] = o, () => {
+    e.style[t] = n;
+  };
+}
+function _e(e, t, o, n) {
+  return e.addEventListener(t, o, n), () => {
+    e.removeEventListener(t, o, n);
+  };
+}
+function Je(e, t) {
+  t || !te ? Xe(e) : te.addEventListener("resize", () => Xe(e), {
+    once: !0
+  });
+}
+function Xe(e) {
+  let t = document.scrollingElement || document.documentElement, o = e;
+  for (; o && o !== t; ) {
+    let n = ft(o);
+    if (n !== document.documentElement && n !== document.body && n !== o) {
+      let r = n.getBoundingClientRect(), a = o.getBoundingClientRect();
+      if (a.top < r.top || a.bottom > r.top + o.clientHeight) {
+        let i = r.bottom;
+        te && (i = Math.min(i, te.offsetTop + te.height));
+        let l = a.top - r.top - ((i - r.top) / 2 - a.height / 2);
+        n.scrollTo({
+          // Clamp to the valid range to prevent over-scrolling.
+          top: Math.max(0, Math.min(n.scrollHeight - n.clientHeight, n.scrollTop + l)),
+          behavior: "smooth"
+        });
+      }
+    }
+    o = n.parentElement;
+  }
+}
+const an = /* @__PURE__ */ It({});
+function ln() {
+  var e;
+  return (e = J(an)) !== null && e !== void 0 ? e : {};
+}
+const sn = typeof HTMLElement < "u" && "inert" in HTMLElement.prototype;
+let X = /* @__PURE__ */ new WeakMap(), F = [];
+function dn(e, t) {
+  let o = G(e?.[0]), n = t instanceof o.Element ? {
+    root: t
+  } : t;
+  var r;
+  let a = (r = n?.root) !== null && r !== void 0 ? r : document.body, i = n?.shouldUseInert && sn, l = new Set(e), s = /* @__PURE__ */ new Set(), u = (b) => i && b instanceof o.HTMLElement ? b.inert : b.getAttribute("aria-hidden") === "true", f = (b, h) => {
+    i && b instanceof o.HTMLElement ? b.inert = h : h ? b.setAttribute("aria-hidden", "true") : (b.removeAttribute("aria-hidden"), b instanceof o.HTMLElement && (b.inert = !1));
+  }, d = /* @__PURE__ */ new Set();
+  if (A())
+    for (let b of e) {
+      let h = b;
+      for (; h && h !== a; ) {
+        let $ = h.getRootNode();
+        "shadowRoot" in $ && d.add($.shadowRoot), h = $.parentNode;
+      }
+    }
+  let m = (b) => {
+    for (let E of b.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) l.add(E);
+    let h = (E) => {
+      if (s.has(E) || l.has(E) || E.parentElement && s.has(E.parentElement) && E.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
+      for (let pe of l)
+        if (B(E, pe)) return NodeFilter.FILTER_SKIP;
+      return NodeFilter.FILTER_ACCEPT;
+    }, $ = it(P(b), b, NodeFilter.SHOW_ELEMENT, {
+      acceptNode: h
+    }), I = h(b);
+    if (I === NodeFilter.FILTER_ACCEPT && p(b), I !== NodeFilter.FILTER_REJECT) {
+      let E = $.nextNode();
+      for (; E != null; )
+        p(E), E = $.nextNode();
+    }
+  }, p = (b) => {
+    var h;
+    let $ = (h = X.get(b)) !== null && h !== void 0 ? h : 0;
+    u(b) && $ === 0 || ($ === 0 && f(b, !0), s.add(b), X.set(b, $ + 1));
+  };
+  F.length && F[F.length - 1].disconnect(), m(a);
+  let v = new MutationObserver((b) => {
+    for (let h of b)
+      if (h.type === "childList") {
+        if (h.target.isConnected && ![
+          ...l,
+          ...s
+        ].some(($) => B($, h.target))) for (let $ of h.addedNodes)
+          ($ instanceof HTMLElement || $ instanceof SVGElement) && ($.dataset.liveAnnouncer === "true" || $.dataset.reactAriaTopLayer === "true") ? l.add($) : $ instanceof Element && m($);
+        if (A()) {
+          for (let $ of d) if (!$.isConnected) {
+            v.disconnect();
+            break;
+          }
+        }
+      }
+  });
+  v.observe(a, {
+    childList: !0,
+    subtree: !0
+  });
+  let g = /* @__PURE__ */ new Set();
+  if (A()) for (let b of d) {
+    let h = new MutationObserver(($) => {
+      for (let I of $)
+        if (I.type === "childList") {
+          if (I.target.isConnected && ![
+            ...l,
+            ...s
+          ].some((E) => B(E, I.target))) for (let E of I.addedNodes)
+            (E instanceof HTMLElement || E instanceof SVGElement) && (E.dataset.liveAnnouncer === "true" || E.dataset.reactAriaTopLayer === "true") ? l.add(E) : E instanceof Element && m(E);
+          if (A()) {
+            for (let E of d) if (!E.isConnected) {
+              v.disconnect();
+              break;
+            }
+          }
+        }
+    });
+    h.observe(b, {
+      childList: !0,
+      subtree: !0
+    }), g.add(h);
+  }
+  let L = {
+    visibleNodes: l,
+    hiddenNodes: s,
+    observe() {
+      v.observe(a, {
+        childList: !0,
+        subtree: !0
+      });
+    },
+    disconnect() {
+      v.disconnect();
+    }
+  };
+  return F.push(L), () => {
+    if (v.disconnect(), A()) for (let b of g) b.disconnect();
+    for (let b of s) {
+      let h = X.get(b);
+      h != null && (h === 1 ? (f(b, !1), X.delete(b)) : X.set(b, h - 1));
+    }
+    L === F[F.length - 1] ? (F.pop(), F.length && F[F.length - 1].observe()) : F.splice(F.indexOf(L), 1);
+  };
+}
+const Mt = /* @__PURE__ */ M.createContext(null);
+function un(e) {
+  let t = rt(), { portalContainer: o = t ? null : document.body, isExiting: n } = e, [r, a] = re(!1), i = Y(() => ({
+    contain: r,
+    setContain: a
+  }), [
+    r,
+    a
+  ]), { getContainer: l } = ln();
+  if (!e.portalContainer && l && (o = l()), !o) return null;
+  let s = e.children;
+  return e.disableFocusManagement || (s = /* @__PURE__ */ M.createElement(Ko, {
+    restoreFocus: !0,
+    contain: (e.shouldContainFocus || r) && !n
+  }, s)), s = /* @__PURE__ */ M.createElement(Mt.Provider, {
+    value: i
+  }, /* @__PURE__ */ M.createElement(Vo, null, s)), /* @__PURE__ */ Wt.createPortal(s, o);
+}
+function yt() {
+  let e = J(Mt), t = e?.setContain;
+  N(() => {
+    t?.(!0);
+  }, [
+    t
+  ]);
+}
+function cn(e, t, o) {
+  let { overlayProps: n, underlayProps: r } = en({
+    ...e,
+    isOpen: t.isOpen,
+    onClose: t.close
+  }, o);
+  return on({
+    isDisabled: !t.isOpen
+  }), yt(), D(() => {
+    if (t.isOpen && o.current) return dn([
+      o.current
+    ], {
+      shouldUseInert: !0
+    });
+  }, [
+    t.isOpen,
+    o
+  ]), {
+    modalProps: io(n),
+    underlayProps: r
+  };
+}
+function fn(e, t) {
+  let { role: o = "dialog" } = e, n = Yt();
+  n = e["aria-label"] ? void 0 : n;
+  let r = y(!1);
+  return D(() => {
+    if (t.current && !t.current.contains(document.activeElement)) {
+      Ne(t.current);
+      let a = setTimeout(() => {
+        document.activeElement === t.current && (r.current = !0, t.current && (t.current.blur(), Ne(t.current)), r.current = !1);
+      }, 500);
+      return () => {
+        clearTimeout(a);
+      };
+    }
+  }, [
+    t
+  ]), yt(), {
+    dialogProps: {
+      ...mo(e, {
+        labelable: !0
+      }),
+      role: o,
+      tabIndex: -1,
+      "aria-labelledby": e["aria-labelledby"] || n,
+      // 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: (a) => {
+        r.current && a.stopPropagation();
+      }
+    },
+    titleProps: {
+      id: n
+    }
+  };
+}
+function mn(e, t, o) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: o,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = o, e;
+}
+function Qe(e, t) {
+  var o = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), o.push.apply(o, n);
+  }
+  return o;
+}
+function Ze(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var o = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Qe(Object(o), !0).forEach(function(n) {
+      mn(e, n, o[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : Qe(Object(o)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(o, n));
+    });
+  }
+  return e;
+}
+var pn = (e, t, o) => {
+  for (var n of Object.keys(e)) {
+    var r;
+    if (e[n] !== ((r = t[n]) !== null && r !== void 0 ? r : o[n]))
+      return !1;
+  }
+  return !0;
+}, kt = (e) => (t) => {
+  var o = e.defaultClassName, n = Ze(Ze({}, e.defaultVariants), t);
+  for (var r in n) {
+    var a, i = (a = n[r]) !== null && a !== void 0 ? a : e.defaultVariants[r];
+    if (i != null) {
+      var l = i;
+      typeof l == "boolean" && (l = l === !0 ? "true" : "false");
+      var s = (
+        // @ts-expect-error
+        e.variantClassNames[r][l]
+      );
+      s && (o += " " + s);
+    }
+  }
+  for (var [u, f] of e.compoundVariants)
+    pn(u, n, e.defaultVariants) && (o += " " + f);
+  return o;
+}, bn = kt({ defaultClassName: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto20", variantClassNames: { kind: { informational: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto21", delete: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto22", failure: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto23", success: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto24", warning: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto25", successWithFailures: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto26", form: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto27" }, size: { sm: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto28", md: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto29", lg: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2a", xl: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2b" }, fullHeight: { true: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2c", false: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2d" } }, defaultVariants: {}, compoundVariants: [] }), gn = kt({ defaultClassName: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2e", variantClassNames: { kind: { form: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2f", delete: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2g", failure: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2h", informational: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2i", success: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2j", warning: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2k", successWithFailures: "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2l" } }, defaultVariants: {}, compoundVariants: [] }), vn = "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2m", hn = "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2n", $n = "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2o", Tt = "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2p", wn = "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2q", En = "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2r", _n = "pkg_sps-woodland_modal__version_8_52_0__hash_3moto2s";
+function Pt({
+  children: e,
+  className: t = "",
+  ...o
+}) {
+  return /* @__PURE__ */ c.createElement("div", { className: Me(Tt, t), ...o }, e);
+}
+tt.set(Pt, { name: "ModalFooter" });
+function Ye({
+  dismissableValue: e,
+  handleClose: t
+}) {
+  return e ? /* @__PURE__ */ c.createElement(
+    ot,
+    {
+      "aria-label": "Close",
+      onClick: t,
+      kind: "icon",
+      icon: "x",
+      className: wn
+    }
+  ) : null;
+}
+const et = Object.freeze({
+  form: "pencil",
+  delete: "trash",
+  failure: "status-error",
+  informational: "info-circle",
+  success: "status-ok",
+  successWithFailures: "status-warning",
+  warning: "status-warning"
+});
+function Mn({
+  children: e,
+  className: t,
+  "data-testid": o,
+  kind: n = "informational",
+  onBlur: r,
+  onFocus: a,
+  overlayProps: i,
+  size: l = "sm",
+  state: s,
+  title: u,
+  dismissible: f,
+  dismissable: d = !0,
+  onClose: m,
+  fullHeight: p = !1,
+  ...v
+}) {
+  const g = f ?? d, L = c.useRef(null), { modalProps: b, underlayProps: h } = cn(
+    {
+      isKeyboardDismissDisabled: !g,
+      ...v
+    },
+    s,
+    L
+  ), { dialogProps: $, titleProps: I } = fn(v, L), E = We(b.onFocus, $.onFocus, a), pe = We(b.onBlur, $.onBlur, r), { t: Lt } = At(), St = Ct({ "data-testid": o }), [be, xt] = Bt(
+    e,
+    [{ type: Pt }]
+  ), Ie = c.useCallback(() => {
+    m && typeof m == "function" && m(), s.close();
+  }, [m, s.close]), Ft = Ot(xt, (Ae) => Ae.type === Ye ? [{ className: Me(Ae.props.classname, En) }] : []);
+  return /* @__PURE__ */ c.createElement(un, null, /* @__PURE__ */ c.createElement(
+    "div",
+    {
+      className: _n,
+      "data-react-aria-top-layer": "true",
+      ...h,
+      ...v
+    },
+    /* @__PURE__ */ c.createElement(
+      "div",
+      {
+        ...b,
+        ...$,
+        ...i,
+        onFocus: E,
+        onBlur: pe,
+        ...St("dialog"),
+        ref: L,
+        className: Me(bn({ kind: n, size: l, fullHeight: p }), t)
+      },
+      /* @__PURE__ */ c.createElement("div", { ...I, className: gn({ kind: n }) }, n && /* @__PURE__ */ c.createElement(
+        Rt,
+        {
+          icon: et[n] || et.informational,
+          className: hn
+        }
+      ), /* @__PURE__ */ c.createElement("div", { className: vn }, ge(u, s.close)), /* @__PURE__ */ c.createElement(Ye, { dismissableValue: g, handleClose: Ie })),
+      /* @__PURE__ */ c.createElement("div", { className: $n }, ge(Ft, s.close)),
+      be && be.length > 0 ? /* @__PURE__ */ c.createElement(c.Fragment, null, ge(be, s.close)) : /* @__PURE__ */ c.createElement("div", { className: Tt }, /* @__PURE__ */ c.createElement(ot, { kind: "key", onClick: Ie }, Lt("modal.defaultButtonLabel", { defaultValue: "Okay" })))
+    )
+  ));
+}
+function Nt(e) {
+  return e.state.isOpen ? /* @__PURE__ */ c.createElement(Mn, { ...e }, e.children) : /* @__PURE__ */ c.createElement(c.Fragment, null);
+}
+tt.set(Nt, {
+  name: "Modal",
+  props: {
+    dismissable: { type: "boolean", default: "true" },
+    fullHeight: { type: "boolean", default: "false" },
+    kind: { type: "ModalKind", default: "informational" },
+    onBlur: { type: "() => void" },
+    onClose: { type: "() => void" },
+    onFocus: { type: "() => void" },
+    size: { type: "ModalSize", default: "sm" },
+    title: { type: "string" }
+  }
+});
+function yn(e) {
+  let [t, o] = Bo(e.isOpen, e.defaultOpen || !1, e.onOpenChange);
+  const n = x(() => {
+    o(!0);
+  }, [
+    o
+  ]), r = x(() => {
+    o(!1);
+  }, [
+    o
+  ]), a = x(() => {
+    o(!t);
+  }, [
+    o,
+    t
+  ]);
+  return {
+    isOpen: t,
+    setOpen: o,
+    open: n,
+    close: r,
+    toggle: a
+  };
+}
+function Fn(e = {}) {
+  const t = yn(e), o = y(null), { triggerProps: n, overlayProps: r } = tn(
+    {},
+    t,
+    o
+  ), {
+    onPress: a,
+    ...i
+  } = n;
+  return {
+    triggerProps: {
+      ...i,
+      // Forward event to onPress (types differ but handler doesn't inspect event)
+      onClick: a ? (l) => a(l) : void 0,
+      ref: o
+    },
+    modalState: t,
+    modalProps: { overlayProps: r, state: t }
+  };
+}
+const kn = {
+  description: () => /* @__PURE__ */ c.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: [Nt],
   examples: {
     general: {
       label: "Usage",
-      description: ({ NavigateTo: t }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("h5", null, "Use a Modal:"), /* @__PURE__ */ o.createElement("ul", null, /* @__PURE__ */ o.createElement("li", null, "When the user needs to confirm a basic decision, such as deleting a record."), /* @__PURE__ */ o.createElement("li", null, "When important information needs to be displayed to the user before continuing."), /* @__PURE__ */ o.createElement("li", null, "When a simple selection, such as a single form input, is required before proceeding.")), /* @__PURE__ */ o.createElement("h5", null, "Avoid a Modal:"), /* @__PURE__ */ o.createElement("ul", null, /* @__PURE__ */ o.createElement("li", null, "When a complex form is required. Use a ", /* @__PURE__ */ o.createElement(t, { to: "focused-task" }, "Focused Task View"), " instead."), /* @__PURE__ */ o.createElement("li", null, "When sharing non-critical or tertiary information. Use a ", /* @__PURE__ */ o.createElement(t, { to: "growlers" }, "Growler"), " instead.")))
+      description: ({ NavigateTo: e }) => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("h5", null, "Use a Modal:"), /* @__PURE__ */ c.createElement("ul", null, /* @__PURE__ */ c.createElement("li", null, "When the user needs to confirm a basic decision, such as deleting a record."), /* @__PURE__ */ c.createElement("li", null, "When important information needs to be displayed to the user before continuing."), /* @__PURE__ */ c.createElement("li", null, "When a simple selection, such as a single form input, is required before proceeding.")), /* @__PURE__ */ c.createElement("h5", null, "Avoid a Modal:"), /* @__PURE__ */ c.createElement("ul", null, /* @__PURE__ */ c.createElement("li", null, "When a complex form is required. Use a ", /* @__PURE__ */ c.createElement(e, { to: "focused-task" }, "Focused Task View"), " instead."), /* @__PURE__ */ c.createElement("li", null, "When sharing non-critical or tertiary information. Use a ", /* @__PURE__ */ c.createElement(e, { to: "growlers" }, "Growler"), " instead.")))
     },
     implementation: {
       label: "Close Button",
-      description: () => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("h5", null, "Close Button and Modal dismissiability"), /* @__PURE__ */ o.createElement("p", null, "Remove the Close Button in the upper right of the Modal if the user must choose the course of action before proceeding."), /* @__PURE__ */ o.createElement("p", null, "The close button is included by default and omitted when the prop ", /* @__PURE__ */ o.createElement("code", null, "dismissable"), " is set to ", /* @__PURE__ */ o.createElement("strong", null, "false"), "."), /* @__PURE__ */ o.createElement("p", null, "Setting the ", /* @__PURE__ */ o.createElement("code", null, "dismissable"), " prop to false also prevents dismissing the modal by clicking outside of the modal or by using the", " ", /* @__PURE__ */ o.createElement("strong", null, "escape"), " key.")),
+      description: () => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("h5", null, "Close Button and Modal dismissiability"), /* @__PURE__ */ c.createElement("p", null, "Remove the Close Button in the upper right of the Modal if the user must choose the course of action before proceeding."), /* @__PURE__ */ c.createElement("p", null, "The close button is included by default and omitted when the prop ", /* @__PURE__ */ c.createElement("code", null, "dismissable"), " is set to ", /* @__PURE__ */ c.createElement("strong", null, "false"), "."), /* @__PURE__ */ c.createElement("p", null, "Setting the ", /* @__PURE__ */ c.createElement("code", null, "dismissable"), " prop to false also prevents dismissing the modal by clicking outside of the modal or by using the", " ", /* @__PURE__ */ c.createElement("strong", null, "escape"), " key.")),
       examples: {
         basic: {
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -64,7 +1975,7 @@ const a = {
     },
     hooks: {
       label: "Using Hooks",
-      description: () => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("h5", null, "Using the hook"), /* @__PURE__ */ o.createElement("p", null, "To use any modals, you must call the ", /* @__PURE__ */ o.createElement("code", null, "useModal"), " hook. Optional arguments for this hook include:"), /* @__PURE__ */ o.createElement("dl", null, /* @__PURE__ */ o.createElement("dt", null, /* @__PURE__ */ o.createElement("code", null, "isOpen"), ": boolean"), /* @__PURE__ */ o.createElement("dd", null, "Whether the overlay is open by default (controlled)"), /* @__PURE__ */ o.createElement("dt", null, /* @__PURE__ */ o.createElement("code", null, "defaultOpen"), ": boolean"), /* @__PURE__ */ o.createElement("dd", null, "Whether the overlay is open by default (uncontrolled)."), /* @__PURE__ */ o.createElement("dt", null, /* @__PURE__ */ o.createElement("code", null, "onOpenChange"), ": function"), /* @__PURE__ */ o.createElement("dd", null, "Handler that is called when the overlay's open state changes.", /* @__PURE__ */ o.createElement("code", null, "(isOpen: boolean)  => void"))), /* @__PURE__ */ o.createElement("h5", null, "Modal Props,  Modal State, and Trigger Props"), /* @__PURE__ */ o.createElement("p", null, "The ", /* @__PURE__ */ o.createElement("code", null, "useModal"), " returns an object with ", /* @__PURE__ */ o.createElement("code", null, "modalProps"), ", ", /* @__PURE__ */ o.createElement("code", null, "modalState"), " and ", /* @__PURE__ */ o.createElement("code", null, "triggerProps")), /* @__PURE__ */ o.createElement("p", null, "The ", /* @__PURE__ */ o.createElement("code", null, "triggerProps"), " need to be spread on the element that triggers the modal."), /* @__PURE__ */ o.createElement("p", null, "The ", /* @__PURE__ */ o.createElement("code", null, "modalState"), " object (which is also included in ", /* @__PURE__ */ o.createElement("code", null, "modalProps"), ") allows programmatic access to the state of the modal. This includes a read only ", /* @__PURE__ */ o.createElement("code", null, "isOpen"), " property, a ", /* @__PURE__ */ o.createElement("code", null, "setOpen(isOpen: boolean)"), " method which can be use to set whether the overlay is open, an ", /* @__PURE__ */ o.createElement("code", null, "open()"), " method which opens the overlay, a ", /* @__PURE__ */ o.createElement("code", null, "close()"), " method which closes the overlay and a ", /* @__PURE__ */ o.createElement("code", null, "toggle()"), " method that toggles the overlay's visiblity."), /* @__PURE__ */ o.createElement("p", null, "The ", /* @__PURE__ */ o.createElement("code", null, "modalProps"), " should be spread on the actual ", /* @__PURE__ */ o.createElement("code", null, "Modal"), " component."), /* @__PURE__ */ o.createElement("p", null, "Please refer to the examples to see its implementation"))
+      description: () => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("h5", null, "Using the hook"), /* @__PURE__ */ c.createElement("p", null, "To use any modals, you must call the ", /* @__PURE__ */ c.createElement("code", null, "useModal"), " hook. Optional arguments for this hook include:"), /* @__PURE__ */ c.createElement("dl", null, /* @__PURE__ */ c.createElement("dt", null, /* @__PURE__ */ c.createElement("code", null, "isOpen"), ": boolean"), /* @__PURE__ */ c.createElement("dd", null, "Whether the overlay is open by default (controlled)"), /* @__PURE__ */ c.createElement("dt", null, /* @__PURE__ */ c.createElement("code", null, "defaultOpen"), ": boolean"), /* @__PURE__ */ c.createElement("dd", null, "Whether the overlay is open by default (uncontrolled)."), /* @__PURE__ */ c.createElement("dt", null, /* @__PURE__ */ c.createElement("code", null, "onOpenChange"), ": function"), /* @__PURE__ */ c.createElement("dd", null, "Handler that is called when the overlay's open state changes.", /* @__PURE__ */ c.createElement("code", null, "(isOpen: boolean)  => void"))), /* @__PURE__ */ c.createElement("h5", null, "Modal Props,  Modal State, and Trigger Props"), /* @__PURE__ */ c.createElement("p", null, "The ", /* @__PURE__ */ c.createElement("code", null, "useModal"), " returns an object with ", /* @__PURE__ */ c.createElement("code", null, "modalProps"), ", ", /* @__PURE__ */ c.createElement("code", null, "modalState"), " and ", /* @__PURE__ */ c.createElement("code", null, "triggerProps")), /* @__PURE__ */ c.createElement("p", null, "The ", /* @__PURE__ */ c.createElement("code", null, "triggerProps"), " need to be spread on the element that triggers the modal."), /* @__PURE__ */ c.createElement("p", null, "The ", /* @__PURE__ */ c.createElement("code", null, "modalState"), " object (which is also included in ", /* @__PURE__ */ c.createElement("code", null, "modalProps"), ") allows programmatic access to the state of the modal. This includes a read only ", /* @__PURE__ */ c.createElement("code", null, "isOpen"), " property, a ", /* @__PURE__ */ c.createElement("code", null, "setOpen(isOpen: boolean)"), " method which can be use to set whether the overlay is open, an ", /* @__PURE__ */ c.createElement("code", null, "open()"), " method which opens the overlay, a ", /* @__PURE__ */ c.createElement("code", null, "close()"), " method which closes the overlay and a ", /* @__PURE__ */ c.createElement("code", null, "toggle()"), " method that toggles the overlay's visiblity."), /* @__PURE__ */ c.createElement("p", null, "The ", /* @__PURE__ */ c.createElement("code", null, "modalProps"), " should be spread on the actual ", /* @__PURE__ */ c.createElement("code", null, "Modal"), " component."), /* @__PURE__ */ c.createElement("p", null, "Please refer to the examples to see its implementation"))
     },
     informational: {
       label: "Informational",
@@ -73,7 +1984,7 @@ const a = {
       examples: {
         small: {
           description: "Small",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -102,7 +2013,7 @@ const a = {
         },
         medium: {
           description: "Medium",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -128,7 +2039,7 @@ const a = {
         },
         large: {
           description: "Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -154,7 +2065,7 @@ const a = {
         },
         xlarge: {
           description: "Extra Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -187,7 +2098,7 @@ const a = {
       examples: {
         small: {
           description: "Small",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -209,7 +2120,7 @@ const a = {
         },
         medium: {
           description: "Medium",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -230,7 +2141,7 @@ const a = {
         },
         large: {
           description: "Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -252,7 +2163,7 @@ const a = {
         },
         xlarge: {
           description: "Extra Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -279,7 +2190,7 @@ const a = {
       examples: {
         small: {
           description: "Small",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -301,7 +2212,7 @@ const a = {
         },
         medium: {
           description: "Medium",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -322,7 +2233,7 @@ const a = {
         },
         large: {
           description: "Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -344,7 +2255,7 @@ const a = {
         },
         xlarge: {
           description: "Extra Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -371,7 +2282,7 @@ const a = {
       examples: {
         small: {
           description: "Small",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -393,7 +2304,7 @@ const a = {
         },
         medium: {
           description: "Medium",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -414,7 +2325,7 @@ const a = {
         },
         large: {
           description: "Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -436,7 +2347,7 @@ const a = {
         },
         xlarge: {
           description: "Extra Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -463,7 +2374,7 @@ const a = {
       examples: {
         small: {
           description: "Small",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -485,7 +2396,7 @@ const a = {
         },
         medium: {
           description: "Medium",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -506,7 +2417,7 @@ const a = {
         },
         large: {
           description: "Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -528,7 +2439,7 @@ const a = {
         },
         xlarge: {
           description: "Extra Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -555,7 +2466,7 @@ const a = {
       examples: {
         small: {
           description: "Small",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -582,7 +2493,7 @@ const a = {
         },
         medium: {
           description: "Medium",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -607,7 +2518,7 @@ const a = {
         },
         large: {
           description: "Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -629,7 +2540,7 @@ const a = {
         },
         xlarge: {
           description: "Extra Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -656,7 +2567,7 @@ const a = {
       examples: {
         small: {
           description: "Small",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -678,7 +2589,7 @@ const a = {
         },
         medium: {
           description: "Medium",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -699,7 +2610,7 @@ const a = {
         },
         large: {
           description: "Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -721,7 +2632,7 @@ const a = {
         },
         xlarge: {
           description: "Extra Large",
-          react: e`
+          react: w`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";
@@ -743,9 +2654,13 @@ const a = {
       }
     }
   }
-}, d = {
-  Modals: a
+}, Cn = {
+  Modals: kn
 };
 export {
-  d as MANIFEST
+  Cn as MANIFEST,
+  Nt as Modal,
+  Pt as ModalFooter,
+  et as ModalIcons,
+  Fn as useModal
 };