@hybridcore/ui 1.5.13 → 1.5.16

package/dist/{Modal-DzZo-vlm.js → Modal-DpmJpbob.js}

@@ -1,44 +1,44 @@
-import { a as b, _ as z } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import { a as b, _ as q } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as a from "react";
 import { P as e } from "./createTheme-DrgvKMA_.js";
-import { c as q, g as ge, a as Te, u as ve } from "./useThemeProps-BlXpIqSE.js";
+import { g as ve, a as Te, u as xe, c as te } from "./useThemeProps-BlXpIqSE.js";
 import { s as se } from "./styled-DkqItiLo.js";
-import { jsxs as xe, jsx as M } from "react/jsx-runtime";
-import { g as ke } from "./createTheme-DVoJnXAT.js";
-import { u as Be } from "./useTheme-B6oa3v5u.js";
-import { T as Le, r as _e, g as de } from "./utils-BRsEqTye.js";
-import { e as Q, a as Pe } from "./exactProp-H1i70prd.js";
-import { a as Y, u as ue, s as fe, b as pe } from "./ButtonBase-CgQC8DUB.js";
+import { jsxs as ke, jsx as M } from "react/jsx-runtime";
+import { g as Pe } from "./createTheme-DVoJnXAT.js";
+import { u as _e } from "./useTheme-B6oa3v5u.js";
+import { T as je, r as He, g as de } from "./utils-BRsEqTye.js";
+import { e as J, a as Re } from "./exactProp-H1i70prd.js";
+import { a as z, u as ue, s as fe, b as pe } from "./ButtonBase-CgQC8DUB.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 Re } from "./isHostComponent-kiaBvYVo.js";
-import * as je from "react-dom";
+import { i as Ne } from "./isHostComponent-kiaBvYVo.js";
+import * as $e from "react-dom";
 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 He(o) {
+function Ue(o) {
   const n = o.documentElement.clientWidth;
   return Math.abs(window.innerWidth - n);
 }
-function $e(o, n, r) {
-  return o === void 0 || Re(o) ? n : b({}, n, {
+function Ke(o, n, r) {
+  return o === void 0 || Ne(o) ? n : b({}, n, {
     ownerState: b({}, n.ownerState, r)
   });
 }
-const Ue = {
+const Ve = {
   disableDefaultClasses: !1
-}, Ke = /* @__PURE__ */ a.createContext(Ue);
-function Ve(o) {
+}, We = /* @__PURE__ */ a.createContext(Ve);
+function qe(o) {
   const {
     disableDefaultClasses: n
-  } = a.useContext(Ke);
+  } = a.useContext(We);
   return (r) => n ? "" : o(r);
 }
-function We(o, n = []) {
+function ze(o, n = []) {
   if (o === void 0)
     return {};
   const r = {};
@@ -49,7 +49,18 @@ function We(o, n = []) {
 function re(o, n) {
   return typeof o == "function" ? o(n) : o;
 }
-function be(o) {
+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) {
   if (o === void 0)
     return {};
   const n = {};
@@ -57,7 +68,7 @@ function be(o) {
     n[r] = o[r];
   }), n;
 }
-function qe(o) {
+function Ye(o) {
   const {
     getSlotProps: n,
     additionalProps: r,
@@ -66,74 +77,74 @@ function qe(o) {
     className: s
   } = o;
   if (!n) {
-    const x = q(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);
+    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), {
       props: R,
       internalRef: void 0
     };
   }
-  const l = We(b({}, i, t)), c = be(t), u = be(i), f = n(l), v = q(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), E = 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);
-  return v.length > 0 && (h.className = v), Object.keys(E).length > 0 && (h.style = E), {
+  const l = ze(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);
+  return T.length > 0 && (h.className = T), Object.keys(y).length > 0 && (h.style = y), {
     props: h,
     internalRef: f.ref
   };
 }
-const ze = ["elementType", "externalSlotProps", "ownerState"];
-function he(o) {
+const Ge = ["elementType", "externalSlotProps", "ownerState"];
+function ye(o) {
   var n;
   const {
     elementType: r,
     externalSlotProps: t,
     ownerState: i
-  } = o, s = z(o, ze), l = re(t, i), {
+  } = o, s = q(o, Ge), l = re(t, i), {
     props: c,
     internalRef: u
-  } = qe(b({}, s, {
+  } = Ye(b({}, s, {
     externalSlotProps: l
-  })), f = Y(u, l == null ? void 0 : l.ref, (n = o.additionalProps) == null ? void 0 : n.ref);
-  return $e(r, b({}, c, {
+  })), f = z(u, l == null ? void 0 : l.ref, (n = o.additionalProps) == null ? void 0 : n.ref);
+  return Ke(r, b({}, c, {
     ref: f
   }), i);
 }
-const Ye = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function Ge(o) {
+const Ze = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
+function Xe(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 Ze(o) {
+function Je(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 Xe(o) {
-  return !(o.disabled || o.tagName === "INPUT" && o.type === "hidden" || Ze(o));
+function Qe(o) {
+  return !(o.disabled || o.tagName === "INPUT" && o.type === "hidden" || Je(o));
 }
-function Je(o) {
+function eo(o) {
   const n = [], r = [];
-  return Array.from(o.querySelectorAll(Ye)).forEach((t, i) => {
-    const s = Ge(t);
-    s === -1 || !Xe(t) || (s === 0 ? n.push(t) : r.push({
+  return Array.from(o.querySelectorAll(Ze)).forEach((t, i) => {
+    const s = Xe(t);
+    s === -1 || !Qe(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 Qe() {
+function oo() {
   return !0;
 }
-function X(o) {
+function Z(o) {
   const {
     children: n,
     disableAutoFocus: r = !1,
     disableEnforceFocus: t = !1,
     disableRestoreFocus: i = !1,
-    getTabbable: s = Je,
-    isEnabled: l = Qe,
+    getTabbable: s = eo,
+    isEnabled: l = oo,
     open: c
-  } = o, u = a.useRef(!1), f = a.useRef(null), v = a.useRef(null), E = a.useRef(null), h = a.useRef(null), x = a.useRef(!1), m = a.useRef(null), R = Y(n.ref, m), N = a.useRef(null);
+  } = 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(() => {
@@ -142,7 +153,7 @@ function X(o) {
     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()), () => {
-      i || (E.current && E.current.focus && (u.current = !0, E.current.focus()), E.current = null);
+      i || (y.current && y.current.focus && (u.current = !0, y.current.focus()), y.current = null);
     };
   }, [c]), a.useEffect(() => {
     if (!c || !m.current)
@@ -164,7 +175,7 @@ function X(o) {
           if (!x.current)
             return;
           let P = [];
-          if ((d.activeElement === f.current || d.activeElement === v.current) && (P = s(m.current)), P.length > 0) {
+          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];
             typeof B != "string" && typeof p != "string" && (F ? p.focus() : B.focus());
@@ -172,25 +183,25 @@ function X(o) {
             I.focus();
         }
       }
-    }, y = (O) => {
-      N.current = O, !(t || !l() || O.key !== "Tab") && d.activeElement === m.current && O.shiftKey && (u.current = !0, v.current && v.current.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());
     };
-    d.addEventListener("focusin", g), d.addEventListener("keydown", y, !0);
+    d.addEventListener("focusin", g), d.addEventListener("keydown", E, !0);
     const C = setInterval(() => {
       d.activeElement && d.activeElement.tagName === "BODY" && g(null);
     }, 50);
     return () => {
-      clearInterval(C), d.removeEventListener("focusin", g), d.removeEventListener("keydown", y, !0);
+      clearInterval(C), d.removeEventListener("focusin", g), d.removeEventListener("keydown", E, !0);
     };
   }, [r, t, i, l, c, s]);
   const k = (d) => {
-    E.current === null && (E.current = d.relatedTarget), x.current = !0, h.current = d.target;
+    y.current === null && (y.current = d.relatedTarget), x.current = !0, h.current = d.target;
     const g = n.props.onFocus;
     g && g(d);
   }, w = (d) => {
-    E.current === null && (E.current = d.relatedTarget), x.current = !0;
+    y.current === null && (y.current = d.relatedTarget), x.current = !0;
   };
-  return /* @__PURE__ */ xe(a.Fragment, {
+  return /* @__PURE__ */ ke(a.Fragment, {
     children: [/* @__PURE__ */ M("div", {
       tabIndex: c ? 0 : -1,
       onFocus: w,
@@ -202,12 +213,12 @@ function X(o) {
     }), /* @__PURE__ */ M("div", {
       tabIndex: c ? 0 : -1,
       onFocus: w,
-      ref: v,
+      ref: T,
       "data-testid": "sentinelEnd"
     })]
   });
 }
-process.env.NODE_ENV !== "production" && (X.propTypes = {
+process.env.NODE_ENV !== "production" && (Z.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit TypeScript types and run "yarn proptypes"  |
@@ -215,7 +226,7 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
   /**
    * A single child content element.
    */
-  children: Q,
+  children: J,
   /**
    * 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.
@@ -261,18 +272,18 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    */
   open: e.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (X.propTypes = Pe(X.propTypes));
-function eo(o) {
+process.env.NODE_ENV !== "production" && (Z.propTypes = Re(Z.propTypes));
+function no(o) {
   return typeof o == "function" ? o() : o;
 }
-const J = /* @__PURE__ */ a.forwardRef(function(n, r) {
+const X = /* @__PURE__ */ a.forwardRef(function(n, r) {
   const {
     children: t,
     container: i,
     disablePortal: s = !1
-  } = n, [l, c] = a.useState(null), u = Y(/* @__PURE__ */ a.isValidElement(t) ? t.ref : null, r);
+  } = n, [l, c] = a.useState(null), u = z(/* @__PURE__ */ a.isValidElement(t) ? t.ref : null, r);
   if (ue(() => {
-    s || c(eo(i) || document.body);
+    s || c(no(i) || document.body);
   }, [i, s]), ue(() => {
     if (l && !s)
       return fe(r, l), () => {
@@ -290,10 +301,10 @@ const J = /* @__PURE__ */ a.forwardRef(function(n, r) {
     });
   }
   return /* @__PURE__ */ M(a.Fragment, {
-    children: l && /* @__PURE__ */ je.createPortal(t, l)
+    children: l && /* @__PURE__ */ $e.createPortal(t, l)
   });
 });
-process.env.NODE_ENV !== "production" && (J.propTypes = {
+process.env.NODE_ENV !== "production" && (X.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit TypeScript types and run "yarn proptypes"  |
@@ -316,8 +327,8 @@ process.env.NODE_ENV !== "production" && (J.propTypes = {
    */
   disablePortal: e.bool
 });
-process.env.NODE_ENV !== "production" && (J.propTypes = Pe(J.propTypes));
-function oo(o) {
+process.env.NODE_ENV !== "production" && (X.propTypes = Re(X.propTypes));
+function to(o) {
   const n = H(o);
   return n.body === o ? ie(o).innerWidth > n.documentElement.clientWidth : o.scrollHeight > o.clientHeight;
 }
@@ -327,26 +338,26 @@ function W(o, n) {
 function Ee(o) {
   return parseInt(ie(o).getComputedStyle(o).paddingRight, 10) || 0;
 }
-function no(o) {
+function ro(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 ye(o, n, r, t, i) {
+function ge(o, n, r, t, i) {
   const s = [n, r, ...t];
   [].forEach.call(o.children, (l) => {
-    const c = s.indexOf(l) === -1, u = !no(l);
+    const c = s.indexOf(l) === -1, u = !ro(l);
     c && u && W(l, i);
   });
 }
-function te(o, n) {
+function ne(o, n) {
   let r = -1;
   return o.some((t, i) => n(t) ? (r = i, !0) : !1), r;
 }
-function to(o, n) {
+function so(o, n) {
   const r = [], t = o.container;
   if (!n.disableScrollLock) {
-    if (oo(t)) {
-      const l = He(H(t));
+    if (to(t)) {
+      const l = Ue(H(t));
       r.push({
         value: t.style.paddingRight,
         property: "padding-right",
@@ -392,13 +403,13 @@ function to(o, n) {
     });
   };
 }
-function ro(o) {
+function io(o) {
   const n = [];
   return [].forEach.call(o.children, (r) => {
     r.getAttribute("aria-hidden") === "true" && n.push(r);
   }), n;
 }
-class so {
+class lo {
   constructor() {
     this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
   }
@@ -407,9 +418,9 @@ class so {
     if (t !== -1)
       return t;
     t = this.modals.length, this.modals.push(n), n.modalRef && W(n.modalRef, !1);
-    const i = ro(r);
-    ye(r, n.mount, n.modalRef, i, !0);
-    const s = te(this.containers, (l) => l.container === r);
+    const i = io(r);
+    ge(r, n.mount, n.modalRef, i, !0);
+    const s = ne(this.containers, (l) => l.container === r);
     return s !== -1 ? (this.containers[s].modals.push(n), t) : (this.containers.push({
       modals: [n],
       container: r,
@@ -418,16 +429,16 @@ class so {
     }), t);
   }
   mount(n, r) {
-    const t = te(this.containers, (s) => s.modals.indexOf(n) !== -1), i = this.containers[t];
-    i.restore || (i.restore = to(i, r));
+    const t = ne(this.containers, (s) => s.modals.indexOf(n) !== -1), i = this.containers[t];
+    i.restore || (i.restore = so(i, r));
   }
   remove(n, r = !0) {
     const t = this.modals.indexOf(n);
     if (t === -1)
       return t;
-    const i = te(this.containers, (l) => l.modals.indexOf(n) !== -1), s = this.containers[i];
+    const i = ne(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), ye(s.container, n.mount, n.modalRef, s.hiddenSiblings, !1), this.containers.splice(i, 1);
+      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);
     else {
       const l = s.modals[s.modals.length - 1];
       l.modalRef && W(l.modalRef, !1);
@@ -438,11 +449,11 @@ class so {
     return this.modals.length > 0 && this.modals[this.modals.length - 1] === n;
   }
 }
-function io(o) {
-  return ke("MuiModal", o);
+function ao(o) {
+  return Pe("MuiModal", o);
 }
-ge("MuiModal", ["root", "hidden", "backdrop"]);
-const lo = ["children", "closeAfterTransition", "component", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], ao = (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 {
     open: n,
     exited: r
@@ -450,15 +461,15 @@ const lo = ["children", "closeAfterTransition", "component", "container", "disab
   return Te({
     root: ["root", !n && r && "hidden"],
     backdrop: ["backdrop"]
-  }, Ve(io));
+  }, qe(ao));
 };
-function co(o) {
+function fo(o) {
   return typeof o == "function" ? o() : o;
 }
-function uo(o) {
+function po(o) {
   return o ? o.props.hasOwnProperty("in") : !1;
 }
-const fo = new so(), Ne = /* @__PURE__ */ a.forwardRef(function(n, r) {
+const mo = new lo(), Ce = /* @__PURE__ */ a.forwardRef(function(n, r) {
   var t, i;
   const {
     children: s,
@@ -466,103 +477,103 @@ const fo = new so(), Ne = /* @__PURE__ */ a.forwardRef(function(n, r) {
     component: c,
     container: u,
     disableAutoFocus: f = !1,
-    disableEnforceFocus: v = !1,
-    disableEscapeKeyDown: E = !1,
+    disableEnforceFocus: T = !1,
+    disableEscapeKeyDown: y = !1,
     disablePortal: h = !1,
     disableRestoreFocus: x = !1,
     disableScrollLock: m = !1,
     hideBackdrop: R = !1,
     keepMounted: N = !1,
     // private
-    manager: k = fo,
+    manager: k = mo,
     onBackdropClick: w,
     onClose: d,
     onKeyDown: g,
-    open: y,
+    open: E,
     onTransitionEnter: C,
     onTransitionExited: O,
     slotProps: I = {},
     slots: D = {}
-  } = n, L = z(n, lo), [P, F] = a.useState(!y), B = a.useRef({}), p = a.useRef(null), T = a.useRef(null), A = Y(T, r), j = uo(s), _ = (t = n["aria-hidden"]) != null ? t : !0, G = () => H(p.current), $ = () => (B.current.modalRef = T.current, B.current.mountNode = p.current, B.current), U = () => {
+  } = 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
-    }), T.current && (T.current.scrollTop = 0);
+    }), v.current && (v.current.scrollTop = 0);
   }, K = pe(() => {
-    const S = co(u) || G().body;
-    k.add($(), S), T.current && U();
-  }), ee = a.useCallback(() => k.isTopModal($()), [k]), Oe = pe((S) => {
-    p.current = S, !(!S || !T.current) && (y && ee() ? U() : W(T.current, _));
+    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(() => {
-    y ? K() : (!j || !l) && V();
-  }, [y, V, j, l, K]);
-  const oe = b({}, n, {
+    E ? K() : (!j || !l) && V();
+  }, [E, V, j, l, K]);
+  const ee = b({}, n, {
     closeAfterTransition: l,
     disableAutoFocus: f,
-    disableEnforceFocus: v,
-    disableEscapeKeyDown: E,
+    disableEnforceFocus: T,
+    disableEscapeKeyDown: y,
     disablePortal: h,
     disableRestoreFocus: x,
     disableScrollLock: m,
     exited: P,
     hideBackdrop: R,
     keepMounted: N
-  }), ae = ao(oe), we = () => {
+  }), ae = uo(ee), Me = () => {
     F(!1), C && C();
-  }, Fe = () => {
+  }, Ie = () => {
     F(!0), O && O(), l && V();
-  }, Me = (S) => {
+  }, Ae = (S) => {
     S.target === S.currentTarget && (w && w(S), d && d(S, "backdropClick"));
-  }, Ie = (S) => {
-    g && g(S), !(S.key !== "Escape" || !ee()) && (E || (S.stopPropagation(), d && d(S, "escapeKeyDown")));
-  }, Z = {};
-  s.props.tabIndex === void 0 && (Z.tabIndex = "-1"), j && (Z.onEnter = me(we, s.props.onEnter), Z.onExited = me(Fe, s.props.onExited));
-  const ce = (i = c ?? D.root) != null ? i : "div", Ae = he({
+  }, 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({
     elementType: ce,
     externalSlotProps: I.root,
     externalForwardedProps: L,
     additionalProps: {
       ref: A,
       role: "presentation",
-      onKeyDown: Ie
+      onKeyDown: De
     },
     className: ae.root,
-    ownerState: oe
-  }), ne = D.backdrop, De = he({
-    elementType: ne,
+    ownerState: ee
+  }), oe = D.backdrop, Le = ye({
+    elementType: oe,
     externalSlotProps: I.backdrop,
     additionalProps: {
       "aria-hidden": !0,
-      onClick: Me,
-      open: y
+      onClick: Ae,
+      open: E
     },
     className: ae.backdrop,
-    ownerState: oe
+    ownerState: ee
   });
-  return !N && !y && (!j || P) ? null : /* @__PURE__ */ M(
-    J,
+  return !N && !E && (!j || P) ? null : /* @__PURE__ */ M(
+    X,
     {
-      ref: Oe,
+      ref: Fe,
       container: u,
       disablePortal: h,
-      children: /* @__PURE__ */ xe(ce, b({}, Ae, {
-        children: [!R && ne ? /* @__PURE__ */ M(ne, b({}, De)) : null, /* @__PURE__ */ M(X, {
-          disableEnforceFocus: v,
+      children: /* @__PURE__ */ ke(ce, b({}, Be, {
+        children: [!R && oe ? /* @__PURE__ */ M(oe, b({}, Le)) : null, /* @__PURE__ */ M(Z, {
+          disableEnforceFocus: T,
           disableAutoFocus: f,
           disableRestoreFocus: x,
-          isEnabled: ee,
-          open: y,
-          children: /* @__PURE__ */ a.cloneElement(s, Z)
+          isEnabled: Q,
+          open: E,
+          children: /* @__PURE__ */ a.cloneElement(s, G)
         })]
       }))
     }
   );
 });
-process.env.NODE_ENV !== "production" && (Ne.propTypes = {
+process.env.NODE_ENV !== "production" && (Ce.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit TypeScript types and run "yarn proptypes"  |
@@ -570,7 +581,7 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   /**
    * A single child content element.
    */
-  children: Q.isRequired,
+  children: J.isRequired,
   /**
    * When set to true the Modal waits until a nested Transition is completed before closing.
    * @default false
@@ -679,15 +690,15 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
     root: e.elementType
   })
 });
-const po = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], mo = {
+const bo = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], ho = {
   entering: {
     opacity: 1
   },
   entered: {
     opacity: 1
   }
-}, Se = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  const t = Be(), i = {
+}, Oe = /* @__PURE__ */ a.forwardRef(function(n, r) {
+  const t = _e(), i = {
     enter: t.transitions.duration.enteringScreen,
     exit: t.transitions.duration.leavingScreen
   }, {
@@ -696,8 +707,8 @@ const po = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "
     children: c,
     easing: u,
     in: f,
-    onEnter: v,
-    onEntered: E,
+    onEnter: T,
+    onEntered: y,
     onEntering: h,
     onExit: x,
     onExited: m,
@@ -705,14 +716,14 @@ const po = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "
     style: N,
     timeout: k = i,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: w = Le
-  } = n, d = z(n, po), g = a.useRef(null), y = Y(g, c.ref, r), C = (p) => (T) => {
+    TransitionComponent: w = je
+  } = n, d = q(n, bo), g = a.useRef(null), E = z(g, c.ref, r), C = (p) => (v) => {
     if (p) {
       const A = g.current;
-      T === void 0 ? p(A) : p(A, T);
+      v === void 0 ? p(A) : p(A, v);
     }
-  }, O = C(h), I = C((p, T) => {
-    _e(p);
+  }, O = C(h), I = C((p, v) => {
+    He(p);
     const A = de({
       style: N,
       timeout: k,
@@ -720,16 +731,16 @@ const po = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "
     }, {
       mode: "enter"
     });
-    p.style.webkitTransition = t.transitions.create("opacity", A), p.style.transition = t.transitions.create("opacity", A), v && v(p, T);
-  }), D = C(E), L = C(R), P = C((p) => {
-    const T = de({
+    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) => {
+    const v = de({
       style: N,
       timeout: k,
       easing: u
     }, {
       mode: "exit"
     });
-    p.style.webkitTransition = t.transitions.create("opacity", T), p.style.transition = t.transitions.create("opacity", T), x && x(p);
+    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({
     appear: l,
@@ -746,16 +757,16 @@ const po = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "
     },
     timeout: k
   }, d, {
-    children: (p, T) => /* @__PURE__ */ a.cloneElement(c, b({
+    children: (p, v) => /* @__PURE__ */ a.cloneElement(c, b({
       style: b({
         opacity: 0,
         visibility: p === "exited" && !f ? "hidden" : void 0
-      }, mo[p], N, c.props.style),
-      ref: y
-    }, T))
+      }, ho[p], N, c.props.style),
+      ref: E
+    }, v))
   }));
 });
-process.env.NODE_ENV !== "production" && (Se.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"     |
@@ -775,7 +786,7 @@ process.env.NODE_ENV !== "production" && (Se.propTypes = {
   /**
    * A single child content element.
    */
-  children: Q.isRequired,
+  children: J.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -830,19 +841,19 @@ process.env.NODE_ENV !== "production" && (Se.propTypes = {
     exit: e.number
   })])
 });
-function bo(o) {
-  return ke("MuiBackdrop", o);
+function yo(o) {
+  return Pe("MuiBackdrop", o);
 }
-ge("MuiBackdrop", ["root", "invisible"]);
-const ho = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], Eo = (o) => {
+ve("MuiBackdrop", ["root", "invisible"]);
+const Eo = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], go = (o) => {
   const {
     classes: n,
     invisible: r
   } = o;
   return Te({
     root: ["root", r && "invisible"]
-  }, bo, n);
-}, yo = se("div", {
+  }, yo, n);
+}, vo = se("div", {
   name: "MuiBackdrop",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -866,44 +877,44 @@ const ho = ["children", "className", "component", "components", "componentsProps
   WebkitTapHighlightColor: "transparent"
 }, o.invisible && {
   backgroundColor: "transparent"
-})), Ce = /* @__PURE__ */ a.forwardRef(function(n, r) {
+})), we = /* @__PURE__ */ a.forwardRef(function(n, r) {
   var t, i, s;
-  const l = ve({
+  const l = xe({
     props: n,
     name: "MuiBackdrop"
   }), {
     children: c,
     className: u,
     component: f = "div",
-    components: v = {},
-    componentsProps: E = {},
+    components: T = {},
+    componentsProps: y = {},
     invisible: h = !1,
     open: x,
     slotProps: m = {},
     slots: R = {},
-    TransitionComponent: N = Se,
+    TransitionComponent: N = Oe,
     transitionDuration: k
-  } = l, w = z(l, ho), d = b({}, l, {
+  } = l, w = q(l, Eo), d = b({}, l, {
     component: f,
     invisible: h
-  }), g = Eo(d), y = (t = m.root) != null ? t : E.root;
+  }), g = go(d), E = (t = m.root) != null ? t : y.root;
   return /* @__PURE__ */ M(N, b({
     in: x,
     timeout: k
   }, w, {
-    children: /* @__PURE__ */ M(yo, b({
+    children: /* @__PURE__ */ M(vo, b({
       "aria-hidden": !0
-    }, y, {
-      as: (i = (s = R.root) != null ? s : v.Root) != null ? i : f,
-      className: q(g.root, u, y == null ? void 0 : y.className),
-      ownerState: b({}, d, y == null ? void 0 : y.ownerState),
+    }, 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),
       classes: g,
       ref: r,
       children: c
     }))
   }));
 });
-process.env.NODE_ENV !== "production" && (Ce.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"     |
@@ -999,7 +1010,7 @@ process.env.NODE_ENV !== "production" && (Ce.propTypes = {
     exit: e.number
   })])
 });
-const go = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "slotProps", "slots", "theme"], To = se("div", {
+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", {
   name: "MuiModal",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -1020,20 +1031,20 @@ const go = ["BackdropComponent", "BackdropProps", "classes", "className", "close
   left: 0
 }, !n.open && n.exited && {
   visibility: "hidden"
-})), vo = se(Ce, {
+})), ko = se(we, {
   name: "MuiModal",
   slot: "Backdrop",
   overridesResolver: (o, n) => n.backdrop
 })({
   zIndex: -1
-}), xo = /* @__PURE__ */ a.forwardRef(function(n, r) {
+}), Po = /* @__PURE__ */ a.forwardRef(function(n, r) {
   var t, i, s, l, c, u;
-  const f = ve({
+  const f = xe({
     name: "MuiModal",
     props: n
   }), {
-    BackdropComponent: v = vo,
-    BackdropProps: E,
+    BackdropComponent: T = ko,
+    BackdropProps: y,
     classes: h,
     className: x,
     closeAfterTransition: m = !1,
@@ -1043,7 +1054,7 @@ const go = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     componentsProps: w = {},
     disableAutoFocus: d = !1,
     disableEnforceFocus: g = !1,
-    disableEscapeKeyDown: y = !1,
+    disableEscapeKeyDown: E = !1,
     disablePortal: C = !1,
     disableRestoreFocus: O = !1,
     disableScrollLock: I = !1,
@@ -1053,33 +1064,33 @@ const go = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     slots: F,
     // eslint-disable-next-line react/prop-types
     theme: B
-  } = f, p = z(f, go), [T, A] = a.useState(!0), j = {
+  } = f, p = q(f, To), [v, A] = a.useState(!0), j = {
     closeAfterTransition: m,
     disableAutoFocus: d,
     disableEnforceFocus: g,
-    disableEscapeKeyDown: y,
+    disableEscapeKeyDown: E,
     disablePortal: C,
     disableRestoreFocus: O,
     disableScrollLock: I,
     hideBackdrop: D,
     keepMounted: L
   }, _ = b({}, f, j, {
-    exited: T
-  }), G = (t = (i = F == null ? void 0 : F.root) != null ? i : k.Root) != null ? t : To, $ = (s = (l = F == null ? void 0 : F.backdrop) != null ? l : k.Backdrop) != null ? s : v, 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(Ne, b({
+    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({
     slots: {
-      root: G,
+      root: Y,
       backdrop: $
     },
     slotProps: {
-      root: () => b({}, re(U, _), !Re(G) && {
+      root: () => b({}, re(U, _), !Ne(Y) && {
         as: N,
         theme: B
       }, {
-        className: q(x, U == null ? void 0 : U.className, h == null ? void 0 : h.root, !_.open && _.exited && (h == null ? void 0 : h.hidden))
+        className: te(x, U == null ? void 0 : U.className, h == null ? void 0 : h.root, !_.open && _.exited && (h == null ? void 0 : h.hidden))
       }),
-      backdrop: () => b({}, E, re(K, _), {
-        className: q(K == null ? void 0 : K.className, h == null ? void 0 : h.backdrop)
+      backdrop: () => b({}, y, re(K, _), {
+        className: te(K == null ? void 0 : K.className, h == null ? void 0 : h.backdrop)
       })
     },
     onTransitionEnter: () => A(!1),
@@ -1089,7 +1100,7 @@ const go = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     children: R
   }));
 });
-process.env.NODE_ENV !== "production" && (xo.propTypes = {
+process.env.NODE_ENV !== "production" && (Po.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -1117,7 +1128,7 @@ process.env.NODE_ENV !== "production" && (xo.propTypes = {
   /**
    * A single child content element.
    */
-  children: Q.isRequired,
+  children: J.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -1260,14 +1271,14 @@ process.env.NODE_ENV !== "production" && (xo.propTypes = {
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
 export {
-  Ce as B,
-  Se as F,
+  we as B,
+  Oe as F,
   le as H,
-  xo as M,
-  J as P,
-  Ve as a,
-  X as b,
-  He as g,
+  Po as M,
+  X as P,
+  qe as a,
+  Z as b,
+  Ue as g,
   re as r,
-  he as u
+  ye as u
 };