@konstructio/ui 0.0.12-alpha.3 → 0.0.12-alpha.4

package/dist/{Modal-ByNiP7eb.js → Modal-B-E9uaA6.js}

@@ -1,18 +1,17 @@
-import { Body as Cr } from "./components/Modal/components/Body/Body.js";
-import { Footer as Mr } from "./components/Modal/components/Footer/Footer.js";
-import { Header as _r } from "./components/Modal/components/Header/Header.js";
-import { jsx as _, jsxs as ee } from "react/jsx-runtime";
-import { r as kr } from "./index-D7QNmo_D.js";
-import { R as Lr } from "./index-CbTU3cnP.js";
-import S, { createContext as Rr, forwardRef as Ue, useState as re, useRef as ne, useCallback as W, useEffect as Wr, useMemo as Br, Fragment as Ur, PureComponent as Gr, Children as K, isValidElement as X } from "react";
-import { p as l } from "./index-C5psggHV.js";
-import { c as le, a as Hr, u as jr, R as Vr } from "./Combination-b348x__d.js";
-import { cn as Ce } from "./utils/index.js";
-import { useModal as Ge } from "./components/Modal/hooks/useModal.js";
-import { buttonCloseVariants as qr, modalVariants as $r } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { X as Kr } from "./x-DU-Zw-L_.js";
-import { useTheme as Xr } from "./contexts/theme.hook.js";
-function Yr(e, r) {
+import { Body as Mr } from "./components/Modal/components/Body/Body.js";
+import { Footer as _r } from "./components/Modal/components/Footer/Footer.js";
+import { Header as kr } from "./components/Modal/components/Header/Header.js";
+import { jsx as k, jsxs as ee } from "react/jsx-runtime";
+import S, { createContext as Lr, forwardRef as Ue, useState as re, useRef as ne, useCallback as W, useEffect as Ge, useMemo as Rr, Fragment as Cr, PureComponent as Wr, Children as K, isValidElement as X } from "react";
+import { r as Br } from "./index-D7QNmo_D.js";
+import { R as Ur } from "./index-CbTU3cnP.js";
+import { p as v } from "./index-C5psggHV.js";
+import { c as le, a as Gr, u as Hr, R as jr } from "./Combination-b348x__d.js";
+import { cn as Me } from "./utils/index.js";
+import { buttonCloseVariants as Vr, modalVariants as qr } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
+import { X as $r } from "./x-DU-Zw-L_.js";
+import { useTheme as Kr } from "./contexts/theme.hook.js";
+function Xr(e, r) {
   if (e == null) return {};
   var n = {};
   for (var t in e) if ({}.hasOwnProperty.call(e, t)) {
@@ -30,7 +29,7 @@ function U() {
     return e;
   }, U.apply(null, arguments);
 }
-var ie = "data-focus-lock", He = "data-focus-lock-disabled", zr = "data-no-focus-lock", Jr = "data-autofocus-inside", Qr = "data-no-autofocus", te = {
+var ie = "data-focus-lock", He = "data-focus-lock-disabled", Yr = "data-no-focus-lock", zr = "data-autofocus-inside", Jr = "data-no-autofocus", te = {
   width: "1px",
   height: "0px",
   padding: 0,
@@ -44,115 +43,115 @@ var ie = "data-focus-lock", He = "data-focus-lock-disabled", zr = "data-no-focus
     target: r,
     currentTarget: n
   };
-}), Ve = le(), Zr = le(), en = Hr({
+}), Ve = le(), Qr = le(), Zr = Gr({
   async: !0,
   ssr: typeof document < "u"
-}), rn = /* @__PURE__ */ Rr(void 0), nn = [], ve = /* @__PURE__ */ Ue(function(r, n) {
-  var t, o = re(), u = o[0], i = o[1], c = ne(), v = ne(!1), f = ne(null), b = re({}), s = b[1], a = r.children, p = r.disabled, d = p === void 0 ? !1 : p, m = r.noFocusGuards, F = m === void 0 ? !1 : m, x = r.persistentFocus, y = x === void 0 ? !1 : x, h = r.crossFrame, O = h === void 0 ? !0 : h, w = r.autoFocus, D = w === void 0 ? !0 : w, q = r.allowTextSelection, z = r.group, mr = r.className, pr = r.whiteList, br = r.hasPositiveIndices, Ie = r.shards, J = Ie === void 0 ? nn : Ie, Se = r.as, Ne = Se === void 0 ? "div" : Se, Te = r.lockProps, yr = Te === void 0 ? {} : Te, hr = r.sideCar, Pe = r.returnFocus, $ = Pe === void 0 ? !1 : Pe, Fr = r.focusOptions, Q = r.onActivation, Z = r.onDeactivation, gr = re({}), xr = gr[0], Or = W(function(I) {
-    var C = I.captureFocusRestore;
-    if (!f.current) {
-      var M, T = (M = document) == null ? void 0 : M.activeElement;
-      f.current = T, T !== document.body && (f.current = C(T));
+}), en = /* @__PURE__ */ Lr(void 0), rn = [], ve = /* @__PURE__ */ Ue(function(r, n) {
+  var t, o = re(), u = o[0], a = o[1], i = ne(), m = ne(!1), c = ne(null), d = re({}), s = d[1], f = r.children, p = r.disabled, l = p === void 0 ? !1 : p, b = r.noFocusGuards, g = b === void 0 ? !1 : b, x = r.persistentFocus, y = x === void 0 ? !1 : x, h = r.crossFrame, E = h === void 0 ? !0 : h, w = r.autoFocus, D = w === void 0 ? !0 : w, q = r.allowTextSelection, z = r.group, mr = r.className, br = r.whiteList, pr = r.hasPositiveIndices, Ie = r.shards, J = Ie === void 0 ? rn : Ie, Se = r.as, Ne = Se === void 0 ? "div" : Se, Te = r.lockProps, yr = Te === void 0 ? {} : Te, hr = r.sideCar, Pe = r.returnFocus, $ = Pe === void 0 ? !1 : Pe, gr = r.focusOptions, Q = r.onActivation, Z = r.onDeactivation, Fr = re({}), xr = Fr[0], Er = W(function(I) {
+    var M = I.captureFocusRestore;
+    if (!c.current) {
+      var _, T = (_ = document) == null ? void 0 : _.activeElement;
+      c.current = T, T !== document.body && (c.current = M(T));
     }
-    c.current && Q && Q(c.current), v.current = !0, s();
-  }, [Q]), Er = W(function() {
-    v.current = !1, Z && Z(c.current), s();
+    i.current && Q && Q(i.current), m.current = !0, s();
+  }, [Q]), Or = W(function() {
+    m.current = !1, Z && Z(i.current), s();
   }, [Z]), wr = W(function(I) {
-    var C = f.current;
-    if (C) {
-      var M = (typeof C == "function" ? C() : C) || document.body, T = typeof $ == "function" ? $(M) : $;
+    var M = c.current;
+    if (M) {
+      var _ = (typeof M == "function" ? M() : M) || document.body, T = typeof $ == "function" ? $(_) : $;
       if (T) {
         var De = typeof T == "object" ? T : void 0;
-        f.current = null, I ? Promise.resolve().then(function() {
-          return M.focus(De);
-        }) : M.focus(De);
+        c.current = null, I ? Promise.resolve().then(function() {
+          return _.focus(De);
+        }) : _.focus(De);
       }
     }
   }, [$]), Ir = W(function(I) {
-    v.current && je.useMedium(I);
+    m.current && je.useMedium(I);
   }, []), Sr = Ve.useMedium, Nr = W(function(I) {
-    c.current !== I && (c.current = I, i(I));
+    i.current !== I && (i.current = I, a(I));
   }, []);
-  process.env.NODE_ENV !== "production" && (typeof q < "u" && console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"), Wr(function() {
-    !c.current && typeof Ne != "string" && console.error("FocusLock: could not obtain ref to internal node");
+  process.env.NODE_ENV !== "production" && (typeof q < "u" && console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"), Ge(function() {
+    !i.current && typeof Ne != "string" && console.error("FocusLock: could not obtain ref to internal node");
   }, []));
-  var Tr = U((t = {}, t[He] = d && "disabled", t[ie] = z, t), yr), Ae = F !== !0, Pr = Ae && F !== "tail", Ar = jr([n, Nr]), Dr = Br(function() {
+  var Tr = U((t = {}, t[He] = l && "disabled", t[ie] = z, t), yr), Ae = g !== !0, Pr = Ae && g !== "tail", Ar = Hr([n, Nr]), Dr = Rr(function() {
     return {
-      observed: c,
+      observed: i,
       shards: J,
-      enabled: !d,
-      active: v.current
+      enabled: !l,
+      active: m.current
     };
-  }, [d, v.current, J, u]);
-  return /* @__PURE__ */ S.createElement(Ur, null, Ae && [
+  }, [l, m.current, J, u]);
+  return /* @__PURE__ */ S.createElement(Cr, null, Ae && [
     /* @__PURE__ */ S.createElement("div", {
       key: "guard-first",
       "data-focus-guard": !0,
-      tabIndex: d ? -1 : 0,
+      tabIndex: l ? -1 : 0,
       style: te
     }),
-    br ? /* @__PURE__ */ S.createElement("div", {
+    pr ? /* @__PURE__ */ S.createElement("div", {
       key: "guard-nearest",
       "data-focus-guard": !0,
-      tabIndex: d ? -1 : 1,
+      tabIndex: l ? -1 : 1,
       style: te
     }) : null
-  ], !d && /* @__PURE__ */ S.createElement(hr, {
+  ], !l && /* @__PURE__ */ S.createElement(hr, {
     id: xr,
-    sideCar: en,
+    sideCar: Zr,
     observed: u,
-    disabled: d,
+    disabled: l,
     persistentFocus: y,
-    crossFrame: O,
+    crossFrame: E,
     autoFocus: D,
-    whiteList: pr,
+    whiteList: br,
     shards: J,
-    onActivation: Or,
-    onDeactivation: Er,
+    onActivation: Er,
+    onDeactivation: Or,
     returnFocus: wr,
-    focusOptions: Fr,
-    noFocusGuards: F
+    focusOptions: gr,
+    noFocusGuards: g
   }), /* @__PURE__ */ S.createElement(Ne, U({
     ref: Ar
   }, Tr, {
     className: mr,
     onBlur: Sr,
     onFocus: Ir
-  }), /* @__PURE__ */ S.createElement(rn.Provider, {
+  }), /* @__PURE__ */ S.createElement(en.Provider, {
     value: Dr
-  }, a)), Pr && /* @__PURE__ */ S.createElement("div", {
+  }, f)), Pr && /* @__PURE__ */ S.createElement("div", {
     "data-focus-guard": !0,
-    tabIndex: d ? -1 : 0,
+    tabIndex: l ? -1 : 0,
     style: te
   }));
 });
 ve.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
+  children: v.node,
+  disabled: v.bool,
+  returnFocus: v.oneOfType([v.bool, v.object, v.func]),
+  focusOptions: v.object,
+  noFocusGuards: v.bool,
+  hasPositiveIndices: v.bool,
+  allowTextSelection: v.bool,
+  autoFocus: v.bool,
+  persistentFocus: v.bool,
+  crossFrame: v.bool,
+  group: v.string,
+  className: v.string,
+  whiteList: v.func,
+  shards: v.arrayOf(v.any),
+  as: v.oneOfType([v.string, v.func, v.object]),
+  lockProps: v.object,
+  onActivation: v.func,
+  onDeactivation: v.func,
+  sideCar: v.any.isRequired
 } : {};
 function ce(e, r) {
   return ce = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, t) {
     return n.__proto__ = t, n;
   }, ce(e, r);
 }
-function tn(e, r) {
+function nn(e, r) {
   e.prototype = Object.create(r.prototype), e.prototype.constructor = e, ce(e, r);
 }
 function G(e) {
@@ -163,7 +162,7 @@ function G(e) {
     return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
   }, G(e);
 }
-function on(e, r) {
+function tn(e, r) {
   if (G(e) != "object" || !e) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -173,19 +172,19 @@ function on(e, r) {
   }
   return (r === "string" ? String : Number)(e);
 }
-function un(e) {
-  var r = on(e, "string");
+function on(e) {
+  var r = tn(e, "string");
   return G(r) == "symbol" ? r : r + "";
 }
-function an(e, r, n) {
-  return (r = un(r)) in e ? Object.defineProperty(e, r, {
+function un(e, r, n) {
+  return (r = on(r)) in e ? Object.defineProperty(e, r, {
     value: n,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[r] = n, e;
 }
-function cn(e, r) {
+function an(e, r) {
   if (process.env.NODE_ENV !== "production") {
     if (typeof e != "function")
       throw new Error("Expected reducePropsToState to be a function.");
@@ -198,36 +197,36 @@ function cn(e, r) {
   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 u = [], a;
+    function i() {
+      a = e(u.map(function(c) {
+        return c.props;
+      })), r(a);
     }
-    var v = /* @__PURE__ */ function(f) {
-      tn(b, f);
-      function b() {
-        return f.apply(this, arguments) || this;
+    var m = /* @__PURE__ */ function(c) {
+      nn(d, c);
+      function d() {
+        return c.apply(this, arguments) || this;
       }
-      b.peek = function() {
-        return i;
+      d.peek = function() {
+        return a;
       };
-      var s = b.prototype;
+      var s = d.prototype;
       return s.componentDidMount = function() {
-        u.push(this), c();
+        u.push(this), i();
       }, s.componentDidUpdate = function() {
-        c();
+        i();
       }, s.componentWillUnmount = function() {
         var p = u.indexOf(this);
-        u.splice(p, 1), c();
+        u.splice(p, 1), i();
       }, s.render = function() {
         return /* @__PURE__ */ S.createElement(o, this.props);
-      }, b;
-    }(Gr);
-    return an(v, "displayName", "SideEffect(" + n(o) + ")"), v;
+      }, d;
+    }(Wr);
+    return un(m, "displayName", "SideEffect(" + n(o) + ")"), m;
   };
 }
-var E = function(e) {
+var O = function(e) {
   for (var r = Array(e.length), n = 0; n < e.length; ++n)
     r[n] = e[n];
   return r;
@@ -235,7 +234,7 @@ var E = function(e) {
   return Array.isArray(e) ? e : [e];
 }, qe = function(e) {
   return Array.isArray(e) ? e[0] : e;
-}, fn = function(e) {
+}, cn = function(e) {
   if (e.nodeType !== Node.ELEMENT_NODE)
     return !1;
   var r = window.getComputedStyle(e, null);
@@ -247,36 +246,36 @@ var E = function(e) {
   ) : e.parentNode;
 }, Ke = function(e) {
   return e === document || e && e.nodeType === Node.DOCUMENT_NODE;
-}, sn = function(e) {
+}, fn = function(e) {
   return e.hasAttribute("inert");
-}, dn = function(e, r) {
-  return !e || Ke(e) || !fn(e) && !sn(e) && r($e(e));
+}, sn = function(e, r) {
+  return !e || Ke(e) || !cn(e) && !fn(e) && r($e(e));
 }, Xe = function(e, r) {
   var n = e.get(r);
   if (n !== void 0)
     return n;
-  var t = dn(r, Xe.bind(void 0, e));
+  var t = sn(r, Xe.bind(void 0, e));
   return e.set(r, t), t;
-}, ln = function(e, r) {
-  return e && !Ke(e) ? pn(e) ? r($e(e)) : !1 : !0;
+}, dn = function(e, r) {
+  return e && !Ke(e) ? mn(e) ? r($e(e)) : !1 : !0;
 }, Ye = function(e, r) {
   var n = e.get(r);
   if (n !== void 0)
     return n;
-  var t = ln(r, Ye.bind(void 0, e));
+  var t = dn(r, Ye.bind(void 0, e));
   return e.set(r, t), t;
 }, ze = function(e) {
   return e.dataset;
-}, vn = function(e) {
+}, ln = function(e) {
   return e.tagName === "BUTTON";
 }, Je = function(e) {
   return e.tagName === "INPUT";
 }, Qe = function(e) {
   return Je(e) && e.type === "radio";
+}, vn = function(e) {
+  return !((Je(e) || ln(e)) && (e.type === "hidden" || e.disabled));
 }, mn = function(e) {
-  return !((Je(e) || vn(e)) && (e.type === "hidden" || e.disabled));
-}, pn = function(e) {
-  var r = e.getAttribute(Qr);
+  var r = e.getAttribute(Jr);
   return ![!0, "true", ""].includes(r);
 }, me = function(e) {
   var r;
@@ -285,7 +284,7 @@ var E = function(e) {
   return !me(e);
 }, bn = function(e) {
   return !!e;
-}, yn = function(e, r) {
+}, pn = 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)
@@ -294,11 +293,11 @@ var E = function(e) {
       return -1;
   }
   return o || u;
-}, hn = function(e) {
+}, yn = function(e) {
   return e.tabIndex < 0 && !e.hasAttribute("tabindex") ? 0 : e.tabIndex;
-}, pe = function(e, r, n) {
-  return E(e).map(function(t, o) {
-    var u = hn(t);
+}, be = function(e, r, n) {
+  return O(e).map(function(t, o) {
+    var u = yn(t);
     return {
       node: t,
       index: o,
@@ -306,8 +305,8 @@ var E = function(e) {
     };
   }).filter(function(t) {
     return !r || t.tabIndex >= 0;
-  }).sort(yn);
-}, Fn = [
+  }).sort(pn);
+}, hn = [
   "button:enabled",
   "select:enabled",
   "textarea:enabled",
@@ -325,52 +324,52 @@ var E = function(e) {
   "[tabindex]",
   "[contenteditable]",
   "[autofocus]"
-], be = Fn.join(","), gn = "".concat(be, ", [data-focus-guard]"), Ze = function(e, r) {
-  return E((e.shadowRoot || e).children).reduce(function(n, t) {
-    return n.concat(t.matches(r ? gn : be) ? [t] : [], Ze(t));
+], pe = hn.join(","), gn = "".concat(pe, ", [data-focus-guard]"), Ze = function(e, r) {
+  return O((e.shadowRoot || e).children).reduce(function(n, t) {
+    return n.concat(t.matches(r ? gn : pe) ? [t] : [], Ze(t));
   }, []);
-}, xn = function(e, r) {
+}, Fn = function(e, r) {
   var n;
-  return e instanceof HTMLIFrameElement && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? R([e.contentDocument.body], r) : [e];
-}, R = function(e, r) {
+  return e instanceof HTMLIFrameElement && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? C([e.contentDocument.body], r) : [e];
+}, C = function(e, r) {
   return e.reduce(function(n, t) {
-    var o, u = Ze(t, r), i = (o = []).concat.apply(o, u.map(function(c) {
-      return xn(c, r);
+    var o, u = Ze(t, r), a = (o = []).concat.apply(o, u.map(function(i) {
+      return Fn(i, r);
     }));
     return n.concat(
       // add all tabbables inside and within shadow DOMs in DOM order
-      i,
+      a,
       // add if node is tabbable itself
-      t.parentNode ? E(t.parentNode.querySelectorAll(be)).filter(function(c) {
-        return c === t;
+      t.parentNode ? O(t.parentNode.querySelectorAll(pe)).filter(function(i) {
+        return i === t;
       }) : []
     );
   }, []);
-}, On = function(e) {
-  var r = e.querySelectorAll("[".concat(Jr, "]"));
-  return E(r).map(function(n) {
-    return R([n]);
+}, xn = function(e) {
+  var r = e.querySelectorAll("[".concat(zr, "]"));
+  return O(r).map(function(n) {
+    return C([n]);
   }).reduce(function(n, t) {
     return n.concat(t);
   }, []);
 }, ye = function(e, r) {
-  return E(e).filter(function(n) {
+  return O(e).filter(function(n) {
     return Xe(r, n);
   }).filter(function(n) {
-    return mn(n);
+    return vn(n);
   });
-}, Me = function(e, r) {
-  return r === void 0 && (r = /* @__PURE__ */ new Map()), E(e).filter(function(n) {
+}, _e = function(e, r) {
+  return r === void 0 && (r = /* @__PURE__ */ new Map()), O(e).filter(function(n) {
     return Ye(r, n);
   });
 }, he = function(e, r, n) {
-  return pe(ye(R(e, n), r), !0, n);
+  return be(ye(C(e, n), r), !0, n);
 }, H = function(e, r) {
-  return pe(ye(R(e), r), !1);
+  return be(ye(C(e), r), !1);
 }, En = function(e, r) {
-  return ye(On(e), r);
+  return ye(xn(e), r);
 }, P = function(e, r) {
-  return e.shadowRoot ? P(e.shadowRoot, r) : Object.getPrototypeOf(e).contains !== void 0 && Object.getPrototypeOf(e).contains.call(e, r) ? !0 : E(e.children).some(function(n) {
+  return e.shadowRoot ? P(e.shadowRoot, r) : Object.getPrototypeOf(e).contains !== void 0 && Object.getPrototypeOf(e).contains.call(e, r) ? !0 : O(e.children).some(function(n) {
     var t;
     if (n instanceof HTMLIFrameElement) {
       var o = (t = n.contentDocument) === null || t === void 0 ? void 0 : t.body;
@@ -378,24 +377,24 @@ var E = function(e) {
     }
     return P(n, r);
   });
-}, wn = function(e) {
+}, On = 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);
+  return e.filter(function(a, i) {
+    return !r.has(i);
   });
 }, er = function(e) {
   return e.parentNode ? er(e.parentNode) : e;
-}, Fe = function(e) {
+}, ge = function(e) {
   var r = A(e);
   return r.filter(Boolean).reduce(function(n, t) {
     var o = t.getAttribute(ie);
-    return n.push.apply(n, o ? wn(E(er(t).querySelectorAll("[".concat(ie, '="').concat(o, '"]:not([').concat(He, '="disabled"])')))) : [t]), n;
+    return n.push.apply(n, o ? On(O(er(t).querySelectorAll("[".concat(ie, '="').concat(o, '"]:not([').concat(He, '="disabled"])')))) : [t]), n;
   }, []);
-}, In = function(e) {
+}, wn = function(e) {
   try {
     return e();
   } catch {
@@ -404,79 +403,79 @@ var E = function(e) {
 }, j = function(e) {
   if (e === void 0 && (e = document), !(!e || !e.activeElement)) {
     var r = e.activeElement;
-    return r.shadowRoot ? j(r.shadowRoot) : r instanceof HTMLIFrameElement && In(function() {
+    return r.shadowRoot ? j(r.shadowRoot) : r instanceof HTMLIFrameElement && wn(function() {
       return r.contentWindow.document;
     }) ? j(r.contentWindow.document) : r;
   }
-}, Sn = function(e, r) {
+}, In = function(e, r) {
   return e === r;
-}, Nn = function(e, r) {
-  return !!E(e.querySelectorAll("iframe")).some(function(n) {
-    return Sn(n, r);
+}, Sn = function(e, r) {
+  return !!O(e.querySelectorAll("iframe")).some(function(n) {
+    return In(n, r);
   });
 }, rr = function(e, r) {
-  return r === void 0 && (r = j(qe(e).ownerDocument)), !r || r.dataset && r.dataset.focusGuard ? !1 : Fe(e).some(function(n) {
-    return P(n, r) || Nn(n, r);
+  return r === void 0 && (r = j(qe(e).ownerDocument)), !r || r.dataset && r.dataset.focusGuard ? !1 : ge(e).some(function(n) {
+    return P(n, r) || Sn(n, r);
   });
-}, Tn = function(e) {
+}, Nn = function(e) {
   e === void 0 && (e = document);
   var r = j(e);
-  return r ? E(e.querySelectorAll("[".concat(zr, "]"))).some(function(n) {
+  return r ? O(e.querySelectorAll("[".concat(Yr, "]"))).some(function(n) {
     return P(n, r);
   }) : !1;
-}, Pn = function(e, r) {
+}, Tn = function(e, r) {
   return r.filter(Qe).filter(function(n) {
     return n.name === e.name;
   }).filter(function(n) {
     return n.checked;
   })[0] || e;
-}, ge = function(e, r) {
-  return Qe(e) && e.name ? Pn(e, r) : e;
-}, An = function(e) {
+}, Fe = function(e, r) {
+  return Qe(e) && e.name ? Tn(e, r) : e;
+}, Pn = function(e) {
   var r = /* @__PURE__ */ new Set();
   return e.forEach(function(n) {
-    return r.add(ge(n, e));
+    return r.add(Fe(n, e));
   }), e.filter(function(n) {
     return r.has(n);
   });
-}, _e = function(e) {
-  return e[0] && e.length > 1 ? ge(e[0], e) : e[0];
-}, ke = function(e, r) {
-  return e.indexOf(ge(r, e));
-}, se = "NEW_FOCUS", Dn = function(e, r, n, t, o) {
-  var u = e.length, i = e[0], c = e[u - 1], v = me(t);
+}, ke = function(e) {
+  return e[0] && e.length > 1 ? Fe(e[0], e) : e[0];
+}, Le = function(e, r) {
+  return e.indexOf(Fe(r, e));
+}, se = "NEW_FOCUS", An = function(e, r, n, t, o) {
+  var u = e.length, a = e[0], i = e[u - 1], m = me(t);
   if (!(t && e.indexOf(t) >= 0)) {
-    var f = t !== void 0 ? n.indexOf(t) : -1, b = o ? n.indexOf(o) : f, s = o ? e.indexOf(o) : -1;
-    if (f === -1)
+    var c = t !== void 0 ? n.indexOf(t) : -1, d = o ? n.indexOf(o) : c, s = o ? e.indexOf(o) : -1;
+    if (c === -1)
       return s !== -1 ? s : se;
     if (s === -1)
       return se;
-    var a = f - b, p = n.indexOf(i), d = n.indexOf(c), m = An(n), F = t !== void 0 ? m.indexOf(t) : -1, x = o ? m.indexOf(o) : F, y = m.filter(function(z) {
+    var f = c - d, p = n.indexOf(a), l = n.indexOf(i), b = Pn(n), g = t !== void 0 ? b.indexOf(t) : -1, x = o ? b.indexOf(o) : g, y = b.filter(function(z) {
       return z.tabIndex >= 0;
-    }), h = t !== void 0 ? y.indexOf(t) : -1, O = o ? y.indexOf(o) : h, w = h >= 0 && O >= 0 ? (
+    }), h = t !== void 0 ? y.indexOf(t) : -1, E = o ? y.indexOf(o) : h, w = h >= 0 && E >= 0 ? (
       // old/new are tabbables, measure distance in tabbable space
-      O - h
+      E - h
     ) : (
       // or else measure in focusable space
-      x - F
+      x - g
     );
-    if (!a && s >= 0 || r.length === 0)
+    if (!f && s >= 0 || r.length === 0)
       return s;
-    var D = ke(e, r[0]), q = ke(e, r[r.length - 1]);
-    if (f <= p && v && Math.abs(a) > 1)
+    var D = Le(e, r[0]), q = Le(e, r[r.length - 1]);
+    if (c <= p && m && Math.abs(f) > 1)
       return q;
-    if (f >= d && v && Math.abs(a) > 1)
+    if (c >= l && m && Math.abs(f) > 1)
       return D;
-    if (a && Math.abs(w) > 1)
+    if (f && Math.abs(w) > 1)
       return s;
-    if (f <= p)
+    if (c <= p)
       return q;
-    if (f > d)
+    if (c > l)
       return D;
-    if (a)
-      return Math.abs(a) > 1 ? s : (u + s + a) % u;
+    if (f)
+      return Math.abs(f) > 1 ? s : (u + s + f) % u;
   }
-}, Cn = function(e) {
+}, Dn = function(e) {
   return function(r) {
     var n, t = (n = ze(r)) === null || n === void 0 ? void 0 : n.autofocus;
     return (
@@ -486,12 +485,12 @@ var E = function(e) {
       e.indexOf(r) >= 0
     );
   };
-}, Le = function(e, r, n) {
+}, Re = function(e, r, n) {
   var t = e.map(function(u) {
-    var i = u.node;
-    return i;
-  }), o = Me(t.filter(Cn(n)));
-  return o && o.length ? _e(o) : _e(Me(r));
+    var a = u.node;
+    return a;
+  }), o = _e(t.filter(Dn(n)));
+  return o && o.length ? ke(o) : ke(_e(r));
 }, de = function(e, r) {
   return r === void 0 && (r = []), r.push(e), e.parentNode && de(e.parentNode.host || e.parentNode, r), r;
 }, oe = function(e, r) {
@@ -502,14 +501,14 @@ var E = function(e) {
   }
   return !1;
 }, nr = function(e, r, n) {
-  var t = A(e), o = A(r), u = t[0], i = !1;
-  return o.filter(Boolean).forEach(function(c) {
-    i = oe(i || c, c) || i, n.filter(Boolean).forEach(function(v) {
-      var f = oe(u, v);
-      f && (!i || P(f, i) ? i = f : i = oe(f, i));
+  var t = A(e), o = A(r), u = t[0], a = !1;
+  return o.filter(Boolean).forEach(function(i) {
+    a = oe(a || i, i) || a, n.filter(Boolean).forEach(function(m) {
+      var c = oe(u, m);
+      c && (!a || P(c, a) ? a = c : a = oe(c, a));
     });
-  }), i;
-}, Re = function(e, r) {
+  }), a;
+}, Ce = function(e, r) {
   return e.reduce(function(n, t) {
     return n.concat(En(t, r));
   }, []);
@@ -521,45 +520,45 @@ var E = function(e) {
     return n.get(t);
   }).filter(bn);
 }, _n = function(e, r) {
-  var n = j(A(e).length > 0 ? document : qe(e).ownerDocument), t = Fe(e).filter(fe), o = nr(n || e, e, t), u = /* @__PURE__ */ new Map(), i = H(t, u), c = i.filter(function(d) {
-    var m = d.node;
-    return fe(m);
+  var n = j(A(e).length > 0 ? document : qe(e).ownerDocument), t = ge(e).filter(fe), o = nr(n || e, e, t), u = /* @__PURE__ */ new Map(), a = H(t, u), i = a.filter(function(l) {
+    var b = l.node;
+    return fe(b);
   });
-  if (c[0]) {
-    var v = H([o], u).map(function(d) {
-      var m = d.node;
-      return m;
-    }), f = Mn(v, c), b = f.map(function(d) {
-      var m = d.node;
-      return m;
-    }), s = f.filter(function(d) {
-      var m = d.tabIndex;
-      return m >= 0;
-    }).map(function(d) {
-      var m = d.node;
-      return m;
-    }), a = Dn(b, s, v, n, r);
-    if (a === se) {
+  if (i[0]) {
+    var m = H([o], u).map(function(l) {
+      var b = l.node;
+      return b;
+    }), c = Mn(m, i), d = c.map(function(l) {
+      var b = l.node;
+      return b;
+    }), s = c.filter(function(l) {
+      var b = l.tabIndex;
+      return b >= 0;
+    }).map(function(l) {
+      var b = l.node;
+      return b;
+    }), f = An(d, s, m, n, r);
+    if (f === se) {
       var p = (
         // first try only tabbable, and the fallback to all focusable, as long as at least one element should be picked for focus
-        Le(i, s, Re(t, u)) || Le(i, b, Re(t, u))
+        Re(a, s, Ce(t, u)) || Re(a, d, 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];
+    return f === void 0 ? f : c[f];
   }
 }, kn = function(e) {
-  var r = Fe(e).filter(fe), n = nr(e, e, r), t = pe(R([n], !0), !0, !0), o = R(r, !1);
+  var r = ge(e).filter(fe), n = nr(e, e, r), t = be(C([n], !0), !0, !0), o = C(r, !1);
   return t.map(function(u) {
-    var i = u.node, c = u.index;
+    var a = u.node, i = u.index;
     return {
-      node: i,
-      index: c,
-      lockItem: o.indexOf(i) >= 0,
-      guard: me(i)
+      node: a,
+      index: i,
+      lockItem: o.indexOf(a) >= 0,
+      guard: me(a)
     };
   });
 }, xe = function(e, r) {
@@ -607,22 +606,22 @@ var Ln = function(e) {
 }, Rn = function(e) {
   var r, n, t, o, u;
   if (e)
-    for (var i = e.stack, c = e.ownerDocument, v = /* @__PURE__ */ new Map(), f = 0, b = i; f < b.length; f++) {
-      var s = b[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(), m = a.contains(d) ? d : void 0, F = (t = s.right) === null || t === void 0 ? void 0 : t.call(s), x = he([a], v), y = (
+    for (var a = e.stack, i = e.ownerDocument, m = /* @__PURE__ */ new Map(), c = 0, d = a; c < d.length; c++) {
+      var s = d[c], f = (r = s.parent) === null || r === void 0 ? void 0 : r.call(s);
+      if (f && i.contains(f)) {
+        for (var p = (n = s.left) === null || n === void 0 ? void 0 : n.call(s), l = s.current(), b = f.contains(l) ? l : void 0, g = (t = s.right) === null || t === void 0 ? void 0 : t.call(s), x = he([f], m), y = (
           // that is element itself
-          (u = (o = m ?? // or something in it's place
+          (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
+            g
           )) !== null && u !== void 0 ? u : (
             // or somebody to the left, something?
             p
           )
         ); y; ) {
-          for (var h = 0, O = x; h < O.length; h++) {
-            var w = O[h];
+          for (var h = 0, E = x; h < E.length; h++) {
+            var w = E[h];
             if (y != null && y.contains(w.node))
               return w.node;
           }
@@ -637,17 +636,17 @@ var Ln = function(e) {
   return function() {
     return Rn(r);
   };
-}, Wn = function(e, r, n) {
+}, Cn = 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 !P(i, e);
+  if (t.every(function(a) {
+    return !P(a, e);
   }))
     return console.error("Active element is not contained in the scope"), {};
-  var o = n ? he(t, /* @__PURE__ */ new Map()) : H(t, /* @__PURE__ */ new Map()), u = o.findIndex(function(i) {
-    var c = i.node;
-    return c === e;
+  var o = n ? he(t, /* @__PURE__ */ new Map()) : H(t, /* @__PURE__ */ new Map()), u = o.findIndex(function(a) {
+    var i = a.node;
+    return i === e;
   });
   if (u !== -1)
     return {
@@ -656,13 +655,13 @@ var Ln = function(e) {
       first: o[0],
       last: o[o.length - 1]
     };
-}, Bn = function(e, r) {
+}, Wn = function(e, r) {
   var n = r ? he(A(e), /* @__PURE__ */ new Map()) : H(A(e), /* @__PURE__ */ new Map());
   return {
     first: n[0],
     last: n[n.length - 1]
   };
-}, Un = function(e) {
+}, Bn = function(e) {
   return Object.assign({
     scope: document.body,
     cycle: !0,
@@ -670,59 +669,59 @@ var Ln = function(e) {
   }, e);
 }, ur = function(e, r, n) {
   r === void 0 && (r = {});
-  var t = Un(r), o = Wn(e, t.scope, t.onlyTabbable);
+  var t = Bn(r), o = Cn(e, t.scope, t.onlyTabbable);
   if (o) {
     var u = n(o, t.cycle);
     u && xe(u.node, t.focusOptions);
   }
-}, Gn = function(e, r) {
+}, Un = function(e, r) {
   r === void 0 && (r = {}), ur(e, r, function(n, t) {
     var o = n.next, u = n.first;
     return o || t && u;
   });
-}, Hn = function(e, r) {
+}, Gn = function(e, r) {
   r === void 0 && (r = {}), ur(e, r, function(n, t) {
     var o = n.prev, u = n.last;
     return o || t && u;
   });
 }, ar = function(e, r, n) {
-  var t, o = Bn(e, (t = r.onlyTabbable) !== null && t !== void 0 ? t : !0), u = o[n];
+  var t, o = Wn(e, (t = r.onlyTabbable) !== null && t !== void 0 ? t : !0), u = o[n];
   u && xe(u.node, r.focusOptions);
-}, jn = function(e, r) {
+}, Hn = function(e, r) {
   r === void 0 && (r = {}), ar(e, r, "first");
-}, Vn = function(e, r) {
+}, jn = function(e, r) {
   r === void 0 && (r = {}), ar(e, r, "last");
 };
-function Oe(e) {
+function Ee(e) {
   setTimeout(e, 1);
 }
-var qn = function(r) {
+var Vn = function(r) {
   return r && "current" in r ? r.current : r;
 }, ir = function() {
   return document && document.activeElement === document.body;
-}, $n = function() {
-  return ir() || Tn();
-}, k = null, g = null, We = function() {
+}, qn = function() {
+  return ir() || Nn();
+}, L = null, F = null, We = function() {
   return null;
-}, L = null, V = !1, Ee = !1, Kn = function() {
+}, R = null, V = !1, Oe = !1, $n = function() {
   return !0;
-}, Xn = function(r) {
-  return (k.whiteList || Kn)(r);
-}, Yn = function(r, n) {
-  L = {
+}, Kn = function(r) {
+  return (L.whiteList || $n)(r);
+}, Xn = function(r, n) {
+  R = {
     observerNode: r,
     portaledElement: n
   };
-}, zn = function(r) {
-  return L && L.portaledElement === r;
+}, Yn = function(r) {
+  return R && R.portaledElement === r;
 };
 function Be(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) {
+    var a = t[u];
+    if (a.guard)
+      a.node.dataset.focusAutoGuard && (o = a);
+    else if (a.lockItem) {
       if (u !== e)
         return;
       o = null;
@@ -731,53 +730,53 @@ function Be(e, r, n, t) {
   } while ((u += n) !== r);
   o && (o.node.tabIndex = 0);
 }
-var Jn = function(r) {
+var zn = function(r) {
   return r ? !!V : V === "meanwhile";
-}, Qn = function e(r, n, t) {
+}, Jn = function e(r, n, t) {
   return n && (n.host === r && (!n.activeElement || t.contains(n.activeElement)) || n.parentNode && e(r, n.parentNode, t));
-}, Zn = function(r, n) {
+}, Qn = function(r, n) {
   return n.some(function(t) {
-    return Qn(r, t, t);
+    return Jn(r, t, t);
   });
 }, cr = function(r) {
   return H(r, /* @__PURE__ */ new Map());
-}, et = function(r) {
+}, Zn = function(r) {
   return !cr([r.parentNode]).some(function(n) {
     return n.node === r;
   });
 }, Y = function() {
   var r = !1;
-  if (k) {
-    var n = k, t = n.observed, o = n.persistentFocus, u = n.autoFocus, i = n.shards, c = n.crossFrame, v = n.focusOptions, f = n.noFocusGuards, b = t || L && L.portaledElement;
-    if (ir() && g && g !== document.body && (!document.body.contains(g) || et(g))) {
+  if (L) {
+    var n = L, t = n.observed, o = n.persistentFocus, u = n.autoFocus, a = n.shards, i = n.crossFrame, m = n.focusOptions, c = n.noFocusGuards, d = t || R && R.portaledElement;
+    if (ir() && F && F !== document.body && (!document.body.contains(F) || Zn(F))) {
       var s = We();
       s && s.focus();
     }
-    var a = document && document.activeElement;
-    if (b) {
-      var p = [b].concat(i.map(qn).filter(Boolean)), d = function() {
-        if (!Jn(c) || !f || !g || Ee)
+    var f = document && document.activeElement;
+    if (d) {
+      var p = [d].concat(a.map(Vn).filter(Boolean)), l = function() {
+        if (!zn(i) || !c || !F || Oe)
           return !1;
-        var h = cr(p), O = h.findIndex(function(w) {
+        var h = cr(p), E = h.findIndex(function(w) {
           var D = w.node;
-          return D === g;
+          return D === F;
         });
-        return O === 0 || O === h.length - 1;
+        return E === 0 || E === h.length - 1;
       };
-      if ((!a || Xn(a)) && (o || d() || !$n() || !g && u) && (b && !(rr(p) || a && Zn(a, p) || zn(a)) && (document && !g && a && !u ? (a.blur && a.blur(), document.body.focus()) : (r = tr(p, g, {
-        focusOptions: v
-      }), L = {})), g = document && document.activeElement, g !== document.body && (We = or(g)), V = !1), document && a !== document.activeElement && document.querySelector("[data-focus-auto-guard]")) {
-        var m = document && document.activeElement, F = kn(p), x = F.map(function(y) {
+      if ((!f || Kn(f)) && (o || l() || !qn() || !F && u) && (d && !(rr(p) || f && Qn(f, p) || Yn(f)) && (document && !F && f && !u ? (f.blur && f.blur(), document.body.focus()) : (r = tr(p, F, {
+        focusOptions: m
+      }), R = {})), F = document && document.activeElement, F !== document.body && (We = or(F)), V = !1), document && f !== document.activeElement && document.querySelector("[data-focus-auto-guard]")) {
+        var b = document && document.activeElement, g = kn(p), x = g.map(function(y) {
           var h = y.node;
           return h;
-        }).indexOf(m);
-        x > -1 && (F.filter(function(y) {
-          var h = y.guard, O = y.node;
-          return h && O.dataset.focusAutoGuard;
+        }).indexOf(b);
+        x > -1 && (g.filter(function(y) {
+          var h = y.guard, E = y.node;
+          return h && E.dataset.focusAutoGuard;
         }).forEach(function(y) {
           var h = y.node;
           return h.removeAttribute("tabIndex");
-        }), Be(x, F.length, 1, F), Be(x, -1, -1, F));
+        }), Be(x, g.length, 1, g), Be(x, -1, -1, g));
       }
     }
   }
@@ -785,24 +784,24 @@ var Jn = function(r) {
 }, fr = function(r) {
   Y() && r && (r.stopPropagation(), r.preventDefault());
 }, we = function() {
-  return Oe(Y);
-}, rt = function(r) {
+  return Ee(Y);
+}, et = function(r) {
   var n = r.target, t = r.currentTarget;
-  t.contains(n) || Yn(t, n);
-}, nt = function() {
+  t.contains(n) || Xn(t, n);
+}, rt = function() {
   return null;
 }, sr = function() {
-  Ee = !0;
+  Oe = !0;
 }, dr = function() {
-  Ee = !1, V = "just", Oe(function() {
+  Oe = !1, V = "just", Ee(function() {
     V = "meanwhile";
   });
-}, tt = function() {
+}, nt = function() {
   document.addEventListener("focusin", fr), document.addEventListener("focusout", we), window.addEventListener("focus", sr), window.addEventListener("blur", dr);
-}, ot = function() {
+}, tt = function() {
   document.removeEventListener("focusin", fr), document.removeEventListener("focusout", we), window.removeEventListener("focus", sr), window.removeEventListener("blur", dr);
 };
-function ut(e) {
+function ot(e) {
   return e.filter(function(r) {
     var n = r.disabled;
     return !n;
@@ -811,104 +810,113 @@ function ut(e) {
 var lr = {
   moveFocusInside: tr,
   focusInside: rr,
-  focusNextElement: Gn,
-  focusPrevElement: Hn,
-  focusFirstElement: jn,
-  focusLastElement: Vn,
+  focusNextElement: Un,
+  focusPrevElement: Gn,
+  focusFirstElement: Hn,
+  focusLastElement: jn,
   captureFocusRestore: or
 };
-function at(e) {
+function ut(e) {
   var r = e.slice(-1)[0];
-  r && !k && tt();
-  var n = k, t = n && r && r.id === n.id;
-  k = r, n && !t && (n.onDeactivation(), e.filter(function(o) {
+  r && !L && nt();
+  var n = L, t = n && r && r.id === n.id;
+  L = r, n && !t && (n.onDeactivation(), e.filter(function(o) {
     var u = o.id;
     return u === n.id;
-  }).length || n.returnFocus(!r)), r ? (g = null, (!t || n.observed !== r.observed) && r.onActivation(lr), Y(), Oe(Y)) : (ot(), g = null);
+  }).length || n.returnFocus(!r)), r ? (F = null, (!t || n.observed !== r.observed) && r.onActivation(lr), Y(), Ee(Y)) : (tt(), F = null);
 }
-je.assignSyncMedium(rt);
+je.assignSyncMedium(et);
 Ve.assignMedium(we);
-Zr.assignMedium(function(e) {
+Qr.assignMedium(function(e) {
   return e(lr);
 });
-const it = cn(ut, at)(nt);
+const at = an(ot, ut)(rt);
 var vr = /* @__PURE__ */ Ue(function(r, n) {
   return /* @__PURE__ */ S.createElement(ve, U({
-    sideCar: it,
+    sideCar: at,
     ref: n
   }, r));
-}), ct = ve.propTypes || {}, ft = Yr(ct, ["sideCar"]);
-vr.propTypes = process.env.NODE_ENV !== "production" ? ft : {};
-const st = ({
+}), it = ve.propTypes || {}, ct = Xr(it, ["sideCar"]);
+vr.propTypes = process.env.NODE_ENV !== "production" ? ct : {};
+const ft = ({
   children: e,
   theme: r,
   className: n,
-  buttonCloseClassName: t
+  buttonCloseClassName: t,
+  onClose: o
 }) => {
-  const { content: o, onClose: u, closeBtnRef: i } = Ge(), { theme: c } = Xr(), v = K.toArray(e).find(
-    (a) => X(a) && a.type === N.Header
-  ), f = K.toArray(e).find(
-    (a) => X(a) && a.type === N.Body
-  ), b = K.toArray(e).find(
-    (a) => X(a) && a.type === N.Footer
-  ), s = K.toArray(e).filter(
-    (a) => !X(a) || ![N.Header, N.Body, N.Footer].includes(
-      a.type
+  const { theme: u } = Kr(), a = K.toArray(e).find(
+    (d) => X(d) && d.type === N.Header
+  ), i = K.toArray(e).find(
+    (d) => X(d) && d.type === N.Body
+  ), m = K.toArray(e).find(
+    (d) => X(d) && d.type === N.Footer
+  ), c = K.toArray(e).filter(
+    (d) => !X(d) || ![N.Header, N.Body, N.Footer].includes(
+      d.type
     )
   );
-  return /* @__PURE__ */ _(vr, { returnFocus: !0, children: /* @__PURE__ */ _(Vr, { children: /* @__PURE__ */ ee("div", { className: "fixed inset-0 grid place-content-center", children: [
-    /* @__PURE__ */ _(
+  return /* @__PURE__ */ k(vr, { returnFocus: !0, children: /* @__PURE__ */ k(jr, { children: /* @__PURE__ */ ee("div", { className: "fixed inset-0 grid place-content-center", children: [
+    /* @__PURE__ */ k(
       "div",
       {
         className: "absolute inset-0 bg-black opacity-75",
-        onClick: u,
+        onClick: o,
         role: "presentation"
       }
     ),
     /* @__PURE__ */ ee(
       "div",
       {
-        className: Ce(
-          $r({
+        className: Me(
+          qr({
             className: n,
-            theme: r ?? c
+            theme: r ?? u
           })
         ),
         role: "dialog",
         "aria-modal": "true",
         children: [
-          v,
+          a,
           /* @__PURE__ */ ee(
             "button",
             {
-              ref: i,
-              className: Ce(
-                qr({
+              className: Me(
+                Vr({
                   className: t,
-                  theme: r ?? c
+                  theme: r ?? u
                 })
               ),
-              onClick: u,
+              onClick: o,
               children: [
-                /* @__PURE__ */ _(Kr, {}),
-                /* @__PURE__ */ _(Lr, { children: "Dismiss modal" })
+                /* @__PURE__ */ k($r, {}),
+                /* @__PURE__ */ k(Ur, { children: "Dismiss modal" })
               ]
             }
           ),
-          f ?? s ?? o,
-          b
+          i ?? c,
+          m
         ]
       }
     )
   ] }) }) });
-}, N = ({ ...e }) => {
-  const { isOpen: r } = Ge();
-  return r ? kr.createPortal(/* @__PURE__ */ _(st, { ...e }), document.body) : null;
-};
-N.Header = _r;
-N.Body = Cr;
-N.Footer = Mr;
+}, N = ({ isOpen: e, onClose: r, ...n }) => (Ge(() => {
+  const t = new AbortController(), o = (u) => {
+    u.code === "Escape" && (r == null || r());
+  };
+  return window.addEventListener("keydown", o, {
+    signal: t.signal
+  }), () => {
+    t.abort();
+  };
+}, [r]), e ? Br.createPortal(
+  /* @__PURE__ */ k(ft, { ...n, onClose: r }),
+  document.body
+) : null);
+N.Header = kr;
+N.Body = Mr;
+N.Footer = _r;
 export {
   N as M,
-  st as W
+  ft as W
 };

package/dist/components/Modal/Modal.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
+import "react";
 import "../../index-D7QNmo_D.js";
-import { M as d } from "../../Modal-ByNiP7eb.js";
+import { M as d } from "../../Modal-B-E9uaA6.js";
 import "./components/Header/Header.js";
 import "./components/Body/Body.js";
 import "./components/Footer/Footer.js";
-import "./hooks/useModal.js";
 export {
   d as Modal
 };

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -1,13 +1,12 @@
 import "react/jsx-runtime";
 import "../../../../index-CbTU3cnP.js";
 import "react";
-import { W as x } from "../../../../Modal-ByNiP7eb.js";
+import { W as s } from "../../../../Modal-B-E9uaA6.js";
 import "../../../../Combination-b348x__d.js";
 import "../../../../utils/index.js";
 import "./Wrapper.variants.js";
-import "../../hooks/useModal.js";
 import "../../../../x-DU-Zw-L_.js";
 import "../../../../contexts/theme.hook.js";
 export {
-  x as Wrapper
+  s as Wrapper
 };

package/dist/components/Modal/components/index.js

@@ -1,7 +1,7 @@
 import { Body as e } from "./Body/Body.js";
 import { Footer as t } from "./Footer/Footer.js";
 import { Header as m } from "./Header/Header.js";
-import { W as a } from "../../../Modal-ByNiP7eb.js";
+import { W as a } from "../../../Modal-B-E9uaA6.js";
 export {
   e as Body,
   t as Footer,

package/dist/components/index.js

@@ -7,7 +7,7 @@ import { Card as n } from "./Card/Card.js";
 import { Checkbox as l } from "./Checkbox/Checkbox.js";
 import { Dropdown as c } from "./Dropdown/Dropdown.js";
 import { Input as N } from "./Input/Input.js";
-import { M as S } from "../Modal-ByNiP7eb.js";
+import { M as S } from "../Modal-B-E9uaA6.js";
 import { NumberInput as s } from "./NumberInput/NumberInput.js";
 import { ProgressBar as C } from "./ProgressBar/ProgressBar.js";
 import { Radio as B } from "./Radio/Radio.js";

package/dist/index.d.ts

@@ -211,6 +211,8 @@ declare type ModalChildProps = {
 declare interface ModalProps extends PropsWithChildren, VariantProps<typeof modalVariants> {
     className?: string;
     buttonCloseClassName?: string;
+    isOpen?: boolean;
+    onClose?: () => void;
 }
 
 declare const modalVariants: (props?: ({

package/dist/index.js

@@ -7,7 +7,7 @@ import { Card as n } from "./components/Card/Card.js";
 import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
 import { Dropdown as s } from "./components/Dropdown/Dropdown.js";
 import { Input as h } from "./components/Input/Input.js";
-import { M as C } from "./Modal-ByNiP7eb.js";
+import { M as C } from "./Modal-B-E9uaA6.js";
 import { NumberInput as R } from "./components/NumberInput/NumberInput.js";
 import { ProgressBar as b } from "./components/ProgressBar/ProgressBar.js";
 import { Radio as B } from "./components/Radio/Radio.js";

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.12-alpha.2",
+  "version": "0.0.12-alpha.3",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -57,13 +57,12 @@
   "dependencies": {
     "@radix-ui/react-alert-dialog": "^1.1.6",
     "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-dialog": "^1.1.5",
+    "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-slider": "^1.2.3",
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.1.3",
     "@radix-ui/react-toast": "^1.2.6",
     "@radix-ui/react-visually-hidden": "^1.1.2",
-    "@radix-ui/react-dialog": "^1.1.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
@@ -132,7 +131,6 @@
     "eslint-plugin-storybook": "^0.9.0",
     "glob": "^11.0.1",
     "husky": "^9.1.7",
-    "jest": "^29.7.0",
     "jest-axe": "^9.0.0",
     "jsdom": "^26.0.0",
     "lodash": "^4.17.21",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.12-alpha.3",
+  "version": "0.0.12-alpha.4",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -131,7 +131,6 @@
     "eslint-plugin-storybook": "^0.9.0",
     "glob": "^11.0.1",
     "husky": "^9.1.7",
-    "jest": "^29.7.0",
     "jest-axe": "^9.0.0",
     "jsdom": "^26.0.0",
     "lodash": "^4.17.21",