@uva-glass/component-library 1.19.0 → 1.21.0

package/dist/ModalDialog-yEr_JLht.js

@@ -0,0 +1,1276 @@
+import { jsx as x, Fragment as pe, jsxs as te } from "react/jsx-runtime";
+import p, { useRef as w, useCallback as O, useState as Z, useContext as P, useEffect as F, useMemo as z } from "react";
+import { $ as je } from "./index-BA9Z7itR.js";
+import { c as K } from "./clsx-DB4S2d7J.js";
+import { Backdrop as ze } from "./components/Backdrop/Backdrop.js";
+import { OverlayCloseButton as qe } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { Spinner as Ue } from "./components/Spinner/Spinner.js";
+import './assets/ModalDialog2.css';const h = typeof document < "u" ? p.useLayoutEffect : () => {
+};
+function B(e) {
+  const t = w(null);
+  return h(() => {
+    t.current = e;
+  }, [
+    e
+  ]), O((...n) => {
+    const r = t.current;
+    return r == null ? void 0 : r(...n);
+  }, []);
+}
+function Ge(e) {
+  let [t, n] = Z(e), r = w(null), o = B(() => {
+    if (!r.current)
+      return;
+    let i = r.current.next();
+    if (i.done) {
+      r.current = null;
+      return;
+    }
+    t === i.value ? o() : n(i.value);
+  });
+  h(() => {
+    r.current && o();
+  });
+  let a = B((i) => {
+    r.current = i(t), o();
+  });
+  return [
+    t,
+    a
+  ];
+}
+const q = {
+  prefix: String(Math.round(Math.random() * 1e10)),
+  current: 0
+}, Se = /* @__PURE__ */ p.createContext(q), Xe = /* @__PURE__ */ p.createContext(!1);
+let Ye = !!(typeof window < "u" && window.document && window.document.createElement), ne = /* @__PURE__ */ new WeakMap();
+function Je(e = !1) {
+  let t = P(Se), n = w(null);
+  if (n.current === null && !e) {
+    var r, o;
+    let a = (o = p.__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;
+    if (a) {
+      let i = ne.get(a);
+      i == null ? ne.set(a, {
+        id: t.current,
+        state: a.memoizedState
+      }) : a.memoizedState !== i.state && (t.current = i.id, ne.delete(a));
+    }
+    n.current = ++t.current;
+  }
+  return n.current;
+}
+function Qe(e) {
+  let t = P(Se);
+  t === q && !Ye && 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 = Je(!!e), r = t === q && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
+  return e || `${r}-${n}`;
+}
+function Ze(e) {
+  let t = p.useId(), [n] = Z(Le()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${q.prefix}`;
+  return e || `${r}-${t}`;
+}
+const et = typeof p.useId == "function" ? Ze : Qe;
+function tt() {
+  return !1;
+}
+function nt() {
+  return !0;
+}
+function rt(e) {
+  return () => {
+  };
+}
+function Le() {
+  return typeof p.useSyncExternalStore == "function" ? p.useSyncExternalStore(rt, tt, nt) : P(Xe);
+}
+let ot = !!(typeof window < "u" && window.document && window.document.createElement), $e = /* @__PURE__ */ new Map();
+function it(e) {
+  let [t, n] = Z(e), r = w(null), o = et(t), a = O((i) => {
+    r.current = i;
+  }, []);
+  return ot && $e.set(o, a), h(() => {
+    let i = o;
+    return () => {
+      $e.delete(i);
+    };
+  }, [
+    o
+  ]), F(() => {
+    let i = r.current;
+    i && (r.current = null, n(i));
+  }), o;
+}
+function at(e = []) {
+  let t = it(), [n, r] = Ge(t), o = O(() => {
+    r(function* () {
+      yield t, yield document.getElementById(t) ? t : void 0;
+    });
+  }, [
+    t,
+    r
+  ]);
+  return h(o, [
+    t,
+    o,
+    ...e
+  ]), n;
+}
+function ie(...e) {
+  return (...t) => {
+    for (let n of e)
+      typeof n == "function" && n(...t);
+  };
+}
+const g = (e) => {
+  var t;
+  return (t = e == null ? void 0 : e.ownerDocument) !== null && t !== void 0 ? t : document;
+}, U = (e) => e && "window" in e && e.window === e ? e : g(e).defaultView || window, lt = /* @__PURE__ */ new Set([
+  "id"
+]), dt = /* @__PURE__ */ new Set([
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-details"
+]), ut = /* @__PURE__ */ new Set([
+  "href",
+  "hrefLang",
+  "target",
+  "rel",
+  "download",
+  "ping",
+  "referrerPolicy"
+]), ct = /^(data-.*)$/;
+function st(e, t = {}) {
+  let { labelable: n, isLink: r, propNames: o } = t, a = {};
+  for (const i in e)
+    Object.prototype.hasOwnProperty.call(e, i) && (lt.has(i) || n && dt.has(i) || r && ut.has(i) || o != null && o.has(i) || ct.test(i)) && (a[i] = e[i]);
+  return a;
+}
+function he(e) {
+  if (ft())
+    e.focus({
+      preventScroll: !0
+    });
+  else {
+    let t = vt(e);
+    e.focus(), bt(t);
+  }
+}
+let R = null;
+function ft() {
+  if (R == null) {
+    R = !1;
+    try {
+      document.createElement("div").focus({
+        get preventScroll() {
+          return R = !0, !0;
+        }
+      });
+    } catch {
+    }
+  }
+  return R;
+}
+function vt(e) {
+  let t = e.parentNode, n = [], r = document.scrollingElement || document.documentElement;
+  for (; t instanceof HTMLElement && t !== r; )
+    (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && n.push({
+      element: t,
+      scrollTop: t.scrollTop,
+      scrollLeft: t.scrollLeft
+    }), t = t.parentNode;
+  return r instanceof HTMLElement && n.push({
+    element: r,
+    scrollTop: r.scrollTop,
+    scrollLeft: r.scrollLeft
+  }), n;
+}
+function bt(e) {
+  for (let { element: t, scrollTop: n, scrollLeft: r } of e)
+    t.scrollTop = n, t.scrollLeft = r;
+}
+function mt(e) {
+  var t;
+  return typeof window > "u" || window.navigator == null ? !1 : ((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands.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 Ne() {
+  return ce(/^Mac/i);
+}
+function pt() {
+  return ce(/^iPhone/i);
+}
+function $t() {
+  return ce(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  Ne() && navigator.maxTouchPoints > 1;
+}
+function ht() {
+  return pt() || $t();
+}
+function gt() {
+  return mt(/Android/i);
+}
+let _ = /* @__PURE__ */ new Map(), ae = /* @__PURE__ */ new Set();
+function ge() {
+  if (typeof window > "u")
+    return;
+  function e(r) {
+    return "propertyName" in r;
+  }
+  let t = (r) => {
+    if (!e(r) || !r.target)
+      return;
+    let o = _.get(r.target);
+    o || (o = /* @__PURE__ */ new Set(), _.set(r.target, o), r.target.addEventListener("transitioncancel", n, {
+      once: !0
+    })), o.add(r.propertyName);
+  }, n = (r) => {
+    if (!e(r) || !r.target)
+      return;
+    let o = _.get(r.target);
+    if (o && (o.delete(r.propertyName), o.size === 0 && (r.target.removeEventListener("transitioncancel", n), _.delete(r.target)), _.size === 0)) {
+      for (let a of ae)
+        a();
+      ae.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", n);
+}
+typeof document < "u" && (document.readyState !== "loading" ? ge() : document.addEventListener("DOMContentLoaded", ge));
+function Et(e) {
+  requestAnimationFrame(() => {
+    _.size === 0 ? e() : ae.add(e);
+  });
+}
+function Ee(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 Pe(e, t) {
+  let n = e;
+  for (Ee(n, t) && (n = n.parentElement); n && !Ee(n, t); )
+    n = n.parentElement;
+  return n || document.scrollingElement || document.documentElement;
+}
+function wt(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : gt() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+}
+class yt {
+  isDefaultPrevented() {
+    return this.nativeEvent.defaultPrevented;
+  }
+  preventDefault() {
+    this.defaultPrevented = !0, this.nativeEvent.preventDefault();
+  }
+  stopPropagation() {
+    this.nativeEvent.stopPropagation(), this.isPropagationStopped = () => !0;
+  }
+  isPropagationStopped() {
+    return !1;
+  }
+  persist() {
+  }
+  constructor(t, n) {
+    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 Tt(e) {
+  let t = w({
+    isFocused: !1,
+    observer: null
+  });
+  h(() => {
+    const r = t.current;
+    return () => {
+      r.observer && (r.observer.disconnect(), r.observer = null);
+    };
+  }, []);
+  let n = B((r) => {
+    e == null || e(r);
+  });
+  return O((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, a = (i) => {
+        t.current.isFocused = !1, o.disabled && n(new yt("blur", i)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
+      };
+      o.addEventListener("focusout", a, {
+        once: !0
+      }), t.current.observer = new MutationObserver(() => {
+        if (t.current.isFocused && o.disabled) {
+          var i;
+          (i = t.current.observer) === null || i === void 0 || i.disconnect();
+          let l = o === document.activeElement ? null : document.activeElement;
+          o.dispatchEvent(new FocusEvent("blur", {
+            relatedTarget: l
+          })), o.dispatchEvent(new FocusEvent("focusout", {
+            bubbles: !0,
+            relatedTarget: l
+          }));
+        }
+      }), t.current.observer.observe(o, {
+        attributes: !0,
+        attributeFilter: [
+          "disabled"
+        ]
+      });
+    }
+  }, [
+    n
+  ]);
+}
+let H = null, xt = /* @__PURE__ */ new Set(), I = /* @__PURE__ */ new Map(), M = !1, le = !1;
+function se(e, t) {
+  for (let n of xt)
+    n(e, t);
+}
+function St(e) {
+  return !(e.metaKey || !Ne() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+}
+function G(e) {
+  M = !0, St(e) && (H = "keyboard", se("keyboard", e));
+}
+function T(e) {
+  H = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (M = !0, se("pointer", e));
+}
+function Ce(e) {
+  wt(e) && (M = !0, H = "virtual");
+}
+function De(e) {
+  e.target === window || e.target === document || (!M && !le && (H = "virtual", se("virtual", e)), M = !1, le = !1);
+}
+function Me() {
+  M = !1, le = !0;
+}
+function we(e) {
+  if (typeof window > "u" || I.get(U(e)))
+    return;
+  const t = U(e), n = g(e);
+  let r = t.HTMLElement.prototype.focus;
+  t.HTMLElement.prototype.focus = function() {
+    M = !0, r.apply(this, arguments);
+  }, n.addEventListener("keydown", G, !0), n.addEventListener("keyup", G, !0), n.addEventListener("click", Ce, !0), t.addEventListener("focus", De, !0), t.addEventListener("blur", Me, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", T, !0), n.addEventListener("pointermove", T, !0), n.addEventListener("pointerup", T, !0)) : (n.addEventListener("mousedown", T, !0), n.addEventListener("mousemove", T, !0), n.addEventListener("mouseup", T, !0)), t.addEventListener("beforeunload", () => {
+    Fe(e);
+  }, {
+    once: !0
+  }), I.set(t, {
+    focus: r
+  });
+}
+const Fe = (e, t) => {
+  const n = U(e), r = g(e);
+  t && r.removeEventListener("DOMContentLoaded", t), I.has(n) && (n.HTMLElement.prototype.focus = I.get(n).focus, r.removeEventListener("keydown", G, !0), r.removeEventListener("keyup", G, !0), r.removeEventListener("click", Ce, !0), n.removeEventListener("focus", De, !0), n.removeEventListener("blur", Me, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", T, !0), r.removeEventListener("pointermove", T, !0), r.removeEventListener("pointerup", T, !0)) : (r.removeEventListener("mousedown", T, !0), r.removeEventListener("mousemove", T, !0), r.removeEventListener("mouseup", T, !0)), I.delete(n));
+};
+function Lt(e) {
+  const t = g(e);
+  let n;
+  return t.readyState !== "loading" ? we(e) : (n = () => {
+    we(e);
+  }, t.addEventListener("DOMContentLoaded", n)), () => Fe(e, n);
+}
+typeof document < "u" && Lt();
+function Nt() {
+  return H;
+}
+function Pt(e) {
+  let { isDisabled: t, onBlurWithin: n, onFocusWithin: r, onFocusWithinChange: o } = e, a = w({
+    isFocusWithin: !1
+  }), i = O((u) => {
+    a.current.isFocusWithin && !u.currentTarget.contains(u.relatedTarget) && (a.current.isFocusWithin = !1, n && n(u), o && o(!1));
+  }, [
+    n,
+    o,
+    a
+  ]), l = Tt(i), c = O((u) => {
+    !a.current.isFocusWithin && document.activeElement === u.target && (r && r(u), o && o(!0), a.current.isFocusWithin = !0, l(u));
+  }, [
+    r,
+    o,
+    l
+  ]);
+  return t ? {
+    focusWithinProps: {
+      // These should not have been null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  } : {
+    focusWithinProps: {
+      onFocus: c,
+      onBlur: i
+    }
+  };
+}
+function Ct(e) {
+  let { ref: t, onInteractOutside: n, isDisabled: r, onInteractOutsideStart: o } = e, a = w({
+    isPointerDown: !1,
+    ignoreEmulatedMouseEvents: !1
+  }), i = B((c) => {
+    n && V(c, t) && (o && o(c), a.current.isPointerDown = !0);
+  }), l = B((c) => {
+    n && n(c);
+  });
+  F(() => {
+    let c = a.current;
+    if (r)
+      return;
+    const u = t.current, d = g(u);
+    if (typeof PointerEvent < "u") {
+      let f = (b) => {
+        c.isPointerDown && V(b, t) && l(b), c.isPointerDown = !1;
+      };
+      return d.addEventListener("pointerdown", i, !0), d.addEventListener("pointerup", f, !0), () => {
+        d.removeEventListener("pointerdown", i, !0), d.removeEventListener("pointerup", f, !0);
+      };
+    } else {
+      let f = (v) => {
+        c.ignoreEmulatedMouseEvents ? c.ignoreEmulatedMouseEvents = !1 : c.isPointerDown && V(v, t) && l(v), c.isPointerDown = !1;
+      }, b = (v) => {
+        c.ignoreEmulatedMouseEvents = !0, c.isPointerDown && V(v, t) && l(v), c.isPointerDown = !1;
+      };
+      return d.addEventListener("mousedown", i, !0), d.addEventListener("mouseup", f, !0), d.addEventListener("touchstart", i, !0), d.addEventListener("touchend", b, !0), () => {
+        d.removeEventListener("mousedown", i, !0), d.removeEventListener("mouseup", f, !0), d.removeEventListener("touchstart", i, !0), d.removeEventListener("touchend", b, !0);
+      };
+    }
+  }, [
+    t,
+    r,
+    i,
+    l
+  ]);
+}
+function V(e, t) {
+  if (e.button > 0)
+    return !1;
+  if (e.target) {
+    const n = e.target.ownerDocument;
+    if (!n || !n.documentElement.contains(e.target) || e.target.closest("[data-react-aria-top-layer]"))
+      return !1;
+  }
+  return t.current && !t.current.contains(e.target);
+}
+function de(e) {
+  const t = g(e);
+  if (Nt() === "virtual") {
+    let n = t.activeElement;
+    Et(() => {
+      t.activeElement === n && e.isConnected && he(e);
+    });
+  } else
+    he(e);
+}
+function Dt(e) {
+  const t = U(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: a } = e.ownerDocument.defaultView;
+    let { display: i, visibility: l } = a(e);
+    o = i !== "none" && l !== "hidden" && l !== "collapse";
+  }
+  return o;
+}
+function Mt(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 _e(e, t) {
+  return e.nodeName !== "#comment" && Dt(e) && Mt(e, t) && (!e.parentElement || _e(e.parentElement, e));
+}
+const ye = /* @__PURE__ */ p.createContext(null);
+let m = null;
+function Ft(e) {
+  let { children: t, contain: n, restoreFocus: r, autoFocus: o } = e, a = w(null), i = w(null), l = w([]), { parentNode: c } = P(ye) || {}, u = z(() => new ue({
+    scopeRef: l
+  }), [
+    l
+  ]);
+  h(() => {
+    let b = c || $.root;
+    if ($.getTreeNode(b.scopeRef) && m && !Y(m, b.scopeRef)) {
+      let v = $.getTreeNode(m);
+      v && (b = v);
+    }
+    b.addChild(u), $.addNode(u);
+  }, [
+    u,
+    c
+  ]), h(() => {
+    let b = $.getTreeNode(l);
+    b && (b.contain = !!n);
+  }, [
+    n
+  ]), h(() => {
+    var b;
+    let v = (b = a.current) === null || b === void 0 ? void 0 : b.nextSibling, s = [];
+    for (; v && v !== i.current; )
+      s.push(v), v = v.nextSibling;
+    l.current = s;
+  }, [
+    t
+  ]), Bt(l, r, n), At(l, n), Kt(l, r, n), It(l, o), F(() => {
+    const b = g(l.current ? l.current[0] : void 0).activeElement;
+    let v = null;
+    if (E(b, l.current)) {
+      for (let s of $.traverse())
+        s.scopeRef && E(b, s.scopeRef.current) && (v = s);
+      v === $.getTreeNode(l) && (m = v.scopeRef);
+    }
+  }, [
+    l
+  ]), h(() => () => {
+    var b, v, s;
+    let C = (s = (v = $.getTreeNode(l)) === null || v === void 0 || (b = v.parent) === null || b === void 0 ? void 0 : b.scopeRef) !== null && s !== void 0 ? s : null;
+    (l === m || Y(l, m)) && (!C || $.getTreeNode(C)) && (m = C), $.removeTreeNode(l);
+  }, [
+    l
+  ]);
+  let d = z(() => _t(l), []), f = z(() => ({
+    focusManager: d,
+    parentNode: u
+  }), [
+    u,
+    d
+  ]);
+  return /* @__PURE__ */ p.createElement(ye.Provider, {
+    value: f
+  }, /* @__PURE__ */ p.createElement("span", {
+    "data-focus-scope-start": !0,
+    hidden: !0,
+    ref: a
+  }), t, /* @__PURE__ */ p.createElement("span", {
+    "data-focus-scope-end": !0,
+    hidden: !0,
+    ref: i
+  }));
+}
+function _t(e) {
+  return {
+    focusNext(t = {}) {
+      let n = e.current, { from: r, tabbable: o, wrap: a, accept: i } = t, l = r || g(n[0]).activeElement, c = n[0].previousElementSibling, u = D(n), d = N(u, {
+        tabbable: o,
+        accept: i
+      }, n);
+      d.currentNode = E(l, n) ? l : c;
+      let f = d.nextNode();
+      return !f && a && (d.currentNode = c, f = d.nextNode()), f && L(f, !0), f;
+    },
+    focusPrevious(t = {}) {
+      let n = e.current, { from: r, tabbable: o, wrap: a, accept: i } = t, l = r || g(n[0]).activeElement, c = n[n.length - 1].nextElementSibling, u = D(n), d = N(u, {
+        tabbable: o,
+        accept: i
+      }, n);
+      d.currentNode = E(l, n) ? l : c;
+      let f = d.previousNode();
+      return !f && a && (d.currentNode = c, f = d.previousNode()), f && L(f, !0), f;
+    },
+    focusFirst(t = {}) {
+      let n = e.current, { tabbable: r, accept: o } = t, a = D(n), i = N(a, {
+        tabbable: r,
+        accept: o
+      }, n);
+      i.currentNode = n[0].previousElementSibling;
+      let l = i.nextNode();
+      return l && L(l, !0), l;
+    },
+    focusLast(t = {}) {
+      let n = e.current, { tabbable: r, accept: o } = t, a = D(n), i = N(a, {
+        tabbable: r,
+        accept: o
+      }, n);
+      i.currentNode = n[n.length - 1].nextElementSibling;
+      let l = i.previousNode();
+      return l && L(l, !0), l;
+    }
+  };
+}
+const fe = [
+  "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]"
+], kt = fe.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
+fe.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
+const Ot = fe.join(':not([hidden]):not([tabindex="-1"]),');
+function D(e) {
+  return e[0].parentElement;
+}
+function W(e) {
+  let t = $.getTreeNode(m);
+  for (; t && t.scopeRef !== e; ) {
+    if (t.contain)
+      return !1;
+    t = t.parent;
+  }
+  return !0;
+}
+function At(e, t) {
+  let n = w(), r = w();
+  h(() => {
+    let o = e.current;
+    if (!t) {
+      r.current && (cancelAnimationFrame(r.current), r.current = void 0);
+      return;
+    }
+    const a = g(o ? o[0] : void 0);
+    let i = (u) => {
+      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !W(e) || u.isComposing)
+        return;
+      let d = a.activeElement, f = e.current;
+      if (!f || !E(d, f))
+        return;
+      let b = D(f), v = N(b, {
+        tabbable: !0
+      }, f);
+      if (!d)
+        return;
+      v.currentNode = d;
+      let s = u.shiftKey ? v.previousNode() : v.nextNode();
+      s || (v.currentNode = u.shiftKey ? f[f.length - 1].nextElementSibling : f[0].previousElementSibling, s = u.shiftKey ? v.previousNode() : v.nextNode()), u.preventDefault(), s && L(s, !0);
+    }, l = (u) => {
+      (!m || Y(m, e)) && E(u.target, e.current) ? (m = e, n.current = u.target) : W(e) && !X(u.target, e) ? n.current ? n.current.focus() : m && m.current && J(m.current) : W(e) && (n.current = u.target);
+    }, c = (u) => {
+      r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
+        if (a.activeElement && W(e) && !X(a.activeElement, e))
+          if (m = e, a.body.contains(u.target)) {
+            var d;
+            n.current = u.target, (d = n.current) === null || d === void 0 || d.focus();
+          } else
+            m.current && J(m.current);
+      });
+    };
+    return a.addEventListener("keydown", i, !1), a.addEventListener("focusin", l, !1), o == null || o.forEach((u) => u.addEventListener("focusin", l, !1)), o == null || o.forEach((u) => u.addEventListener("focusout", c, !1)), () => {
+      a.removeEventListener("keydown", i, !1), a.removeEventListener("focusin", l, !1), o == null || o.forEach((u) => u.removeEventListener("focusin", l, !1)), o == null || o.forEach((u) => u.removeEventListener("focusout", c, !1));
+    };
+  }, [
+    e,
+    t
+  ]), h(() => () => {
+    r.current && cancelAnimationFrame(r.current);
+  }, [
+    r
+  ]);
+}
+function ke(e) {
+  return X(e);
+}
+function E(e, t) {
+  return !e || !t ? !1 : t.some((n) => n.contains(e));
+}
+function X(e, t = null) {
+  if (e instanceof Element && e.closest("[data-react-aria-top-layer]"))
+    return !0;
+  for (let { scopeRef: n } of $.traverse($.getTreeNode(t)))
+    if (n && E(e, n.current))
+      return !0;
+  return !1;
+}
+function Wt(e) {
+  return X(e, m);
+}
+function Y(e, t) {
+  var n;
+  let r = (n = $.getTreeNode(t)) === null || n === void 0 ? void 0 : n.parent;
+  for (; r; ) {
+    if (r.scopeRef === e)
+      return !0;
+    r = r.parent;
+  }
+  return !1;
+}
+function L(e, t = !1) {
+  if (e != null && !t)
+    try {
+      de(e);
+    } catch {
+    }
+  else if (e != null)
+    try {
+      e.focus();
+    } catch {
+    }
+}
+function J(e, t = !0) {
+  let n = e[0].previousElementSibling, r = D(e), o = N(r, {
+    tabbable: t
+  }, e);
+  o.currentNode = n;
+  let a = o.nextNode();
+  t && !a && (r = D(e), o = N(r, {
+    tabbable: !1
+  }, e), o.currentNode = n, a = o.nextNode()), L(a);
+}
+function It(e, t) {
+  const n = p.useRef(t);
+  F(() => {
+    if (n.current) {
+      m = e;
+      const r = g(e.current ? e.current[0] : void 0);
+      !E(r.activeElement, m.current) && e.current && J(e.current);
+    }
+    n.current = !1;
+  }, [
+    e
+  ]);
+}
+function Bt(e, t, n) {
+  h(() => {
+    if (t || n)
+      return;
+    let r = e.current;
+    const o = g(r ? r[0] : void 0);
+    let a = (i) => {
+      let l = i.target;
+      E(l, e.current) ? m = e : ke(l) || (m = null);
+    };
+    return o.addEventListener("focusin", a, !1), r == null || r.forEach((i) => i.addEventListener("focusin", a, !1)), () => {
+      o.removeEventListener("focusin", a, !1), r == null || r.forEach((i) => i.removeEventListener("focusin", a, !1));
+    };
+  }, [
+    e,
+    t,
+    n
+  ]);
+}
+function Ht(e) {
+  let t = $.getTreeNode(m);
+  for (; t && t.scopeRef !== e; ) {
+    if (t.nodeToRestore)
+      return !1;
+    t = t.parent;
+  }
+  return (t == null ? void 0 : t.scopeRef) === e;
+}
+function Kt(e, t, n) {
+  const r = w(typeof document < "u" ? g(e.current ? e.current[0] : void 0).activeElement : null);
+  h(() => {
+    let o = e.current;
+    const a = g(o ? o[0] : void 0);
+    if (!t || n)
+      return;
+    let i = () => {
+      (!m || Y(m, e)) && E(a.activeElement, e.current) && (m = e);
+    };
+    return a.addEventListener("focusin", i, !1), o == null || o.forEach((l) => l.addEventListener("focusin", i, !1)), () => {
+      a.removeEventListener("focusin", i, !1), o == null || o.forEach((l) => l.removeEventListener("focusin", i, !1));
+    };
+  }, [
+    e,
+    n
+  ]), h(() => {
+    const o = g(e.current ? e.current[0] : void 0);
+    if (!t)
+      return;
+    let a = (i) => {
+      if (i.key !== "Tab" || i.altKey || i.ctrlKey || i.metaKey || !W(e) || i.isComposing)
+        return;
+      let l = o.activeElement;
+      if (!E(l, e.current))
+        return;
+      let c = $.getTreeNode(e);
+      if (!c)
+        return;
+      let u = c.nodeToRestore, d = N(o.body, {
+        tabbable: !0
+      });
+      d.currentNode = l;
+      let f = i.shiftKey ? d.previousNode() : d.nextNode();
+      if ((!u || !o.body.contains(u) || u === o.body) && (u = void 0, c.nodeToRestore = void 0), (!f || !E(f, e.current)) && u) {
+        d.currentNode = u;
+        do
+          f = i.shiftKey ? d.previousNode() : d.nextNode();
+        while (E(f, e.current));
+        i.preventDefault(), i.stopPropagation(), f ? L(f, !0) : ke(u) ? L(u, !0) : l.blur();
+      }
+    };
+    return n || o.addEventListener("keydown", a, !0), () => {
+      n || o.removeEventListener("keydown", a, !0);
+    };
+  }, [
+    e,
+    t,
+    n
+  ]), h(() => {
+    const o = g(e.current ? e.current[0] : void 0);
+    if (!t)
+      return;
+    let a = $.getTreeNode(e);
+    if (a) {
+      var i;
+      return a.nodeToRestore = (i = r.current) !== null && i !== void 0 ? i : void 0, () => {
+        let l = $.getTreeNode(e);
+        if (!l)
+          return;
+        let c = l.nodeToRestore;
+        if (t && c && // eslint-disable-next-line react-hooks/exhaustive-deps
+        (E(o.activeElement, e.current) || o.activeElement === o.body && Ht(e))) {
+          let u = $.clone();
+          requestAnimationFrame(() => {
+            if (o.activeElement === o.body) {
+              let d = u.getTreeNode(e);
+              for (; d; ) {
+                if (d.nodeToRestore && d.nodeToRestore.isConnected) {
+                  L(d.nodeToRestore);
+                  return;
+                }
+                d = d.parent;
+              }
+              for (d = u.getTreeNode(e); d; ) {
+                if (d.scopeRef && d.scopeRef.current && $.getTreeNode(d.scopeRef)) {
+                  J(d.scopeRef.current, !0);
+                  return;
+                }
+                d = d.parent;
+              }
+            }
+          });
+        }
+      };
+    }
+  }, [
+    e,
+    t
+  ]);
+}
+function N(e, t, n) {
+  let r = t != null && t.tabbable ? Ot : kt, o = g(e).createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode(a) {
+      var i;
+      return !(t == null || (i = t.from) === null || i === void 0) && i.contains(a) ? NodeFilter.FILTER_REJECT : a.matches(r) && _e(a) && (!n || E(a, n)) && (!(t != null && t.accept) || t.accept(a)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  return t != null && t.from && (o.currentNode = t.from), o;
+}
+class ve {
+  get size() {
+    return this.fastMap.size;
+  }
+  getTreeNode(t) {
+    return this.fastMap.get(t);
+  }
+  addTreeNode(t, n, r) {
+    let o = this.fastMap.get(n ?? null);
+    if (!o)
+      return;
+    let a = new ue({
+      scopeRef: t
+    });
+    o.addChild(a), a.parent = o, this.fastMap.set(t, a), r && (a.nodeToRestore = r);
+  }
+  addNode(t) {
+    this.fastMap.set(t.scopeRef, t);
+  }
+  removeTreeNode(t) {
+    if (t === null)
+      return;
+    let n = this.fastMap.get(t);
+    if (!n)
+      return;
+    let r = n.parent;
+    for (let a of this.traverse())
+      a !== n && n.nodeToRestore && a.nodeToRestore && n.scopeRef && n.scopeRef.current && E(a.nodeToRestore, n.scopeRef.current) && (a.nodeToRestore = n.nodeToRestore);
+    let o = n.children;
+    r && (r.removeChild(n), o.size > 0 && o.forEach((a) => r && r.addChild(a))), 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)
+        yield* this.traverse(n);
+  }
+  clone() {
+    var t;
+    let n = new ve();
+    var r;
+    for (let o of this.traverse())
+      n.addTreeNode(o.scopeRef, (r = (t = o.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && r !== void 0 ? r : null, o.nodeToRestore);
+    return n;
+  }
+  constructor() {
+    this.fastMap = /* @__PURE__ */ new Map(), this.root = new ue({
+      scopeRef: null
+    }), this.fastMap.set(null, this.root);
+  }
+}
+class ue {
+  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 $ = new ve();
+const S = [];
+function Rt(e, t) {
+  let { onClose: n, shouldCloseOnBlur: r, isOpen: o, isDismissable: a = !1, isKeyboardDismissDisabled: i = !1, shouldCloseOnInteractOutside: l } = e;
+  F(() => (o && S.push(t), () => {
+    let s = S.indexOf(t);
+    s >= 0 && S.splice(s, 1);
+  }), [
+    o,
+    t
+  ]);
+  let c = () => {
+    S[S.length - 1] === t && n && n();
+  }, u = (s) => {
+    (!l || l(s.target)) && S[S.length - 1] === t && (s.stopPropagation(), s.preventDefault());
+  }, d = (s) => {
+    (!l || l(s.target)) && (S[S.length - 1] === t && (s.stopPropagation(), s.preventDefault()), c());
+  }, f = (s) => {
+    s.key === "Escape" && !i && !s.nativeEvent.isComposing && (s.stopPropagation(), s.preventDefault(), c());
+  };
+  Ct({
+    ref: t,
+    onInteractOutside: a && o ? d : null,
+    onInteractOutsideStart: u
+  });
+  let { focusWithinProps: b } = Pt({
+    isDisabled: !r,
+    onBlurWithin: (s) => {
+      !s.relatedTarget || Wt(s.relatedTarget) || (!l || l(s.relatedTarget)) && n();
+    }
+  }), v = (s) => {
+    s.target === s.currentTarget && s.preventDefault();
+  };
+  return {
+    overlayProps: {
+      onKeyDown: f,
+      ...b
+    },
+    underlayProps: {
+      onPointerDown: v
+    }
+  };
+}
+const re = typeof document < "u" && window.visualViewport, Vt = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+let j = 0, oe;
+function jt(e = {}) {
+  let { isDisabled: t } = e;
+  h(() => {
+    if (!t)
+      return j++, j === 1 && (ht() ? oe = qt() : oe = zt()), () => {
+        j--, j === 0 && oe();
+      };
+  }, [
+    t
+  ]);
+}
+function zt() {
+  return ie(k(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), k(document.documentElement, "overflow", "hidden"));
+}
+function qt() {
+  let e, t, n = (u) => {
+    e = Pe(u.target, !0), !(e === document.documentElement && e === document.body) && e instanceof HTMLElement && window.getComputedStyle(e).overscrollBehavior === "auto" && (t = k(e, "overscrollBehavior", "contain"));
+  }, r = (u) => {
+    if (!e || e === document.documentElement || e === document.body) {
+      u.preventDefault();
+      return;
+    }
+    e.scrollHeight === e.clientHeight && e.scrollWidth === e.clientWidth && u.preventDefault();
+  }, o = (u) => {
+    let d = u.target;
+    xe(d) && d !== document.activeElement && (u.preventDefault(), l(), d.style.transform = "translateY(-2000px)", d.focus(), requestAnimationFrame(() => {
+      d.style.transform = "";
+    })), t && t();
+  }, a = (u) => {
+    let d = u.target;
+    xe(d) && (l(), d.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
+      d.style.transform = "", re && (re.height < window.innerHeight ? requestAnimationFrame(() => {
+        Te(d);
+      }) : re.addEventListener("resize", () => Te(d), {
+        once: !0
+      }));
+    }));
+  }, i = null, l = () => {
+    if (i)
+      return;
+    let u = () => {
+      window.scrollTo(0, 0);
+    }, d = window.pageXOffset, f = window.pageYOffset;
+    i = ie(A(window, "scroll", u), k(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), k(document.documentElement, "overflow", "hidden"), k(document.body, "marginTop", `-${f}px`), () => {
+      window.scrollTo(d, f);
+    }), window.scrollTo(0, 0);
+  }, c = ie(A(document, "touchstart", n, {
+    passive: !1,
+    capture: !0
+  }), A(document, "touchmove", r, {
+    passive: !1,
+    capture: !0
+  }), A(document, "touchend", o, {
+    passive: !1,
+    capture: !0
+  }), A(document, "focus", a, !0));
+  return () => {
+    t == null || t(), i == null || i(), c();
+  };
+}
+function k(e, t, n) {
+  let r = e.style[t];
+  return e.style[t] = n, () => {
+    e.style[t] = r;
+  };
+}
+function A(e, t, n, r) {
+  return e.addEventListener(t, n, r), () => {
+    e.removeEventListener(t, n, r);
+  };
+}
+function Te(e) {
+  let t = document.scrollingElement || document.documentElement;
+  for (; e && e !== t; ) {
+    let n = Pe(e);
+    if (n !== document.documentElement && n !== document.body && n !== e) {
+      let r = n.getBoundingClientRect().top, o = e.getBoundingClientRect().top;
+      o > r + e.clientHeight && (n.scrollTop += o - r);
+    }
+    e = n.parentElement;
+  }
+}
+function xe(e) {
+  return e instanceof HTMLInputElement && !Vt.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
+}
+const Q = /* @__PURE__ */ p.createContext(null);
+function Ut(e) {
+  let { children: t } = e, n = P(Q), [r, o] = Z(0), a = z(() => ({
+    parent: n,
+    modalCount: r,
+    addModal() {
+      o((i) => i + 1), n && n.addModal();
+    },
+    removeModal() {
+      o((i) => i - 1), n && n.removeModal();
+    }
+  }), [
+    n,
+    r
+  ]);
+  return /* @__PURE__ */ p.createElement(Q.Provider, {
+    value: a
+  }, t);
+}
+function Gt() {
+  let e = P(Q);
+  return {
+    modalProviderProps: {
+      "aria-hidden": e && e.modalCount > 0 ? !0 : null
+    }
+  };
+}
+function Xt(e) {
+  let { modalProviderProps: t } = Gt();
+  return /* @__PURE__ */ p.createElement("div", {
+    "data-overlay-container": !0,
+    ...e,
+    ...t
+  });
+}
+function Yt(e) {
+  return /* @__PURE__ */ p.createElement(Ut, null, /* @__PURE__ */ p.createElement(Xt, e));
+}
+function Jt(e) {
+  let t = Le(), { portalContainer: n = t ? null : document.body, ...r } = e;
+  if (p.useEffect(() => {
+    if (n != null && n.closest("[data-overlay-container]"))
+      throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
+  }, [
+    n
+  ]), !n)
+    return null;
+  let o = /* @__PURE__ */ p.createElement(Yt, r);
+  return /* @__PURE__ */ je.createPortal(o, n);
+}
+function Qt(e) {
+  let t = P(Q);
+  if (!t)
+    throw new Error("Modal is not contained within a provider");
+  return F(() => {
+    if (!(e != null && e.isDisabled || !t || !t.parent))
+      return t.parent.addModal(), () => {
+        t && t.parent && t.parent.removeModal();
+      };
+  }, [
+    t,
+    t.parent,
+    e == null ? void 0 : e.isDisabled
+  ]), {
+    modalProps: {
+      "data-ismodal": !(e != null && e.isDisabled)
+    }
+  };
+}
+const Zt = /* @__PURE__ */ p.createContext(null);
+function en() {
+  let e = P(Zt), t = e == null ? void 0 : e.setContain;
+  h(() => {
+    t == null || t(!0);
+  }, [
+    t
+  ]);
+}
+function tn(e, t) {
+  let { role: n = "dialog" } = e, r = at();
+  r = e["aria-label"] ? void 0 : r;
+  let o = w(!1);
+  return F(() => {
+    if (t.current && !t.current.contains(document.activeElement)) {
+      de(t.current);
+      let a = setTimeout(() => {
+        document.activeElement === t.current && (o.current = !0, t.current && (t.current.blur(), de(t.current)), o.current = !1);
+      }, 500);
+      return () => {
+        clearTimeout(a);
+      };
+    }
+  }, [
+    t
+  ]), en(), {
+    dialogProps: {
+      ...st(e, {
+        labelable: !0
+      }),
+      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: (a) => {
+        o.current && a.stopPropagation();
+      }
+    },
+    titleProps: {
+      id: r
+    }
+  };
+}
+const y = {
+  "modal-dialog": "_modal-dialog_14t7m_1",
+  "modal-dialog--padded": "_modal-dialog--padded_14t7m_18",
+  "modal-dialog__content": "_modal-dialog__content_14t7m_22",
+  "modal-dialog__children": "_modal-dialog__children_14t7m_32",
+  "modal-dialog__title": "_modal-dialog__title_14t7m_36",
+  "modal-dialog--confirm": "_modal-dialog--confirm_14t7m_43",
+  "modal-dialog__buttons": "_modal-dialog__buttons_14t7m_47",
+  "modal-dialog--buttons-border": "_modal-dialog--buttons-border_14t7m_60",
+  "modal-dialog__close": "_modal-dialog__close_14t7m_64",
+  "modal-dialog--slim": "_modal-dialog--slim_14t7m_82",
+  "modal-dialog--wide": "_modal-dialog--wide_14t7m_86",
+  "modal-dialog--content-with-buttons": "_modal-dialog--content-with-buttons_14t7m_100"
+};
+function cn(e) {
+  const {
+    buttons: t,
+    children: n,
+    isDismissable: r = !0,
+    isKeyboardDismissDisabled: o = !r,
+    isLoading: a,
+    spinnerAriaValueText: i = "Loading",
+    closeButtonAriaValueText: l = "Close",
+    isOpen: c,
+    noValidate: u = !1,
+    onClose: d,
+    onSubmit: f,
+    role: b = "dialog",
+    title: v,
+    headerContent: s,
+    variant: C = "dialog",
+    padded: be,
+    slim: Oe,
+    wide: Ae,
+    noButtonBorder: me = !1
+  } = e, ee = w(null), { dialogProps: We, titleProps: Ie } = tn({ role: b }, ee), { modalProps: Be } = Qt({ isDisabled: !c }), { overlayProps: He, underlayProps: Ke } = Rt(
+    { isDismissable: r, isKeyboardDismissDisabled: o, isOpen: c, onClose: d },
+    ee
+  );
+  jt({ isDisabled: !c });
+  function Re(Ve) {
+    Ve.stopPropagation();
+  }
+  return c ? /* @__PURE__ */ x(Jt, { children: /* @__PURE__ */ x(ze, { ...Ke, children: a ? /* @__PURE__ */ x(Ue, { ariaValueText: i }) : /* @__PURE__ */ x(pe, { children: /* @__PURE__ */ x(Ft, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ te(
+    "div",
+    {
+      ...We,
+      ...Be,
+      ...He,
+      className: K(y["modal-dialog"], {
+        [y["modal-dialog--confirm"]]: C === "confirm",
+        [y["modal-dialog--padded"]]: be,
+        [y["modal-dialog--slim"]]: Oe,
+        [y["modal-dialog--wide"]]: Ae
+      }),
+      onKeyUp: Re,
+      role: "presentation",
+      ref: ee,
+      children: [
+        (v || s) && C === "dialog" && /* @__PURE__ */ te(pe, { children: [
+          v && /* @__PURE__ */ x("h1", { ...Ie, className: y["modal-dialog__title"], children: v }),
+          s,
+          C === "dialog" && /* @__PURE__ */ x("span", { className: y["modal-dialog__close"], children: /* @__PURE__ */ x(
+            qe,
+            {
+              "aria-label": l,
+              onClick: d,
+              paddedModal: be
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ te(
+          "form",
+          {
+            className: K(y["modal-dialog__content"], {
+              [y["modal-dialog--content-with-buttons"]]: t
+            }),
+            onSubmit: f,
+            noValidate: u,
+            children: [
+              /* @__PURE__ */ x("div", { className: K({ [y["modal-dialog__children"]]: !me }), children: n }),
+              t && /* @__PURE__ */ x(
+                "div",
+                {
+                  className: K(y["modal-dialog__buttons"], {
+                    [y["modal-dialog--buttons-border"]]: !me
+                  }),
+                  children: t
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) }) }) }) }) : null;
+}
+export {
+  Ut as $,
+  cn as M
+};
+//# sourceMappingURL=ModalDialog-yEr_JLht.js.map