@konstructio/ui 0.0.2

package/dist/Modal-CO0_SnXD.js

@@ -0,0 +1,909 @@
+import { jsx as D, jsxs as J } from "react/jsx-runtime";
+import { r as Tr } from "./index-2hJuj4UN.js";
+import { Body as Ar } from "./components/Modal/components/Body/Body.js";
+import { Footer as Cr } from "./components/Modal/components/Footer/Footer.js";
+import { Header as Rr } from "./components/Modal/components/Header/Header.js";
+import * as v from "react";
+import Dr, { createContext as kr, PureComponent as _r, Children as V, isValidElement as $ } from "react";
+import { P as ke, p as l } from "./index-DQMInta3.js";
+import { c as ie, a as Mr, u as Lr, R as Wr } from "./Combination-Cmu9JRkv.js";
+import { X as Br, R as Ur } from "./index-4qm4jAkj.js";
+import "./contexts/theme.context.js";
+import { useTheme as Gr } from "./contexts/theme.hook.js";
+import "./js.cookie-OLEfuq_g.js";
+import { useModal as _e } from "./components/Modal/hooks/useModal.js";
+import { modalVariants as Hr, buttonCloseVariants as jr } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
+function Vr(e, r) {
+  if (e == null) return {};
+  var n = {};
+  for (var t in e) if ({}.hasOwnProperty.call(e, t)) {
+    if (r.includes(t)) continue;
+    n[t] = e[t];
+  }
+  return n;
+}
+function W() {
+  return W = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var n = arguments[r];
+      for (var t in n) ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+    }
+    return e;
+  }, W.apply(null, arguments);
+}
+var ne = "data-focus-lock", Me = "data-focus-lock-disabled", $r = "data-no-focus-lock", qr = "data-autofocus-inside", Kr = "data-no-autofocus", Q = {
+  width: "1px",
+  height: "0px",
+  padding: 0,
+  overflow: "hidden",
+  position: "fixed",
+  top: "1px",
+  left: "1px"
+};
+process.env.NODE_ENV !== "production" && ke.node;
+var Le = ie({}, function(e) {
+  var r = e.target, n = e.currentTarget;
+  return {
+    target: r,
+    currentTarget: n
+  };
+}), We = ie(), Xr = ie(), Yr = Mr({
+  async: !0,
+  ssr: typeof document < "u"
+}), zr = /* @__PURE__ */ kr(void 0), Jr = [], ce = /* @__PURE__ */ v.forwardRef(function(r, n) {
+  var t, o = v.useState(), u = o[0], i = o[1], c = v.useRef(), m = v.useRef(!1), f = v.useRef(null), y = v.useState({}), s = y[1], a = r.children, p = r.disabled, d = p === void 0 ? !1 : p, b = r.noFocusGuards, F = b === void 0 ? !1 : b, O = r.persistentFocus, h = O === void 0 ? !1 : O, g = r.crossFrame, w = g === void 0 ? !0 : g, I = r.autoFocus, K = I === void 0 ? !0 : I, fr = r.allowTextSelection, sr = r.group, dr = r.className, lr = r.whiteList, vr = r.hasPositiveIndices, Fe = r.shards, X = Fe === void 0 ? Jr : Fe, Ee = r.as, Oe = Ee === void 0 ? "div" : Ee, xe = r.lockProps, mr = xe === void 0 ? {} : xe, pr = r.sideCar, we = r.returnFocus, j = we === void 0 ? !1 : we, br = r.focusOptions, Y = r.onActivation, z = r.onDeactivation, yr = v.useState({}), hr = yr[0], gr = v.useCallback(function(N) {
+    var C = N.captureFocusRestore;
+    if (!f.current) {
+      var R, P = (R = document) == null ? void 0 : R.activeElement;
+      f.current = P, P !== document.body && (f.current = C(P));
+    }
+    c.current && Y && Y(c.current), m.current = !0, s();
+  }, [Y]), Fr = v.useCallback(function() {
+    m.current = !1, z && z(c.current), s();
+  }, [z]), Er = v.useCallback(function(N) {
+    var C = f.current;
+    if (C) {
+      var R = (typeof C == "function" ? C() : C) || document.body, P = typeof j == "function" ? j(R) : j;
+      if (P) {
+        var Se = typeof P == "object" ? P : void 0;
+        f.current = null, N ? Promise.resolve().then(function() {
+          return R.focus(Se);
+        }) : R.focus(Se);
+      }
+    }
+  }, [j]), Or = v.useCallback(function(N) {
+    m.current && Le.useMedium(N);
+  }, []), xr = We.useMedium, wr = v.useCallback(function(N) {
+    c.current !== N && (c.current = N, i(N));
+  }, []);
+  process.env.NODE_ENV !== "production" && (typeof fr < "u" && console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"), v.useEffect(function() {
+    !c.current && typeof Oe != "string" && console.error("FocusLock: could not obtain ref to internal node");
+  }, []));
+  var Nr = W((t = {}, t[Me] = d && "disabled", t[ne] = sr, t), mr), Ne = F !== !0, Sr = Ne && F !== "tail", Ir = Lr([n, wr]), Pr = v.useMemo(function() {
+    return {
+      observed: c,
+      shards: X,
+      enabled: !d,
+      active: m.current
+    };
+  }, [d, m.current, X, u]);
+  return /* @__PURE__ */ v.createElement(v.Fragment, null, Ne && [
+    /* @__PURE__ */ v.createElement("div", {
+      key: "guard-first",
+      "data-focus-guard": !0,
+      tabIndex: d ? -1 : 0,
+      style: Q
+    }),
+    vr ? /* @__PURE__ */ v.createElement("div", {
+      key: "guard-nearest",
+      "data-focus-guard": !0,
+      tabIndex: d ? -1 : 1,
+      style: Q
+    }) : null
+  ], !d && /* @__PURE__ */ v.createElement(pr, {
+    id: hr,
+    sideCar: Yr,
+    observed: u,
+    disabled: d,
+    persistentFocus: h,
+    crossFrame: w,
+    autoFocus: K,
+    whiteList: lr,
+    shards: X,
+    onActivation: gr,
+    onDeactivation: Fr,
+    returnFocus: Er,
+    focusOptions: br,
+    noFocusGuards: F
+  }), /* @__PURE__ */ v.createElement(Oe, W({
+    ref: Ir
+  }, Nr, {
+    className: dr,
+    onBlur: xr,
+    onFocus: Or
+  }), /* @__PURE__ */ v.createElement(zr.Provider, {
+    value: Pr
+  }, a)), Sr && /* @__PURE__ */ v.createElement("div", {
+    "data-focus-guard": !0,
+    tabIndex: d ? -1 : 0,
+    style: Q
+  }));
+});
+ce.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: l.node,
+  disabled: l.bool,
+  returnFocus: l.oneOfType([l.bool, l.object, l.func]),
+  focusOptions: l.object,
+  noFocusGuards: l.bool,
+  hasPositiveIndices: l.bool,
+  allowTextSelection: l.bool,
+  autoFocus: l.bool,
+  persistentFocus: l.bool,
+  crossFrame: l.bool,
+  group: l.string,
+  className: l.string,
+  whiteList: l.func,
+  shards: l.arrayOf(l.any),
+  as: l.oneOfType([l.string, l.func, l.object]),
+  lockProps: l.object,
+  onActivation: l.func,
+  onDeactivation: l.func,
+  sideCar: l.any.isRequired
+} : {};
+function te(e, r) {
+  return te = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, t) {
+    return n.__proto__ = t, n;
+  }, te(e, r);
+}
+function Qr(e, r) {
+  e.prototype = Object.create(r.prototype), e.prototype.constructor = e, te(e, r);
+}
+function B(e) {
+  "@babel/helpers - typeof";
+  return B = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+    return typeof r;
+  } : function(r) {
+    return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+  }, B(e);
+}
+function Zr(e, r) {
+  if (B(e) != "object" || !e) return e;
+  var n = e[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var t = n.call(e, r || "default");
+    if (B(t) != "object") return t;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (r === "string" ? String : Number)(e);
+}
+function en(e) {
+  var r = Zr(e, "string");
+  return B(r) == "symbol" ? r : r + "";
+}
+function rn(e, r, n) {
+  return (r = en(r)) in e ? Object.defineProperty(e, r, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = n, e;
+}
+function nn(e, r) {
+  if (process.env.NODE_ENV !== "production") {
+    if (typeof e != "function")
+      throw new Error("Expected reducePropsToState to be a function.");
+    if (typeof r != "function")
+      throw new Error("Expected handleStateChangeOnClient to be a function.");
+  }
+  function n(t) {
+    return t.displayName || t.name || "Component";
+  }
+  return function(o) {
+    if (process.env.NODE_ENV !== "production" && typeof o != "function")
+      throw new Error("Expected WrappedComponent to be a React component.");
+    var u = [], i;
+    function c() {
+      i = e(u.map(function(f) {
+        return f.props;
+      })), r(i);
+    }
+    var m = /* @__PURE__ */ function(f) {
+      Qr(y, f);
+      function y() {
+        return f.apply(this, arguments) || this;
+      }
+      y.peek = function() {
+        return i;
+      };
+      var s = y.prototype;
+      return s.componentDidMount = function() {
+        u.push(this), c();
+      }, s.componentDidUpdate = function() {
+        c();
+      }, s.componentWillUnmount = function() {
+        var p = u.indexOf(this);
+        u.splice(p, 1), c();
+      }, s.render = function() {
+        return /* @__PURE__ */ Dr.createElement(o, this.props);
+      }, y;
+    }(_r);
+    return rn(m, "displayName", "SideEffect(" + n(o) + ")"), m;
+  };
+}
+var x = function(e) {
+  for (var r = Array(e.length), n = 0; n < e.length; ++n)
+    r[n] = e[n];
+  return r;
+}, A = function(e) {
+  return Array.isArray(e) ? e : [e];
+}, Be = function(e) {
+  return Array.isArray(e) ? e[0] : e;
+}, tn = function(e) {
+  if (e.nodeType !== Node.ELEMENT_NODE)
+    return !1;
+  var r = window.getComputedStyle(e, null);
+  return !r || !r.getPropertyValue ? !1 : r.getPropertyValue("display") === "none" || r.getPropertyValue("visibility") === "hidden";
+}, Ue = function(e) {
+  return e.parentNode && e.parentNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? (
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    e.parentNode.host
+  ) : e.parentNode;
+}, Ge = function(e) {
+  return e === document || e && e.nodeType === Node.DOCUMENT_NODE;
+}, on = function(e) {
+  return e.hasAttribute("inert");
+}, un = function(e, r) {
+  return !e || Ge(e) || !tn(e) && !on(e) && r(Ue(e));
+}, He = function(e, r) {
+  var n = e.get(r);
+  if (n !== void 0)
+    return n;
+  var t = un(r, He.bind(void 0, e));
+  return e.set(r, t), t;
+}, an = function(e, r) {
+  return e && !Ge(e) ? sn(e) ? r(Ue(e)) : !1 : !0;
+}, je = function(e, r) {
+  var n = e.get(r);
+  if (n !== void 0)
+    return n;
+  var t = an(r, je.bind(void 0, e));
+  return e.set(r, t), t;
+}, Ve = function(e) {
+  return e.dataset;
+}, cn = function(e) {
+  return e.tagName === "BUTTON";
+}, $e = function(e) {
+  return e.tagName === "INPUT";
+}, qe = function(e) {
+  return $e(e) && e.type === "radio";
+}, fn = function(e) {
+  return !(($e(e) || cn(e)) && (e.type === "hidden" || e.disabled));
+}, sn = function(e) {
+  var r = e.getAttribute(Kr);
+  return ![!0, "true", ""].includes(r);
+}, fe = function(e) {
+  var r;
+  return !!(e && (!((r = Ve(e)) === null || r === void 0) && r.focusGuard));
+}, oe = function(e) {
+  return !fe(e);
+}, dn = function(e) {
+  return !!e;
+}, ln = function(e, r) {
+  var n = Math.max(0, e.tabIndex), t = Math.max(0, r.tabIndex), o = n - t, u = e.index - r.index;
+  if (o) {
+    if (!n)
+      return 1;
+    if (!t)
+      return -1;
+  }
+  return o || u;
+}, vn = function(e) {
+  return e.tabIndex < 0 && !e.hasAttribute("tabindex") ? 0 : e.tabIndex;
+}, se = function(e, r, n) {
+  return x(e).map(function(t, o) {
+    var u = vn(t);
+    return {
+      node: t,
+      index: o,
+      tabIndex: n && u === -1 ? (t.dataset || {}).focusGuard ? 0 : -1 : u
+    };
+  }).filter(function(t) {
+    return !r || t.tabIndex >= 0;
+  }).sort(ln);
+}, mn = [
+  "button:enabled",
+  "select:enabled",
+  "textarea:enabled",
+  "input:enabled",
+  // elements with explicit roles will also use explicit tabindex
+  // '[role="button"]',
+  "a[href]",
+  "area[href]",
+  "summary",
+  "iframe",
+  "object",
+  "embed",
+  "audio[controls]",
+  "video[controls]",
+  "[tabindex]",
+  "[contenteditable]",
+  "[autofocus]"
+], de = mn.join(","), pn = "".concat(de, ", [data-focus-guard]"), Ke = function(e, r) {
+  return x((e.shadowRoot || e).children).reduce(function(n, t) {
+    return n.concat(t.matches(r ? pn : de) ? [t] : [], Ke(t));
+  }, []);
+}, bn = function(e, r) {
+  var n;
+  return e instanceof HTMLIFrameElement && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? M([e.contentDocument.body], r) : [e];
+}, M = function(e, r) {
+  return e.reduce(function(n, t) {
+    var o, u = Ke(t, r), i = (o = []).concat.apply(o, u.map(function(c) {
+      return bn(c, r);
+    }));
+    return n.concat(
+      // add all tabbables inside and within shadow DOMs in DOM order
+      i,
+      // add if node is tabbable itself
+      t.parentNode ? x(t.parentNode.querySelectorAll(de)).filter(function(c) {
+        return c === t;
+      }) : []
+    );
+  }, []);
+}, yn = function(e) {
+  var r = e.querySelectorAll("[".concat(qr, "]"));
+  return x(r).map(function(n) {
+    return M([n]);
+  }).reduce(function(n, t) {
+    return n.concat(t);
+  }, []);
+}, le = function(e, r) {
+  return x(e).filter(function(n) {
+    return He(r, n);
+  }).filter(function(n) {
+    return fn(n);
+  });
+}, Ie = function(e, r) {
+  return r === void 0 && (r = /* @__PURE__ */ new Map()), x(e).filter(function(n) {
+    return je(r, n);
+  });
+}, ve = function(e, r, n) {
+  return se(le(M(e, n), r), !0, n);
+}, U = function(e, r) {
+  return se(le(M(e), r), !1);
+}, hn = function(e, r) {
+  return le(yn(e), r);
+}, T = function(e, r) {
+  return e.shadowRoot ? T(e.shadowRoot, r) : Object.getPrototypeOf(e).contains !== void 0 && Object.getPrototypeOf(e).contains.call(e, r) ? !0 : x(e.children).some(function(n) {
+    var t;
+    if (n instanceof HTMLIFrameElement) {
+      var o = (t = n.contentDocument) === null || t === void 0 ? void 0 : t.body;
+      return o ? T(o, r) : !1;
+    }
+    return T(n, r);
+  });
+}, gn = function(e) {
+  for (var r = /* @__PURE__ */ new Set(), n = e.length, t = 0; t < n; t += 1)
+    for (var o = t + 1; o < n; o += 1) {
+      var u = e[t].compareDocumentPosition(e[o]);
+      (u & Node.DOCUMENT_POSITION_CONTAINED_BY) > 0 && r.add(o), (u & Node.DOCUMENT_POSITION_CONTAINS) > 0 && r.add(t);
+    }
+  return e.filter(function(i, c) {
+    return !r.has(c);
+  });
+}, Xe = function(e) {
+  return e.parentNode ? Xe(e.parentNode) : e;
+}, me = function(e) {
+  var r = A(e);
+  return r.filter(Boolean).reduce(function(n, t) {
+    var o = t.getAttribute(ne);
+    return n.push.apply(n, o ? gn(x(Xe(t).querySelectorAll("[".concat(ne, '="').concat(o, '"]:not([').concat(Me, '="disabled"])')))) : [t]), n;
+  }, []);
+}, Fn = function(e) {
+  try {
+    return e();
+  } catch {
+    return;
+  }
+}, G = function(e) {
+  if (e === void 0 && (e = document), !(!e || !e.activeElement)) {
+    var r = e.activeElement;
+    return r.shadowRoot ? G(r.shadowRoot) : r instanceof HTMLIFrameElement && Fn(function() {
+      return r.contentWindow.document;
+    }) ? G(r.contentWindow.document) : r;
+  }
+}, En = function(e, r) {
+  return e === r;
+}, On = function(e, r) {
+  return !!x(e.querySelectorAll("iframe")).some(function(n) {
+    return En(n, r);
+  });
+}, Ye = function(e, r) {
+  return r === void 0 && (r = G(Be(e).ownerDocument)), !r || r.dataset && r.dataset.focusGuard ? !1 : me(e).some(function(n) {
+    return T(n, r) || On(n, r);
+  });
+}, xn = function(e) {
+  e === void 0 && (e = document);
+  var r = G(e);
+  return r ? x(e.querySelectorAll("[".concat($r, "]"))).some(function(n) {
+    return T(n, r);
+  }) : !1;
+}, wn = function(e, r) {
+  return r.filter(qe).filter(function(n) {
+    return n.name === e.name;
+  }).filter(function(n) {
+    return n.checked;
+  })[0] || e;
+}, pe = function(e, r) {
+  return qe(e) && e.name ? wn(e, r) : e;
+}, Nn = function(e) {
+  var r = /* @__PURE__ */ new Set();
+  return e.forEach(function(n) {
+    return r.add(pe(n, e));
+  }), e.filter(function(n) {
+    return r.has(n);
+  });
+}, Pe = function(e) {
+  return e[0] && e.length > 1 ? pe(e[0], e) : e[0];
+}, Te = function(e, r) {
+  return e.indexOf(pe(r, e));
+}, ue = "NEW_FOCUS", Sn = function(e, r, n, t, o) {
+  var u = e.length, i = e[0], c = e[u - 1], m = fe(t);
+  if (!(t && e.indexOf(t) >= 0)) {
+    var f = t !== void 0 ? n.indexOf(t) : -1, y = o ? n.indexOf(o) : f, s = o ? e.indexOf(o) : -1;
+    if (f === -1)
+      return s !== -1 ? s : ue;
+    if (s === -1)
+      return ue;
+    var a = f - y, p = n.indexOf(i), d = n.indexOf(c), b = Nn(n), F = t !== void 0 ? b.indexOf(t) : -1, O = F - (o ? b.indexOf(o) : f);
+    if (!a && s >= 0 || r.length === 0)
+      return s;
+    var h = Te(e, r[0]), g = Te(e, r[r.length - 1]);
+    if (f <= p && m && Math.abs(a) > 1)
+      return g;
+    if (f >= d && m && Math.abs(a) > 1)
+      return h;
+    if (a && Math.abs(O) > 1)
+      return s;
+    if (f <= p)
+      return g;
+    if (f > d)
+      return h;
+    if (a)
+      return Math.abs(a) > 1 ? s : (u + s + a) % u;
+  }
+}, In = function(e) {
+  return function(r) {
+    var n, t = (n = Ve(r)) === null || n === void 0 ? void 0 : n.autofocus;
+    return (
+      // @ts-expect-error
+      r.autofocus || //
+      t !== void 0 && t !== "false" || //
+      e.indexOf(r) >= 0
+    );
+  };
+}, Ae = function(e, r, n) {
+  var t = e.map(function(u) {
+    var i = u.node;
+    return i;
+  }), o = Ie(t.filter(In(n)));
+  return o && o.length ? Pe(o) : Pe(Ie(r));
+}, ae = function(e, r) {
+  return r === void 0 && (r = []), r.push(e), e.parentNode && ae(e.parentNode.host || e.parentNode, r), r;
+}, Z = function(e, r) {
+  for (var n = ae(e), t = ae(r), o = 0; o < n.length; o += 1) {
+    var u = n[o];
+    if (t.indexOf(u) >= 0)
+      return u;
+  }
+  return !1;
+}, ze = function(e, r, n) {
+  var t = A(e), o = A(r), u = t[0], i = !1;
+  return o.filter(Boolean).forEach(function(c) {
+    i = Z(i || c, c) || i, n.filter(Boolean).forEach(function(m) {
+      var f = Z(u, m);
+      f && (!i || T(f, i) ? i = f : i = Z(f, i));
+    });
+  }), i;
+}, Ce = function(e, r) {
+  return e.reduce(function(n, t) {
+    return n.concat(hn(t, r));
+  }, []);
+}, Pn = function(e, r) {
+  var n = /* @__PURE__ */ new Map();
+  return r.forEach(function(t) {
+    return n.set(t.node, t);
+  }), e.map(function(t) {
+    return n.get(t);
+  }).filter(dn);
+}, Tn = function(e, r) {
+  var n = G(A(e).length > 0 ? document : Be(e).ownerDocument), t = me(e).filter(oe), o = ze(n || e, e, t), u = /* @__PURE__ */ new Map(), i = U(t, u), c = i.filter(function(d) {
+    var b = d.node;
+    return oe(b);
+  });
+  if (c[0]) {
+    var m = U([o], u).map(function(d) {
+      var b = d.node;
+      return b;
+    }), f = Pn(m, c), y = f.map(function(d) {
+      var b = d.node;
+      return b;
+    }), s = f.filter(function(d) {
+      var b = d.tabIndex;
+      return b >= 0;
+    }).map(function(d) {
+      var b = d.node;
+      return b;
+    }), a = Sn(y, s, m, n, r);
+    if (a === ue) {
+      var p = (
+        // first try only tabbable, and the fallback to all focusable, as long as at least one element should be picked for focus
+        Ae(i, s, Ce(t, u)) || Ae(i, y, Ce(t, u))
+      );
+      if (p)
+        return { node: p };
+      console.warn("focus-lock: cannot find any node to move focus into");
+      return;
+    }
+    return a === void 0 ? a : f[a];
+  }
+}, An = function(e) {
+  var r = me(e).filter(oe), n = ze(e, e, r), t = se(M([n], !0), !0, !0), o = M(r, !1);
+  return t.map(function(u) {
+    var i = u.node, c = u.index;
+    return {
+      node: i,
+      index: c,
+      lockItem: o.indexOf(i) >= 0,
+      guard: fe(i)
+    };
+  });
+}, be = function(e, r) {
+  e && ("focus" in e && e.focus(r), "contentWindow" in e && e.contentWindow && e.contentWindow.focus());
+}, ee = 0, re = !1, Je = function(e, r, n) {
+  n === void 0 && (n = {});
+  var t = Tn(e, r);
+  if (!re && t) {
+    if (ee > 2) {
+      console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"), re = !0, setTimeout(function() {
+        re = !1;
+      }, 1);
+      return;
+    }
+    ee++, be(t.node, n.focusOptions), ee--;
+  }
+};
+function L(e) {
+  if (!e)
+    return null;
+  if (typeof WeakRef > "u")
+    return function() {
+      return e || null;
+    };
+  var r = e ? new WeakRef(e) : null;
+  return function() {
+    return (r == null ? void 0 : r.deref()) || null;
+  };
+}
+var Cn = function(e) {
+  if (!e)
+    return null;
+  for (var r = [], n = e; n && n !== document.body; )
+    r.push({
+      current: L(n),
+      parent: L(n.parentElement),
+      left: L(n.previousElementSibling),
+      right: L(n.nextElementSibling)
+    }), n = n.parentElement;
+  return {
+    element: L(e),
+    stack: r,
+    ownerDocument: e.ownerDocument
+  };
+}, Rn = function(e) {
+  var r, n, t, o, u;
+  if (e)
+    for (var i = e.stack, c = e.ownerDocument, m = /* @__PURE__ */ new Map(), f = 0, y = i; f < y.length; f++) {
+      var s = y[f], a = (r = s.parent) === null || r === void 0 ? void 0 : r.call(s);
+      if (a && c.contains(a)) {
+        for (var p = (n = s.left) === null || n === void 0 ? void 0 : n.call(s), d = s.current(), b = a.contains(d) ? d : void 0, F = (t = s.right) === null || t === void 0 ? void 0 : t.call(s), O = ve([a], m), h = (
+          // that is element itself
+          (u = (o = b ?? // or something in it's place
+          (p == null ? void 0 : p.nextElementSibling)) !== null && o !== void 0 ? o : (
+            // or somebody to the right, still close enough
+            F
+          )) !== null && u !== void 0 ? u : (
+            // or somebody to the left, something?
+            p
+          )
+        ); h; ) {
+          for (var g = 0, w = O; g < w.length; g++) {
+            var I = w[g];
+            if (h != null && h.contains(I.node))
+              return I.node;
+          }
+          h = h.nextElementSibling;
+        }
+        if (O.length)
+          return O[0].node;
+      }
+    }
+}, Qe = function(e) {
+  var r = Cn(e);
+  return function() {
+    return Rn(r);
+  };
+}, Dn = function(e, r, n) {
+  if (!e || !r)
+    return console.error("no element or scope given"), {};
+  var t = A(r);
+  if (t.every(function(i) {
+    return !T(i, e);
+  }))
+    return console.error("Active element is not contained in the scope"), {};
+  var o = n ? ve(t, /* @__PURE__ */ new Map()) : U(t, /* @__PURE__ */ new Map()), u = o.findIndex(function(i) {
+    var c = i.node;
+    return c === e;
+  });
+  if (u !== -1)
+    return {
+      prev: o[u - 1],
+      next: o[u + 1],
+      first: o[0],
+      last: o[o.length - 1]
+    };
+}, kn = function(e, r) {
+  var n = r ? ve(A(e), /* @__PURE__ */ new Map()) : U(A(e), /* @__PURE__ */ new Map());
+  return {
+    first: n[0],
+    last: n[n.length - 1]
+  };
+}, _n = function(e) {
+  return Object.assign({
+    scope: document.body,
+    cycle: !0,
+    onlyTabbable: !0
+  }, e);
+}, Ze = function(e, r, n) {
+  r === void 0 && (r = {});
+  var t = _n(r), o = Dn(e, t.scope, t.onlyTabbable);
+  if (o) {
+    var u = n(o, t.cycle);
+    u && be(u.node, t.focusOptions);
+  }
+}, Mn = function(e, r) {
+  r === void 0 && (r = {}), Ze(e, r, function(n, t) {
+    var o = n.next, u = n.first;
+    return o || t && u;
+  });
+}, Ln = function(e, r) {
+  r === void 0 && (r = {}), Ze(e, r, function(n, t) {
+    var o = n.prev, u = n.last;
+    return o || t && u;
+  });
+}, er = function(e, r, n) {
+  var t, o = kn(e, (t = r.onlyTabbable) !== null && t !== void 0 ? t : !0), u = o[n];
+  u && be(u.node, r.focusOptions);
+}, Wn = function(e, r) {
+  r === void 0 && (r = {}), er(e, r, "first");
+}, Bn = function(e, r) {
+  r === void 0 && (r = {}), er(e, r, "last");
+};
+function ye(e) {
+  setTimeout(e, 1);
+}
+var Un = function(r) {
+  return r && "current" in r ? r.current : r;
+}, rr = function() {
+  return document && document.activeElement === document.body;
+}, Gn = function() {
+  return rr() || xn();
+}, k = null, E = null, Re = function() {
+  return null;
+}, _ = null, H = !1, he = !1, Hn = function() {
+  return !0;
+}, jn = function(r) {
+  return (k.whiteList || Hn)(r);
+}, Vn = function(r, n) {
+  _ = {
+    observerNode: r,
+    portaledElement: n
+  };
+}, $n = function(r) {
+  return _ && _.portaledElement === r;
+};
+function De(e, r, n, t) {
+  var o = null, u = e;
+  do {
+    var i = t[u];
+    if (i.guard)
+      i.node.dataset.focusAutoGuard && (o = i);
+    else if (i.lockItem) {
+      if (u !== e)
+        return;
+      o = null;
+    } else
+      break;
+  } while ((u += n) !== r);
+  o && (o.node.tabIndex = 0);
+}
+var qn = function(r) {
+  return r ? !!H : H === "meanwhile";
+}, Kn = function e(r, n, t) {
+  return n && (n.host === r && (!n.activeElement || t.contains(n.activeElement)) || n.parentNode && e(r, n.parentNode, t));
+}, Xn = function(r, n) {
+  return n.some(function(t) {
+    return Kn(r, t, t);
+  });
+}, nr = function(r) {
+  return U(r, /* @__PURE__ */ new Map());
+}, Yn = function(r) {
+  return !nr([r.parentNode]).some(function(n) {
+    return n.node === r;
+  });
+}, q = function() {
+  var r = !1;
+  if (k) {
+    var n = k, t = n.observed, o = n.persistentFocus, u = n.autoFocus, i = n.shards, c = n.crossFrame, m = n.focusOptions, f = n.noFocusGuards, y = t || _ && _.portaledElement;
+    if (rr() && E && (!document.body.contains(E) || Yn(E))) {
+      E = null;
+      var s = Re();
+      s && s.focus();
+    }
+    var a = document && document.activeElement;
+    if (y) {
+      var p = [y].concat(i.map(Un).filter(Boolean)), d = function() {
+        if (!qn(c) || !f || !E || he)
+          return !1;
+        var g = nr(p), w = g.findIndex(function(I) {
+          var K = I.node;
+          return K === E;
+        });
+        return w === 0 || w === g.length - 1;
+      };
+      if ((!a || jn(a)) && (o || d() || !Gn() || !E && u) && (y && !(Ye(p) || a && Xn(a, p) || $n(a)) && (document && !E && a && !u ? (a.blur && a.blur(), document.body.focus()) : (r = Je(p, E, {
+        focusOptions: m
+      }), _ = {})), H = !1, E = document && document.activeElement, Re = Qe(E)), document && a !== document.activeElement && document.querySelector("[data-focus-auto-guard]")) {
+        var b = document && document.activeElement, F = An(p), O = F.map(function(h) {
+          var g = h.node;
+          return g;
+        }).indexOf(b);
+        O > -1 && (F.filter(function(h) {
+          var g = h.guard, w = h.node;
+          return g && w.dataset.focusAutoGuard;
+        }).forEach(function(h) {
+          var g = h.node;
+          return g.removeAttribute("tabIndex");
+        }), De(O, F.length, 1, F), De(O, -1, -1, F));
+      }
+    }
+  }
+  return r;
+}, tr = function(r) {
+  q() && r && (r.stopPropagation(), r.preventDefault());
+}, ge = function() {
+  return ye(q);
+}, zn = function(r) {
+  var n = r.target, t = r.currentTarget;
+  t.contains(n) || Vn(t, n);
+}, Jn = function() {
+  return null;
+};
+process.env.NODE_ENV !== "production" && ke.node.isRequired;
+var or = function() {
+  he = !0;
+}, ur = function() {
+  he = !1, H = "just", ye(function() {
+    H = "meanwhile";
+  });
+}, Qn = function() {
+  document.addEventListener("focusin", tr), document.addEventListener("focusout", ge), window.addEventListener("focus", or), window.addEventListener("blur", ur);
+}, Zn = function() {
+  document.removeEventListener("focusin", tr), document.removeEventListener("focusout", ge), window.removeEventListener("focus", or), window.removeEventListener("blur", ur);
+};
+function et(e) {
+  return e.filter(function(r) {
+    var n = r.disabled;
+    return !n;
+  });
+}
+var ar = {
+  moveFocusInside: Je,
+  focusInside: Ye,
+  focusNextElement: Mn,
+  focusPrevElement: Ln,
+  focusFirstElement: Wn,
+  focusLastElement: Bn,
+  captureFocusRestore: Qe
+};
+function rt(e) {
+  var r = e.slice(-1)[0];
+  r && !k && Qn();
+  var n = k, t = n && r && r.id === n.id;
+  k = r, n && !t && (n.onDeactivation(), e.filter(function(o) {
+    var u = o.id;
+    return u === n.id;
+  }).length || n.returnFocus(!r)), r ? (E = null, (!t || n.observed !== r.observed) && r.onActivation(ar), q(), ye(q)) : (Zn(), E = null);
+}
+Le.assignSyncMedium(zn);
+We.assignMedium(ge);
+Xr.assignMedium(function(e) {
+  return e(ar);
+});
+const nt = nn(et, rt)(Jn);
+var ir = /* @__PURE__ */ v.forwardRef(function(r, n) {
+  return /* @__PURE__ */ v.createElement(ce, W({
+    sideCar: nt,
+    ref: n
+  }, r));
+}), cr = ce.propTypes || {};
+cr.sideCar;
+var tt = Vr(cr, ["sideCar"]);
+ir.propTypes = process.env.NODE_ENV !== "production" ? tt : {};
+const ot = ({
+  children: e,
+  theme: r,
+  className: n,
+  buttonCloseClassName: t
+}) => {
+  const { content: o, onClose: u, closeBtnRef: i } = _e(), { theme: c } = Gr(), m = V.toArray(e).find(
+    (a) => $(a) && a.type === S.Header
+  ), f = V.toArray(e).find(
+    (a) => $(a) && a.type === S.Body
+  ), y = V.toArray(e).find(
+    (a) => $(a) && a.type === S.Footer
+  ), s = V.toArray(e).filter(
+    (a) => !$(a) || ![S.Header, S.Body, S.Footer].includes(
+      a.type
+    )
+  );
+  return /* @__PURE__ */ D(ir, { returnFocus: !0, children: /* @__PURE__ */ D(Wr, { children: /* @__PURE__ */ J("div", { className: "fixed inset-0 grid place-content-center", children: [
+    /* @__PURE__ */ D(
+      "div",
+      {
+        className: "absolute inset-0 bg-black opacity-75",
+        onClick: u
+      }
+    ),
+    /* @__PURE__ */ J(
+      "div",
+      {
+        className: Hr({
+          className: n,
+          theme: r ?? c
+        }),
+        role: "dialog",
+        "aria-modal": "true",
+        children: [
+          m,
+          /* @__PURE__ */ J(
+            "button",
+            {
+              ref: i,
+              className: jr({
+                className: t,
+                theme: r ?? c
+              }),
+              onClick: u,
+              children: [
+                /* @__PURE__ */ D(Br, {}),
+                /* @__PURE__ */ D(Ur, { children: "Dismiss modal" })
+              ]
+            }
+          ),
+          f ?? s ?? o,
+          y
+        ]
+      }
+    )
+  ] }) }) });
+}, S = ({ ...e }) => {
+  const { isOpen: r } = _e();
+  return r ? Tr.createPortal(/* @__PURE__ */ D(ot, { ...e }), document.body) : null;
+};
+S.Header = Rr;
+S.Body = Ar;
+S.Footer = Cr;
+export {
+  S as M,
+  ot as W
+};