@hybridcore/ui 1.5.89 → 1.6.0

package/dist/{Modal-CkcFEpHa.js → Modal-DhPpOoGB.js}

@@ -1,34 +1,31 @@
-import { a as b, _ as q } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as a from "react";
-import { P as e } from "./index-DMSHuq6l.js";
-import { g as ve, a as Te, u as xe, c as te } from "./useThemeProps-DRP1dikX.js";
-import { s as se } from "./styled-B8ugzvji.js";
-import { jsxs as ke, jsx as M } from "react/jsx-runtime";
-import { g as Pe } from "./createTheme-CNnKNxwL.js";
-import { u as _e } from "./useTheme-D-uii9iX.js";
-import { T as je, r as He, g as de } from "./utils-CsOZUsQj.js";
-import { e as J, a as Re } from "./exactProp-cjT0t_Pt.js";
-import { a as z, u as ue, s as fe, b as pe } from "./ButtonBase-DsX-jMQJ.js";
-import { o as H } from "./ownerDocument-CUrv0DIK.js";
-import { o as ie } from "./ownerWindow-niciwP7I.js";
-import { c as me } from "./useId-BHG98T5I.js";
-import { i as Ne } from "./isHostComponent-kiaBvYVo.js";
-import * as $e from "react-dom";
+import { a as m, _ as z } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as c from "react";
+import { P as e } from "./index-C__OZmYy.js";
+import { b as ge, c as W, g as ve, a as Te, u as xe } from "./useThemeProps-BzzHcQyd.js";
+import { s as se } from "./styled-eZwjUruw.js";
+import { jsxs as Pe, jsx as M } from "react/jsx-runtime";
+import { g as ke } from "./createTheme-DYxDnE9u.js";
+import { u as Le } from "./Paper-2B03OBmZ.js";
+import { T as $e, r as je, g as de } from "./utils-BDNynJcd.js";
+import { a as Y, u as ue, s as fe, b as pe } from "./ButtonBase-2bPw77UP.js";
+import { o as j, a as ie, c as me } from "./useId-B4-oF9Mq.js";
+import { i as Re } from "./isHostComponent-kiaBvYVo.js";
+import * as He from "react-dom";
 function Ue(o, n, r) {
-  return o === void 0 || Ne(o) ? n : b({}, n, {
-    ownerState: b({}, n.ownerState, r)
+  return o === void 0 || Re(o) ? n : m({}, n, {
+    ownerState: m({}, n.ownerState, r)
   });
 }
-const Ke = {
+const Ve = {
   disableDefaultClasses: !1
-}, Ve = /* @__PURE__ */ a.createContext(Ke);
-function We(o) {
+}, Ke = /* @__PURE__ */ c.createContext(Ve);
+function qe(o) {
   const {
     disableDefaultClasses: n
-  } = a.useContext(Ve);
+  } = c.useContext(Ke);
   return (r) => n ? "" : o(r);
 }
-function qe(o, n = []) {
+function We(o, n = []) {
   if (o === void 0)
     return {};
   const r = {};
@@ -39,28 +36,46 @@ function qe(o, n = []) {
 function re(o, n) {
   return typeof o == "function" ? o(n) : o;
 }
+function ze(o) {
+  const {
+    prototype: n = {}
+  } = o;
+  return !!n.isReactComponent;
+}
+function Ne(o, n, r, t, i) {
+  const s = o[n], l = i || n;
+  if (s == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let a;
+  const u = s.type;
+  return typeof u == "function" && !ze(u) && (a = "Did you accidentally use a plain function component for an element instead?"), a !== void 0 ? new Error(`Invalid ${t} \`${l}\` supplied to \`${r}\`. Expected an element that can hold a ref. ${a} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const G = ge(e.element, Ne);
+G.isRequired = ge(e.element.isRequired, Ne);
+const Ye = "exact-prop: ​";
+function Ce(o) {
+  return process.env.NODE_ENV === "production" ? o : m({}, o, {
+    [Ye]: (n) => {
+      const r = Object.keys(n).filter((t) => !o.hasOwnProperty(t));
+      return r.length > 0 ? new Error(`The following props are not supported: ${r.map((t) => `\`${t}\``).join(", ")}. Please remove them.`) : null;
+    }
+  });
+}
 function le(o, n, r, t, i) {
   if (process.env.NODE_ENV === "production")
     return null;
   const s = o[n], l = i || n;
   return s == null ? null : s && s.nodeType !== 1 ? new Error(`Invalid ${t} \`${l}\` supplied to \`${r}\`. Expected an HTMLElement.`) : null;
 }
-function ze(o) {
+function Ge(o) {
   const n = o.documentElement.clientWidth;
   return Math.abs(window.innerWidth - n);
 }
-function Se(o) {
-  var n, r, t = "";
-  if (typeof o == "string" || typeof o == "number") t += o;
-  else if (typeof o == "object") if (Array.isArray(o)) for (n = 0; n < o.length; n++) o[n] && (r = Se(o[n])) && (t && (t += " "), t += r);
-  else for (n in o) o[n] && (t && (t += " "), t += n);
-  return t;
-}
-function be() {
-  for (var o, n, r = 0, t = ""; r < arguments.length; ) (o = arguments[r++]) && (n = Se(o)) && (t && (t += " "), t += n);
-  return t;
-}
-function he(o) {
+function be(o) {
   if (o === void 0)
     return {};
   const n = {};
@@ -68,7 +83,7 @@ function he(o) {
     n[r] = o[r];
   }), n;
 }
-function Ye(o) {
+function Ze(o) {
   const {
     getSlotProps: n,
     additionalProps: r,
@@ -77,148 +92,148 @@ function Ye(o) {
     className: s
   } = o;
   if (!n) {
-    const x = be(i == null ? void 0 : i.className, t == null ? void 0 : t.className, s, r == null ? void 0 : r.className), m = b({}, r == null ? void 0 : r.style, i == null ? void 0 : i.style, t == null ? void 0 : t.style), R = b({}, r, i, t);
-    return x.length > 0 && (R.className = x), Object.keys(m).length > 0 && (R.style = m), {
+    const x = W(i == null ? void 0 : i.className, t == null ? void 0 : t.className, s, r == null ? void 0 : r.className), b = m({}, r == null ? void 0 : r.style, i == null ? void 0 : i.style, t == null ? void 0 : t.style), R = m({}, r, i, t);
+    return x.length > 0 && (R.className = x), Object.keys(b).length > 0 && (R.style = b), {
       props: R,
       internalRef: void 0
     };
   }
-  const l = qe(b({}, i, t)), c = he(t), u = he(i), f = n(l), T = be(f == null ? void 0 : f.className, r == null ? void 0 : r.className, s, i == null ? void 0 : i.className, t == null ? void 0 : t.className), y = b({}, f == null ? void 0 : f.style, r == null ? void 0 : r.style, i == null ? void 0 : i.style, t == null ? void 0 : t.style), h = b({}, f, r, u, c);
+  const l = We(m({}, i, t)), a = be(t), u = be(i), f = n(l), T = W(f == null ? void 0 : f.className, r == null ? void 0 : r.className, s, i == null ? void 0 : i.className, t == null ? void 0 : t.className), y = m({}, f == null ? void 0 : f.style, r == null ? void 0 : r.style, i == null ? void 0 : i.style, t == null ? void 0 : t.style), h = m({}, f, r, u, a);
   return T.length > 0 && (h.className = T), Object.keys(y).length > 0 && (h.style = y), {
     props: h,
     internalRef: f.ref
   };
 }
-const Ge = ["elementType", "externalSlotProps", "ownerState"];
-function ye(o) {
+const Xe = ["elementType", "externalSlotProps", "ownerState"];
+function he(o) {
   var n;
   const {
     elementType: r,
     externalSlotProps: t,
     ownerState: i
-  } = o, s = q(o, Ge), l = re(t, i), {
-    props: c,
+  } = o, s = z(o, Xe), l = re(t, i), {
+    props: a,
     internalRef: u
-  } = Ye(b({}, s, {
+  } = Ze(m({}, s, {
     externalSlotProps: l
-  })), f = z(u, l == null ? void 0 : l.ref, (n = o.additionalProps) == null ? void 0 : n.ref);
-  return Ue(r, b({}, c, {
+  })), f = Y(u, l == null ? void 0 : l.ref, (n = o.additionalProps) == null ? void 0 : n.ref);
+  return Ue(r, m({}, a, {
     ref: f
   }), i);
 }
-const Ze = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function Xe(o) {
+const Je = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
+function Qe(o) {
   const n = parseInt(o.getAttribute("tabindex") || "", 10);
   return Number.isNaN(n) ? o.contentEditable === "true" || (o.nodeName === "AUDIO" || o.nodeName === "VIDEO" || o.nodeName === "DETAILS") && o.getAttribute("tabindex") === null ? 0 : o.tabIndex : n;
 }
-function Je(o) {
+function eo(o) {
   if (o.tagName !== "INPUT" || o.type !== "radio" || !o.name)
     return !1;
   const n = (t) => o.ownerDocument.querySelector(`input[type="radio"]${t}`);
   let r = n(`[name="${o.name}"]:checked`);
   return r || (r = n(`[name="${o.name}"]`)), r !== o;
 }
-function Qe(o) {
-  return !(o.disabled || o.tagName === "INPUT" && o.type === "hidden" || Je(o));
+function oo(o) {
+  return !(o.disabled || o.tagName === "INPUT" && o.type === "hidden" || eo(o));
 }
-function eo(o) {
+function no(o) {
   const n = [], r = [];
-  return Array.from(o.querySelectorAll(Ze)).forEach((t, i) => {
-    const s = Xe(t);
-    s === -1 || !Qe(t) || (s === 0 ? n.push(t) : r.push({
+  return Array.from(o.querySelectorAll(Je)).forEach((t, i) => {
+    const s = Qe(t);
+    s === -1 || !oo(t) || (s === 0 ? n.push(t) : r.push({
       documentOrder: i,
       tabIndex: s,
       node: t
     }));
   }), r.sort((t, i) => t.tabIndex === i.tabIndex ? t.documentOrder - i.documentOrder : t.tabIndex - i.tabIndex).map((t) => t.node).concat(n);
 }
-function oo() {
+function to() {
   return !0;
 }
-function Z(o) {
+function J(o) {
   const {
     children: n,
     disableAutoFocus: r = !1,
     disableEnforceFocus: t = !1,
     disableRestoreFocus: i = !1,
-    getTabbable: s = eo,
-    isEnabled: l = oo,
-    open: c
-  } = o, u = a.useRef(!1), f = a.useRef(null), T = a.useRef(null), y = a.useRef(null), h = a.useRef(null), x = a.useRef(!1), m = a.useRef(null), R = z(n.ref, m), N = a.useRef(null);
-  a.useEffect(() => {
-    !c || !m.current || (x.current = !r);
-  }, [r, c]), a.useEffect(() => {
-    if (!c || !m.current)
+    getTabbable: s = no,
+    isEnabled: l = to,
+    open: a
+  } = o, u = c.useRef(!1), f = c.useRef(null), T = c.useRef(null), y = c.useRef(null), h = c.useRef(null), x = c.useRef(!1), b = c.useRef(null), R = Y(n.ref, b), N = c.useRef(null);
+  c.useEffect(() => {
+    !a || !b.current || (x.current = !r);
+  }, [r, a]), c.useEffect(() => {
+    if (!a || !b.current)
       return;
-    const d = H(m.current);
-    return m.current.contains(d.activeElement) || (m.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
-`)), m.current.setAttribute("tabIndex", "-1")), x.current && m.current.focus()), () => {
+    const d = j(b.current);
+    return b.current.contains(d.activeElement) || (b.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
+`)), b.current.setAttribute("tabIndex", "-1")), x.current && b.current.focus()), () => {
       i || (y.current && y.current.focus && (u.current = !0, y.current.focus()), y.current = null);
     };
-  }, [c]), a.useEffect(() => {
-    if (!c || !m.current)
+  }, [a]), c.useEffect(() => {
+    if (!a || !b.current)
       return;
-    const d = H(m.current), g = (O) => {
+    const d = j(b.current), g = (w) => {
       const {
         current: I
-      } = m;
+      } = b;
       if (I !== null) {
         if (!d.hasFocus() || t || !l() || u.current) {
           u.current = !1;
           return;
         }
         if (!I.contains(d.activeElement)) {
-          if (O && h.current !== O.target || d.activeElement !== h.current)
+          if (w && h.current !== w.target || d.activeElement !== h.current)
             h.current = null;
           else if (h.current !== null)
             return;
           if (!x.current)
             return;
-          let P = [];
-          if ((d.activeElement === f.current || d.activeElement === T.current) && (P = s(m.current)), P.length > 0) {
-            var D, L;
-            const F = !!((D = N.current) != null && D.shiftKey && ((L = N.current) == null ? void 0 : L.key) === "Tab"), B = P[0], p = P[P.length - 1];
+          let k = [];
+          if ((d.activeElement === f.current || d.activeElement === T.current) && (k = s(b.current)), k.length > 0) {
+            var D, _;
+            const F = !!((D = N.current) != null && D.shiftKey && ((_ = N.current) == null ? void 0 : _.key) === "Tab"), B = k[0], p = k[k.length - 1];
             typeof B != "string" && typeof p != "string" && (F ? p.focus() : B.focus());
           } else
             I.focus();
         }
       }
-    }, E = (O) => {
-      N.current = O, !(t || !l() || O.key !== "Tab") && d.activeElement === m.current && O.shiftKey && (u.current = !0, T.current && T.current.focus());
+    }, E = (w) => {
+      N.current = w, !(t || !l() || w.key !== "Tab") && d.activeElement === b.current && w.shiftKey && (u.current = !0, T.current && T.current.focus());
     };
     d.addEventListener("focusin", g), d.addEventListener("keydown", E, !0);
-    const C = setInterval(() => {
+    const S = setInterval(() => {
       d.activeElement && d.activeElement.tagName === "BODY" && g(null);
     }, 50);
     return () => {
-      clearInterval(C), d.removeEventListener("focusin", g), d.removeEventListener("keydown", E, !0);
+      clearInterval(S), d.removeEventListener("focusin", g), d.removeEventListener("keydown", E, !0);
     };
-  }, [r, t, i, l, c, s]);
-  const k = (d) => {
+  }, [r, t, i, l, a, s]);
+  const P = (d) => {
     y.current === null && (y.current = d.relatedTarget), x.current = !0, h.current = d.target;
     const g = n.props.onFocus;
     g && g(d);
-  }, w = (d) => {
+  }, O = (d) => {
     y.current === null && (y.current = d.relatedTarget), x.current = !0;
   };
-  return /* @__PURE__ */ ke(a.Fragment, {
+  return /* @__PURE__ */ Pe(c.Fragment, {
     children: [/* @__PURE__ */ M("div", {
-      tabIndex: c ? 0 : -1,
-      onFocus: w,
+      tabIndex: a ? 0 : -1,
+      onFocus: O,
       ref: f,
       "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ a.cloneElement(n, {
+    }), /* @__PURE__ */ c.cloneElement(n, {
       ref: R,
-      onFocus: k
+      onFocus: P
     }), /* @__PURE__ */ M("div", {
-      tabIndex: c ? 0 : -1,
-      onFocus: w,
+      tabIndex: a ? 0 : -1,
+      onFocus: O,
       ref: T,
       "data-testid": "sentinelEnd"
     })]
   });
 }
-process.env.NODE_ENV !== "production" && (Z.propTypes = {
+process.env.NODE_ENV !== "production" && (J.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit TypeScript types and run "yarn proptypes"  |
@@ -226,7 +241,7 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
   /**
    * A single child content element.
    */
-  children: J,
+  children: G,
   /**
    * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -272,39 +287,39 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
    */
   open: e.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (Z.propTypes = Re(Z.propTypes));
-function no(o) {
+process.env.NODE_ENV !== "production" && (J.propTypes = Ce(J.propTypes));
+function ro(o) {
   return typeof o == "function" ? o() : o;
 }
-const X = /* @__PURE__ */ a.forwardRef(function(n, r) {
+const Q = /* @__PURE__ */ c.forwardRef(function(n, r) {
   const {
     children: t,
     container: i,
     disablePortal: s = !1
-  } = n, [l, c] = a.useState(null), u = z(/* @__PURE__ */ a.isValidElement(t) ? t.ref : null, r);
+  } = n, [l, a] = c.useState(null), u = Y(/* @__PURE__ */ c.isValidElement(t) ? t.ref : null, r);
   if (ue(() => {
-    s || c(no(i) || document.body);
+    s || a(ro(i) || document.body);
   }, [i, s]), ue(() => {
     if (l && !s)
       return fe(r, l), () => {
         fe(r, null);
       };
   }, [r, l, s]), s) {
-    if (/* @__PURE__ */ a.isValidElement(t)) {
+    if (/* @__PURE__ */ c.isValidElement(t)) {
       const f = {
         ref: u
       };
-      return /* @__PURE__ */ a.cloneElement(t, f);
+      return /* @__PURE__ */ c.cloneElement(t, f);
     }
-    return /* @__PURE__ */ M(a.Fragment, {
+    return /* @__PURE__ */ M(c.Fragment, {
       children: t
     });
   }
-  return /* @__PURE__ */ M(a.Fragment, {
-    children: l && /* @__PURE__ */ $e.createPortal(t, l)
+  return /* @__PURE__ */ M(c.Fragment, {
+    children: l && /* @__PURE__ */ He.createPortal(t, l)
   });
 });
-process.env.NODE_ENV !== "production" && (X.propTypes = {
+process.env.NODE_ENV !== "production" && (Q.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit TypeScript types and run "yarn proptypes"  |
@@ -327,57 +342,57 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    */
   disablePortal: e.bool
 });
-process.env.NODE_ENV !== "production" && (X.propTypes = Re(X.propTypes));
-function to(o) {
-  const n = H(o);
+process.env.NODE_ENV !== "production" && (Q.propTypes = Ce(Q.propTypes));
+function so(o) {
+  const n = j(o);
   return n.body === o ? ie(o).innerWidth > n.documentElement.clientWidth : o.scrollHeight > o.clientHeight;
 }
-function W(o, n) {
+function q(o, n) {
   n ? o.setAttribute("aria-hidden", "true") : o.removeAttribute("aria-hidden");
 }
-function Ee(o) {
+function ye(o) {
   return parseInt(ie(o).getComputedStyle(o).paddingRight, 10) || 0;
 }
-function ro(o) {
+function io(o) {
   const r = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].indexOf(o.tagName) !== -1, t = o.tagName === "INPUT" && o.getAttribute("type") === "hidden";
   return r || t;
 }
-function ge(o, n, r, t, i) {
+function Ee(o, n, r, t, i) {
   const s = [n, r, ...t];
   [].forEach.call(o.children, (l) => {
-    const c = s.indexOf(l) === -1, u = !ro(l);
-    c && u && W(l, i);
+    const a = s.indexOf(l) === -1, u = !io(l);
+    a && u && q(l, i);
   });
 }
-function ne(o, n) {
+function te(o, n) {
   let r = -1;
   return o.some((t, i) => n(t) ? (r = i, !0) : !1), r;
 }
-function so(o, n) {
+function lo(o, n) {
   const r = [], t = o.container;
   if (!n.disableScrollLock) {
-    if (to(t)) {
-      const l = ze(H(t));
+    if (so(t)) {
+      const l = Ge(j(t));
       r.push({
         value: t.style.paddingRight,
         property: "padding-right",
         el: t
-      }), t.style.paddingRight = `${Ee(t) + l}px`;
-      const c = H(t).querySelectorAll(".mui-fixed");
-      [].forEach.call(c, (u) => {
+      }), t.style.paddingRight = `${ye(t) + l}px`;
+      const a = j(t).querySelectorAll(".mui-fixed");
+      [].forEach.call(a, (u) => {
         r.push({
           value: u.style.paddingRight,
           property: "padding-right",
           el: u
-        }), u.style.paddingRight = `${Ee(u) + l}px`;
+        }), u.style.paddingRight = `${ye(u) + l}px`;
       });
     }
     let s;
     if (t.parentNode instanceof DocumentFragment)
-      s = H(t).body;
+      s = j(t).body;
     else {
-      const l = t.parentElement, c = ie(t);
-      s = (l == null ? void 0 : l.nodeName) === "HTML" && c.getComputedStyle(l).overflowY === "scroll" ? l : t;
+      const l = t.parentElement, a = ie(t);
+      s = (l == null ? void 0 : l.nodeName) === "HTML" && a.getComputedStyle(l).overflowY === "scroll" ? l : t;
     }
     r.push({
       value: s.style.overflow,
@@ -397,19 +412,19 @@ function so(o, n) {
     r.forEach(({
       value: s,
       el: l,
-      property: c
+      property: a
     }) => {
-      s ? l.style.setProperty(c, s) : l.style.removeProperty(c);
+      s ? l.style.setProperty(a, s) : l.style.removeProperty(a);
     });
   };
 }
-function io(o) {
+function ao(o) {
   const n = [];
   return [].forEach.call(o.children, (r) => {
     r.getAttribute("aria-hidden") === "true" && n.push(r);
   }), n;
 }
-class lo {
+class co {
   constructor() {
     this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
   }
@@ -417,10 +432,10 @@ class lo {
     let t = this.modals.indexOf(n);
     if (t !== -1)
       return t;
-    t = this.modals.length, this.modals.push(n), n.modalRef && W(n.modalRef, !1);
-    const i = io(r);
-    ge(r, n.mount, n.modalRef, i, !0);
-    const s = ne(this.containers, (l) => l.container === r);
+    t = this.modals.length, this.modals.push(n), n.modalRef && q(n.modalRef, !1);
+    const i = ao(r);
+    Ee(r, n.mount, n.modalRef, i, !0);
+    const s = te(this.containers, (l) => l.container === r);
     return s !== -1 ? (this.containers[s].modals.push(n), t) : (this.containers.push({
       modals: [n],
       container: r,
@@ -429,19 +444,19 @@ class lo {
     }), t);
   }
   mount(n, r) {
-    const t = ne(this.containers, (s) => s.modals.indexOf(n) !== -1), i = this.containers[t];
-    i.restore || (i.restore = so(i, r));
+    const t = te(this.containers, (s) => s.modals.indexOf(n) !== -1), i = this.containers[t];
+    i.restore || (i.restore = lo(i, r));
   }
   remove(n, r = !0) {
     const t = this.modals.indexOf(n);
     if (t === -1)
       return t;
-    const i = ne(this.containers, (l) => l.modals.indexOf(n) !== -1), s = this.containers[i];
+    const i = te(this.containers, (l) => l.modals.indexOf(n) !== -1), s = this.containers[i];
     if (s.modals.splice(s.modals.indexOf(n), 1), this.modals.splice(t, 1), s.modals.length === 0)
-      s.restore && s.restore(), n.modalRef && W(n.modalRef, r), ge(s.container, n.mount, n.modalRef, s.hiddenSiblings, !1), this.containers.splice(i, 1);
+      s.restore && s.restore(), n.modalRef && q(n.modalRef, r), Ee(s.container, n.mount, n.modalRef, s.hiddenSiblings, !1), this.containers.splice(i, 1);
     else {
       const l = s.modals[s.modals.length - 1];
-      l.modalRef && W(l.modalRef, !1);
+      l.modalRef && q(l.modalRef, !1);
     }
     return t;
   }
@@ -449,11 +464,11 @@ class lo {
     return this.modals.length > 0 && this.modals[this.modals.length - 1] === n;
   }
 }
-function ao(o) {
-  return Pe("MuiModal", o);
+function uo(o) {
+  return ke("MuiModal", o);
 }
 ve("MuiModal", ["root", "hidden", "backdrop"]);
-const co = ["children", "closeAfterTransition", "component", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], uo = (o) => {
+const fo = ["children", "closeAfterTransition", "component", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], po = (o) => {
   const {
     open: n,
     exited: r
@@ -461,90 +476,90 @@ const co = ["children", "closeAfterTransition", "component", "container", "disab
   return Te({
     root: ["root", !n && r && "hidden"],
     backdrop: ["backdrop"]
-  }, We(ao));
+  }, qe(uo));
 };
-function fo(o) {
+function mo(o) {
   return typeof o == "function" ? o() : o;
 }
-function po(o) {
+function bo(o) {
   return o ? o.props.hasOwnProperty("in") : !1;
 }
-const mo = new lo(), Ce = /* @__PURE__ */ a.forwardRef(function(n, r) {
+const ho = new co(), Se = /* @__PURE__ */ c.forwardRef(function(n, r) {
   var t, i;
   const {
     children: s,
     closeAfterTransition: l = !1,
-    component: c,
+    component: a,
     container: u,
     disableAutoFocus: f = !1,
     disableEnforceFocus: T = !1,
     disableEscapeKeyDown: y = !1,
     disablePortal: h = !1,
     disableRestoreFocus: x = !1,
-    disableScrollLock: m = !1,
+    disableScrollLock: b = !1,
     hideBackdrop: R = !1,
     keepMounted: N = !1,
     // private
-    manager: k = mo,
-    onBackdropClick: w,
+    manager: P = ho,
+    onBackdropClick: O,
     onClose: d,
     onKeyDown: g,
     open: E,
-    onTransitionEnter: C,
-    onTransitionExited: O,
+    onTransitionEnter: S,
+    onTransitionExited: w,
     slotProps: I = {},
     slots: D = {}
-  } = n, L = q(n, co), [P, F] = a.useState(!E), B = a.useRef({}), p = a.useRef(null), v = a.useRef(null), A = z(v, r), j = po(s), _ = (t = n["aria-hidden"]) != null ? t : !0, Y = () => H(p.current), $ = () => (B.current.modalRef = v.current, B.current.mountNode = p.current, B.current), U = () => {
-    k.mount($(), {
-      disableScrollLock: m
+  } = n, _ = z(n, fo), [k, F] = c.useState(!E), B = c.useRef({}), p = c.useRef(null), v = c.useRef(null), A = Y(v, r), $ = bo(s), L = (t = n["aria-hidden"]) != null ? t : !0, Z = () => j(p.current), H = () => (B.current.modalRef = v.current, B.current.mountNode = p.current, B.current), U = () => {
+    P.mount(H(), {
+      disableScrollLock: b
     }), v.current && (v.current.scrollTop = 0);
-  }, K = pe(() => {
-    const S = fo(u) || Y().body;
-    k.add($(), S), v.current && U();
-  }), Q = a.useCallback(() => k.isTopModal($()), [k]), Fe = pe((S) => {
-    p.current = S, !(!S || !v.current) && (E && Q() ? U() : W(v.current, _));
-  }), V = a.useCallback(() => {
-    k.remove($(), _);
-  }, [k, _]);
-  a.useEffect(() => () => {
-    V();
-  }, [V]), a.useEffect(() => {
-    E ? K() : (!j || !l) && V();
-  }, [E, V, j, l, K]);
-  const ee = b({}, n, {
+  }, V = pe(() => {
+    const C = mo(u) || Z().body;
+    P.add(H(), C), v.current && U();
+  }), ee = c.useCallback(() => P.isTopModal(H()), [P]), Fe = pe((C) => {
+    p.current = C, !(!C || !v.current) && (E && ee() ? U() : q(v.current, L));
+  }), K = c.useCallback(() => {
+    P.remove(H(), L);
+  }, [P, L]);
+  c.useEffect(() => () => {
+    K();
+  }, [K]), c.useEffect(() => {
+    E ? V() : (!$ || !l) && K();
+  }, [E, K, $, l, V]);
+  const oe = m({}, n, {
     closeAfterTransition: l,
     disableAutoFocus: f,
     disableEnforceFocus: T,
     disableEscapeKeyDown: y,
     disablePortal: h,
     disableRestoreFocus: x,
-    disableScrollLock: m,
-    exited: P,
+    disableScrollLock: b,
+    exited: k,
     hideBackdrop: R,
     keepMounted: N
-  }), ae = uo(ee), Me = () => {
-    F(!1), C && C();
+  }), ae = po(oe), Me = () => {
+    F(!1), S && S();
   }, Ie = () => {
-    F(!0), O && O(), l && V();
-  }, Ae = (S) => {
-    S.target === S.currentTarget && (w && w(S), d && d(S, "backdropClick"));
-  }, De = (S) => {
-    g && g(S), !(S.key !== "Escape" || !Q()) && (y || (S.stopPropagation(), d && d(S, "escapeKeyDown")));
-  }, G = {};
-  s.props.tabIndex === void 0 && (G.tabIndex = "-1"), j && (G.onEnter = me(Me, s.props.onEnter), G.onExited = me(Ie, s.props.onExited));
-  const ce = (i = c ?? D.root) != null ? i : "div", Be = ye({
+    F(!0), w && w(), l && K();
+  }, Ae = (C) => {
+    C.target === C.currentTarget && (O && O(C), d && d(C, "backdropClick"));
+  }, De = (C) => {
+    g && g(C), !(C.key !== "Escape" || !ee()) && (y || (C.stopPropagation(), d && d(C, "escapeKeyDown")));
+  }, X = {};
+  s.props.tabIndex === void 0 && (X.tabIndex = "-1"), $ && (X.onEnter = me(Me, s.props.onEnter), X.onExited = me(Ie, s.props.onExited));
+  const ce = (i = a ?? D.root) != null ? i : "div", Be = he({
     elementType: ce,
     externalSlotProps: I.root,
-    externalForwardedProps: L,
+    externalForwardedProps: _,
     additionalProps: {
       ref: A,
       role: "presentation",
       onKeyDown: De
     },
     className: ae.root,
-    ownerState: ee
-  }), oe = D.backdrop, Le = ye({
-    elementType: oe,
+    ownerState: oe
+  }), ne = D.backdrop, _e = he({
+    elementType: ne,
     externalSlotProps: I.backdrop,
     additionalProps: {
       "aria-hidden": !0,
@@ -552,28 +567,28 @@ const mo = new lo(), Ce = /* @__PURE__ */ a.forwardRef(function(n, r) {
       open: E
     },
     className: ae.backdrop,
-    ownerState: ee
+    ownerState: oe
   });
-  return !N && !E && (!j || P) ? null : /* @__PURE__ */ M(
-    X,
+  return !N && !E && (!$ || k) ? null : /* @__PURE__ */ M(
+    Q,
     {
       ref: Fe,
       container: u,
       disablePortal: h,
-      children: /* @__PURE__ */ ke(ce, b({}, Be, {
-        children: [!R && oe ? /* @__PURE__ */ M(oe, b({}, Le)) : null, /* @__PURE__ */ M(Z, {
+      children: /* @__PURE__ */ Pe(ce, m({}, Be, {
+        children: [!R && ne ? /* @__PURE__ */ M(ne, m({}, _e)) : null, /* @__PURE__ */ M(J, {
           disableEnforceFocus: T,
           disableAutoFocus: f,
           disableRestoreFocus: x,
-          isEnabled: Q,
+          isEnabled: ee,
           open: E,
-          children: /* @__PURE__ */ a.cloneElement(s, G)
+          children: /* @__PURE__ */ c.cloneElement(s, X)
         })]
       }))
     }
   );
 });
-process.env.NODE_ENV !== "production" && (Ce.propTypes = {
+process.env.NODE_ENV !== "production" && (Se.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit TypeScript types and run "yarn proptypes"  |
@@ -581,7 +596,7 @@ process.env.NODE_ENV !== "production" && (Ce.propTypes = {
   /**
    * A single child content element.
    */
-  children: J.isRequired,
+  children: G.isRequired,
   /**
    * When set to true the Modal waits until a nested Transition is completed before closing.
    * @default false
@@ -690,83 +705,83 @@ process.env.NODE_ENV !== "production" && (Ce.propTypes = {
     root: e.elementType
   })
 });
-const bo = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], ho = {
+const yo = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], Eo = {
   entering: {
     opacity: 1
   },
   entered: {
     opacity: 1
   }
-}, Oe = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  const t = _e(), i = {
+}, we = /* @__PURE__ */ c.forwardRef(function(n, r) {
+  const t = Le(), i = {
     enter: t.transitions.duration.enteringScreen,
     exit: t.transitions.duration.leavingScreen
   }, {
     addEndListener: s,
     appear: l = !0,
-    children: c,
+    children: a,
     easing: u,
     in: f,
     onEnter: T,
     onEntered: y,
     onEntering: h,
     onExit: x,
-    onExited: m,
+    onExited: b,
     onExiting: R,
     style: N,
-    timeout: k = i,
+    timeout: P = i,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: w = je
-  } = n, d = q(n, bo), g = a.useRef(null), E = z(g, c.ref, r), C = (p) => (v) => {
+    TransitionComponent: O = $e
+  } = n, d = z(n, yo), g = c.useRef(null), E = Y(g, a.ref, r), S = (p) => (v) => {
     if (p) {
       const A = g.current;
       v === void 0 ? p(A) : p(A, v);
     }
-  }, O = C(h), I = C((p, v) => {
-    He(p);
+  }, w = S(h), I = S((p, v) => {
+    je(p);
     const A = de({
       style: N,
-      timeout: k,
+      timeout: P,
       easing: u
     }, {
       mode: "enter"
     });
     p.style.webkitTransition = t.transitions.create("opacity", A), p.style.transition = t.transitions.create("opacity", A), T && T(p, v);
-  }), D = C(y), L = C(R), P = C((p) => {
+  }), D = S(y), _ = S(R), k = S((p) => {
     const v = de({
       style: N,
-      timeout: k,
+      timeout: P,
       easing: u
     }, {
       mode: "exit"
     });
     p.style.webkitTransition = t.transitions.create("opacity", v), p.style.transition = t.transitions.create("opacity", v), x && x(p);
-  }), F = C(m);
-  return /* @__PURE__ */ M(w, b({
+  }), F = S(b);
+  return /* @__PURE__ */ M(O, m({
     appear: l,
     in: f,
     nodeRef: g,
     onEnter: I,
     onEntered: D,
-    onEntering: O,
-    onExit: P,
+    onEntering: w,
+    onExit: k,
     onExited: F,
-    onExiting: L,
+    onExiting: _,
     addEndListener: (p) => {
       s && s(g.current, p);
     },
-    timeout: k
+    timeout: P
   }, d, {
-    children: (p, v) => /* @__PURE__ */ a.cloneElement(c, b({
-      style: b({
+    children: (p, v) => /* @__PURE__ */ c.cloneElement(a, m({
+      style: m({
         opacity: 0,
         visibility: p === "exited" && !f ? "hidden" : void 0
-      }, ho[p], N, c.props.style),
+      }, Eo[p], N, a.props.style),
       ref: E
     }, v))
   }));
 });
-process.env.NODE_ENV !== "production" && (Oe.propTypes = {
+process.env.NODE_ENV !== "production" && (we.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -786,7 +801,7 @@ process.env.NODE_ENV !== "production" && (Oe.propTypes = {
   /**
    * A single child content element.
    */
-  children: J.isRequired,
+  children: G.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -841,19 +856,19 @@ process.env.NODE_ENV !== "production" && (Oe.propTypes = {
     exit: e.number
   })])
 });
-function yo(o) {
-  return Pe("MuiBackdrop", o);
+function go(o) {
+  return ke("MuiBackdrop", o);
 }
 ve("MuiBackdrop", ["root", "invisible"]);
-const Eo = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], go = (o) => {
+const vo = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], To = (o) => {
   const {
     classes: n,
     invisible: r
   } = o;
   return Te({
     root: ["root", r && "invisible"]
-  }, yo, n);
-}, vo = se("div", {
+  }, go, n);
+}, xo = se("div", {
   name: "MuiBackdrop",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -864,7 +879,7 @@ const Eo = ["children", "className", "component", "components", "componentsProps
   }
 })(({
   ownerState: o
-}) => b({
+}) => m({
   position: "fixed",
   display: "flex",
   alignItems: "center",
@@ -877,44 +892,44 @@ const Eo = ["children", "className", "component", "components", "componentsProps
   WebkitTapHighlightColor: "transparent"
 }, o.invisible && {
   backgroundColor: "transparent"
-})), we = /* @__PURE__ */ a.forwardRef(function(n, r) {
+})), Oe = /* @__PURE__ */ c.forwardRef(function(n, r) {
   var t, i, s;
   const l = xe({
     props: n,
     name: "MuiBackdrop"
   }), {
-    children: c,
+    children: a,
     className: u,
     component: f = "div",
     components: T = {},
     componentsProps: y = {},
     invisible: h = !1,
     open: x,
-    slotProps: m = {},
+    slotProps: b = {},
     slots: R = {},
-    TransitionComponent: N = Oe,
-    transitionDuration: k
-  } = l, w = q(l, Eo), d = b({}, l, {
+    TransitionComponent: N = we,
+    transitionDuration: P
+  } = l, O = z(l, vo), d = m({}, l, {
     component: f,
     invisible: h
-  }), g = go(d), E = (t = m.root) != null ? t : y.root;
-  return /* @__PURE__ */ M(N, b({
+  }), g = To(d), E = (t = b.root) != null ? t : y.root;
+  return /* @__PURE__ */ M(N, m({
     in: x,
-    timeout: k
-  }, w, {
-    children: /* @__PURE__ */ M(vo, b({
+    timeout: P
+  }, O, {
+    children: /* @__PURE__ */ M(xo, m({
       "aria-hidden": !0
     }, E, {
       as: (i = (s = R.root) != null ? s : T.Root) != null ? i : f,
-      className: te(g.root, u, E == null ? void 0 : E.className),
-      ownerState: b({}, d, E == null ? void 0 : E.ownerState),
+      className: W(g.root, u, E == null ? void 0 : E.className),
+      ownerState: m({}, d, E == null ? void 0 : E.ownerState),
       classes: g,
       ref: r,
-      children: c
+      children: a
     }))
   }));
 });
-process.env.NODE_ENV !== "production" && (we.propTypes = {
+process.env.NODE_ENV !== "production" && (Oe.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -1010,7 +1025,7 @@ process.env.NODE_ENV !== "production" && (we.propTypes = {
     exit: e.number
   })])
 });
-const To = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "slotProps", "slots", "theme"], xo = se("div", {
+const Po = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "slotProps", "slots", "theme"], ko = se("div", {
   name: "MuiModal",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -1022,7 +1037,7 @@ const To = ["BackdropComponent", "BackdropProps", "classes", "className", "close
 })(({
   theme: o,
   ownerState: n
-}) => b({
+}) => m({
   position: "fixed",
   zIndex: (o.vars || o).zIndex.modal,
   right: 0,
@@ -1031,76 +1046,76 @@ const To = ["BackdropComponent", "BackdropProps", "classes", "className", "close
   left: 0
 }, !n.open && n.exited && {
   visibility: "hidden"
-})), ko = se(we, {
+})), Ro = se(Oe, {
   name: "MuiModal",
   slot: "Backdrop",
   overridesResolver: (o, n) => n.backdrop
 })({
   zIndex: -1
-}), Po = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  var t, i, s, l, c, u;
+}), No = /* @__PURE__ */ c.forwardRef(function(n, r) {
+  var t, i, s, l, a, u;
   const f = xe({
     name: "MuiModal",
     props: n
   }), {
-    BackdropComponent: T = ko,
+    BackdropComponent: T = Ro,
     BackdropProps: y,
     classes: h,
     className: x,
-    closeAfterTransition: m = !1,
+    closeAfterTransition: b = !1,
     children: R,
     component: N,
-    components: k = {},
-    componentsProps: w = {},
+    components: P = {},
+    componentsProps: O = {},
     disableAutoFocus: d = !1,
     disableEnforceFocus: g = !1,
     disableEscapeKeyDown: E = !1,
-    disablePortal: C = !1,
-    disableRestoreFocus: O = !1,
+    disablePortal: S = !1,
+    disableRestoreFocus: w = !1,
     disableScrollLock: I = !1,
     hideBackdrop: D = !1,
-    keepMounted: L = !1,
-    slotProps: P,
+    keepMounted: _ = !1,
+    slotProps: k,
     slots: F,
     // eslint-disable-next-line react/prop-types
     theme: B
-  } = f, p = q(f, To), [v, A] = a.useState(!0), j = {
-    closeAfterTransition: m,
+  } = f, p = z(f, Po), [v, A] = c.useState(!0), $ = {
+    closeAfterTransition: b,
     disableAutoFocus: d,
     disableEnforceFocus: g,
     disableEscapeKeyDown: E,
-    disablePortal: C,
-    disableRestoreFocus: O,
+    disablePortal: S,
+    disableRestoreFocus: w,
     disableScrollLock: I,
     hideBackdrop: D,
-    keepMounted: L
-  }, _ = b({}, f, j, {
+    keepMounted: _
+  }, L = m({}, f, $, {
     exited: v
-  }), Y = (t = (i = F == null ? void 0 : F.root) != null ? i : k.Root) != null ? t : xo, $ = (s = (l = F == null ? void 0 : F.backdrop) != null ? l : k.Backdrop) != null ? s : T, U = (c = P == null ? void 0 : P.root) != null ? c : w.root, K = (u = P == null ? void 0 : P.backdrop) != null ? u : w.backdrop;
-  return /* @__PURE__ */ M(Ce, b({
+  }), Z = (t = (i = F == null ? void 0 : F.root) != null ? i : P.Root) != null ? t : ko, H = (s = (l = F == null ? void 0 : F.backdrop) != null ? l : P.Backdrop) != null ? s : T, U = (a = k == null ? void 0 : k.root) != null ? a : O.root, V = (u = k == null ? void 0 : k.backdrop) != null ? u : O.backdrop;
+  return /* @__PURE__ */ M(Se, m({
     slots: {
-      root: Y,
-      backdrop: $
+      root: Z,
+      backdrop: H
     },
     slotProps: {
-      root: () => b({}, re(U, _), !Ne(Y) && {
+      root: () => m({}, re(U, L), !Re(Z) && {
         as: N,
         theme: B
       }, {
-        className: te(x, U == null ? void 0 : U.className, h == null ? void 0 : h.root, !_.open && _.exited && (h == null ? void 0 : h.hidden))
+        className: W(x, U == null ? void 0 : U.className, h == null ? void 0 : h.root, !L.open && L.exited && (h == null ? void 0 : h.hidden))
       }),
-      backdrop: () => b({}, y, re(K, _), {
-        className: te(K == null ? void 0 : K.className, h == null ? void 0 : h.backdrop)
+      backdrop: () => m({}, y, re(V, L), {
+        className: W(V == null ? void 0 : V.className, h == null ? void 0 : h.backdrop)
       })
     },
     onTransitionEnter: () => A(!1),
     onTransitionExited: () => A(!0),
     ref: r
-  }, p, j, {
+  }, p, $, {
     children: R
   }));
 });
-process.env.NODE_ENV !== "production" && (Po.propTypes = {
+process.env.NODE_ENV !== "production" && (No.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -1128,7 +1143,7 @@ process.env.NODE_ENV !== "production" && (Po.propTypes = {
   /**
    * A single child content element.
    */
-  children: J.isRequired,
+  children: G.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -1271,14 +1286,14 @@ process.env.NODE_ENV !== "production" && (Po.propTypes = {
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
 export {
-  we as B,
-  Oe as F,
+  Oe as B,
+  we as F,
   le as H,
-  Po as M,
-  X as P,
-  We as a,
-  Z as b,
-  ze as g,
-  re as r,
-  ye as u
+  No as M,
+  Q as P,
+  qe as a,
+  J as b,
+  G as e,
+  Ge as g,
+  he as u
 };