@clearstory/drywall-react 4.3.0 → 5.1.0

package/dist/{Modal-CuuH45sn.js → Modal-DWjk-ELn.js}

@@ -1,77 +1,78 @@
-import * as d from "react";
-import { P as n } from "./index-CyAhC1RZ.js";
-import { c as X } from "./clsx-OuTLNxxd.js";
-import { m as me } from "./memoTheme-DKj-Vdvf.js";
-import { g as be } from "./getScrollbarSize-ChzNFR-0.js";
-import { o as K } from "./ownerWindow-niciwP7I.js";
+import * as l from "react";
+import { P as n } from "./index-B5q5ym9h.js";
+import { c as Q } from "./clsx-OuTLNxxd.js";
+import { m as be } from "./memoTheme-D7rECXXN.js";
+import { g as he } from "./getScrollbarSize-ChzNFR-0.js";
+import { o as q } from "./ownerWindow-niciwP7I.js";
 import { o as M } from "./ownerDocument-CUrv0DIK.js";
-import { u as ne } from "./useForkRef-9kN4DArm.js";
-import { u as J } from "./useEventCallback-BAQJJ3ye.js";
-import { c as Q } from "./createChainedFunction-C0nujS3O.js";
-import { e as he } from "./mergeSlotProps-CbCv_7BY.js";
-import { g as ge } from "./generateUtilityClass-BhfUaMgk.js";
-import { g as Ee } from "./generateUtilityClasses-E9gROIFd.js";
-import { u as Z } from "./useSlot-CoTIuujp.js";
-import { jsxs as re, jsx as D } from "react/jsx-runtime";
-import { u as Te } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { s as se } from "./styled-DeKjjxu7.js";
-import { P as ye } from "./Portal-R03qxPC_.js";
-import { g as xe } from "./getReactElementRef-DA-Xf2PF.js";
-import { e as ie } from "./elementAcceptingRef-C0N4y82j.js";
-import { e as Re } from "./exactProp-C1Lmtwf_.js";
-import { B as Pe } from "./Backdrop-WRor_nxN.js";
-import { c as ke } from "./composeClasses-2Ou-RZJr.js";
-import { H as ve } from "./HTMLElementType-Co_vUhOX.js";
-function Ie(e) {
+import { u as se } from "./useForkRef-9kN4DArm.js";
+import { u as Z } from "./useEventCallback-BAQJJ3ye.js";
+import { c as ee } from "./createChainedFunction-C0nujS3O.js";
+import { e as ge } from "./mergeSlotProps-CbCv_7BY.js";
+import { g as Ee } from "./generateUtilityClass-BhfUaMgk.js";
+import { g as Te } from "./generateUtilityClasses-E9gROIFd.js";
+import { u as te } from "./useSlot-CoTIuujp.js";
+import { jsxs as ie, jsx as B } from "react/jsx-runtime";
+import { u as ye } from "./DefaultPropsProvider-CE6KNOqW.js";
+import { s as ae } from "./styled-BKpRY52y.js";
+import { P as xe } from "./Portal-DdS5LtfN.js";
+import { g as Re } from "./getReactElementRef-DA-Xf2PF.js";
+import { a as U } from "./getActiveElement-DQsgVmYn.js";
+import { e as ce } from "./elementAcceptingRef-DuLJFUGe.js";
+import { e as Pe } from "./exactProp-C1Lmtwf_.js";
+import { B as ke } from "./Backdrop-CfSoI3NV.js";
+import { c as ve } from "./composeClasses-2Ou-RZJr.js";
+import { H as Ie } from "./HTMLElementType-Co_vUhOX.js";
+function Ne(e) {
   const t = M(e);
-  return t.body === e ? K(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
+  return t.body === e ? q(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
 }
-function B(e, t) {
+function H(e, t) {
   t ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
 }
-function ee(e) {
-  return parseInt(K(e).getComputedStyle(e).paddingRight, 10) || 0;
+function oe(e) {
+  return parseInt(q(e).getComputedStyle(e).paddingRight, 10) || 0;
 }
-function Ne(e) {
+function Fe(e) {
   const r = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].includes(e.tagName), o = e.tagName === "INPUT" && e.getAttribute("type") === "hidden";
   return r || o;
 }
-function te(e, t, r, o, i) {
+function ne(e, t, r, o, i) {
   const s = [t, r, ...o];
   [].forEach.call(e.children, (a) => {
-    const l = !s.includes(a), p = !Ne(a);
-    l && p && B(a, i);
+    const c = !s.includes(a), p = !Fe(a);
+    c && p && H(a, i);
   });
 }
-function W(e, t) {
+function _(e, t) {
   let r = -1;
   return e.some((o, i) => t(o) ? (r = i, !0) : !1), r;
 }
-function Fe(e, t) {
+function Se(e, t) {
   const r = [], o = e.container;
   if (!t.disableScrollLock) {
-    if (Ie(o)) {
-      const a = be(K(o));
+    if (Ne(o)) {
+      const a = he(q(o));
       r.push({
         value: o.style.paddingRight,
         property: "padding-right",
         el: o
-      }), o.style.paddingRight = `${ee(o) + a}px`;
-      const l = M(o).querySelectorAll(".mui-fixed");
-      [].forEach.call(l, (p) => {
+      }), o.style.paddingRight = `${oe(o) + a}px`;
+      const c = M(o).querySelectorAll(".mui-fixed");
+      [].forEach.call(c, (p) => {
         r.push({
           value: p.style.paddingRight,
           property: "padding-right",
           el: p
-        }), p.style.paddingRight = `${ee(p) + a}px`;
+        }), p.style.paddingRight = `${oe(p) + a}px`;
       });
     }
     let s;
     if (o.parentNode instanceof DocumentFragment)
       s = M(o).body;
     else {
-      const a = o.parentElement, l = K(o);
-      s = a?.nodeName === "HTML" && l.getComputedStyle(a).overflowY === "scroll" ? a : o;
+      const a = o.parentElement, c = q(o);
+      s = a?.nodeName === "HTML" && c.getComputedStyle(a).overflowY === "scroll" ? a : o;
     }
     r.push({
       value: s.style.overflow,
@@ -91,19 +92,19 @@ function Fe(e, t) {
     r.forEach(({
       value: s,
       el: a,
-      property: l
+      property: c
     }) => {
-      s ? a.style.setProperty(l, s) : a.style.removeProperty(l);
+      s ? a.style.setProperty(c, s) : a.style.removeProperty(c);
     });
   };
 }
-function Se(e) {
+function Ce(e) {
   const t = [];
   return [].forEach.call(e.children, (r) => {
     r.getAttribute("aria-hidden") === "true" && t.push(r);
   }), t;
 }
-class Ce {
+class Me {
   constructor() {
     this.modals = [], this.containers = [];
   }
@@ -111,10 +112,10 @@ class Ce {
     let o = this.modals.indexOf(t);
     if (o !== -1)
       return o;
-    o = this.modals.length, this.modals.push(t), t.modalRef && B(t.modalRef, !1);
-    const i = Se(r);
-    te(r, t.mount, t.modalRef, i, !0);
-    const s = W(this.containers, (a) => a.container === r);
+    o = this.modals.length, this.modals.push(t), t.modalRef && H(t.modalRef, !1);
+    const i = Ce(r);
+    ne(r, t.mount, t.modalRef, i, !0);
+    const s = _(this.containers, (a) => a.container === r);
     return s !== -1 ? (this.containers[s].modals.push(t), o) : (this.containers.push({
       modals: [t],
       container: r,
@@ -123,19 +124,19 @@ class Ce {
     }), o);
   }
   mount(t, r) {
-    const o = W(this.containers, (s) => s.modals.includes(t)), i = this.containers[o];
-    i.restore || (i.restore = Fe(i, r));
+    const o = _(this.containers, (s) => s.modals.includes(t)), i = this.containers[o];
+    i.restore || (i.restore = Se(i, r));
   }
   remove(t, r = !0) {
     const o = this.modals.indexOf(t);
     if (o === -1)
       return o;
-    const i = W(this.containers, (a) => a.modals.includes(t)), s = this.containers[i];
+    const i = _(this.containers, (a) => a.modals.includes(t)), s = this.containers[i];
     if (s.modals.splice(s.modals.indexOf(t), 1), this.modals.splice(o, 1), s.modals.length === 0)
-      s.restore && s.restore(), t.modalRef && B(t.modalRef, r), te(s.container, t.mount, t.modalRef, s.hiddenSiblings, !1), this.containers.splice(i, 1);
+      s.restore && s.restore(), t.modalRef && H(t.modalRef, r), ne(s.container, t.mount, t.modalRef, s.hiddenSiblings, !1), this.containers.splice(i, 1);
     else {
       const a = s.modals[s.modals.length - 1];
-      a.modalRef && B(a.modalRef, !1);
+      a.modalRef && H(a.modalRef, !1);
     }
     return o;
   }
@@ -143,116 +144,118 @@ class Ce {
     return this.modals.length > 0 && this.modals[this.modals.length - 1] === t;
   }
 }
-const Me = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function we(e) {
+const we = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
+function Oe(e) {
   const t = parseInt(e.getAttribute("tabindex") || "", 10);
   return Number.isNaN(t) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : t;
 }
-function Oe(e) {
+function Ae(e) {
   if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
     return !1;
   const t = (o) => e.ownerDocument.querySelector(`input[type="radio"]${o}`);
   let r = t(`[name="${e.name}"]:checked`);
   return r || (r = t(`[name="${e.name}"]`)), r !== e;
 }
-function Ae(e) {
-  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Oe(e));
-}
 function De(e) {
+  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Ae(e));
+}
+function Be(e) {
   const t = [], r = [];
-  return Array.from(e.querySelectorAll(Me)).forEach((o, i) => {
-    const s = we(o);
-    s === -1 || !Ae(o) || (s === 0 ? t.push(o) : r.push({
+  return Array.from(e.querySelectorAll(we)).forEach((o, i) => {
+    const s = Oe(o);
+    s === -1 || !De(o) || (s === 0 ? t.push(o) : r.push({
       documentOrder: i,
       tabIndex: s,
       node: o
     }));
   }), r.sort((o, i) => o.tabIndex === i.tabIndex ? o.documentOrder - i.documentOrder : o.tabIndex - i.tabIndex).map((o) => o.node).concat(t);
 }
-function Be() {
+function He() {
   return !0;
 }
-function U(e) {
+function z(e) {
   const {
     children: t,
     disableAutoFocus: r = !1,
     disableEnforceFocus: o = !1,
     disableRestoreFocus: i = !1,
-    getTabbable: s = De,
-    isEnabled: a = Be,
-    open: l
-  } = e, p = d.useRef(!1), E = d.useRef(null), P = d.useRef(null), h = d.useRef(null), y = d.useRef(null), b = d.useRef(!1), f = d.useRef(null), F = ne(xe(t), f), v = d.useRef(null);
-  d.useEffect(() => {
-    !l || !f.current || (b.current = !r);
-  }, [r, l]), d.useEffect(() => {
-    if (!l || !f.current)
+    getTabbable: s = Be,
+    isEnabled: a = He,
+    open: c
+  } = e, p = l.useRef(!1), y = l.useRef(null), P = l.useRef(null), g = l.useRef(null), x = l.useRef(null), b = l.useRef(!1), f = l.useRef(null), S = se(Re(t), f), v = l.useRef(null);
+  l.useEffect(() => {
+    !c || !f.current || (b.current = !r);
+  }, [r, c]), l.useEffect(() => {
+    if (!c || !f.current)
       return;
-    const c = M(f.current);
-    return f.current.contains(c.activeElement) || (f.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(`
+    const u = M(f.current), E = U(u);
+    return f.current.contains(E) || (f.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(`
 `)), f.current.setAttribute("tabIndex", "-1")), b.current && f.current.focus()), () => {
-      i || (h.current && h.current.focus && (p.current = !0, h.current.focus()), h.current = null);
+      i || (g.current && g.current.focus && (p.current = !0, g.current.focus()), g.current = null);
     };
-  }, [l]), d.useEffect(() => {
-    if (!l || !f.current)
+  }, [c]), l.useEffect(() => {
+    if (!c || !f.current)
       return;
-    const c = M(f.current), g = (T) => {
-      v.current = T, !(o || !a() || T.key !== "Tab") && c.activeElement === f.current && T.shiftKey && (p.current = !0, P.current && P.current.focus());
-    }, k = () => {
+    const u = M(f.current), E = U(u), N = (T) => {
+      v.current = T, !(o || !a() || T.key !== "Tab") && E === f.current && T.shiftKey && (p.current = !0, P.current && P.current.focus());
+    }, F = () => {
       const T = f.current;
       if (T === null)
         return;
-      if (!c.hasFocus() || !a() || p.current) {
+      const h = U(u);
+      if (!u.hasFocus() || !a() || p.current) {
         p.current = !1;
         return;
       }
-      if (T.contains(c.activeElement) || o && c.activeElement !== E.current && c.activeElement !== P.current)
+      if (T.contains(h) || o && h !== y.current && h !== P.current)
         return;
-      if (c.activeElement !== y.current)
-        y.current = null;
-      else if (y.current !== null)
+      if (h !== x.current)
+        x.current = null;
+      else if (x.current !== null)
         return;
       if (!b.current)
         return;
-      let N = [];
-      if ((c.activeElement === E.current || c.activeElement === P.current) && (N = s(f.current)), N.length > 0) {
-        const R = !!(v.current?.shiftKey && v.current?.key === "Tab"), S = N[0], C = N[N.length - 1];
-        typeof S != "string" && typeof C != "string" && (R ? C.focus() : S.focus());
+      let k = [];
+      if ((h === y.current || h === P.current) && (k = s(f.current)), k.length > 0) {
+        const w = !!(v.current?.shiftKey && v.current?.key === "Tab"), L = k[0], O = k[k.length - 1];
+        typeof L != "string" && typeof O != "string" && (w ? O.focus() : L.focus());
       } else
         T.focus();
     };
-    c.addEventListener("focusin", k), c.addEventListener("keydown", g, !0);
-    const w = setInterval(() => {
-      c.activeElement && c.activeElement.tagName === "BODY" && k();
+    u.addEventListener("focusin", F), u.addEventListener("keydown", N, !0);
+    const C = setInterval(() => {
+      const T = U(u);
+      T && T.tagName === "BODY" && F();
     }, 50);
     return () => {
-      clearInterval(w), c.removeEventListener("focusin", k), c.removeEventListener("keydown", g, !0);
+      clearInterval(C), u.removeEventListener("focusin", F), u.removeEventListener("keydown", N, !0);
     };
-  }, [r, o, i, a, l, s]);
-  const I = (c) => {
-    h.current === null && (h.current = c.relatedTarget), b.current = !0, y.current = c.target;
-    const g = t.props.onFocus;
-    g && g(c);
-  }, x = (c) => {
-    h.current === null && (h.current = c.relatedTarget), b.current = !0;
+  }, [r, o, i, a, c, s]);
+  const I = (u) => {
+    g.current === null && (g.current = u.relatedTarget), b.current = !0, x.current = u.target;
+    const E = t.props.onFocus;
+    E && E(u);
+  }, R = (u) => {
+    g.current === null && (g.current = u.relatedTarget), b.current = !0;
   };
-  return /* @__PURE__ */ re(d.Fragment, {
-    children: [/* @__PURE__ */ D("div", {
-      tabIndex: l ? 0 : -1,
-      onFocus: x,
-      ref: E,
+  return /* @__PURE__ */ ie(l.Fragment, {
+    children: [/* @__PURE__ */ B("div", {
+      tabIndex: c ? 0 : -1,
+      onFocus: R,
+      ref: y,
       "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ d.cloneElement(t, {
-      ref: F,
+    }), /* @__PURE__ */ l.cloneElement(t, {
+      ref: S,
       onFocus: I
-    }), /* @__PURE__ */ D("div", {
-      tabIndex: l ? 0 : -1,
-      onFocus: x,
+    }), /* @__PURE__ */ B("div", {
+      tabIndex: c ? 0 : -1,
+      onFocus: R,
       ref: P,
       "data-testid": "sentinelEnd"
     })]
   });
 }
-process.env.NODE_ENV !== "production" && (U.propTypes = {
+process.env.NODE_ENV !== "production" && (z.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -260,7 +263,7 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
   /**
    * A single child content element.
    */
-  children: ie,
+  children: ce,
   /**
    * 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.
@@ -306,16 +309,16 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    */
   open: n.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (U.propTypes = Re(U.propTypes));
-function He(e) {
+process.env.NODE_ENV !== "production" && (z.propTypes = Pe(z.propTypes));
+function Le(e) {
   return typeof e == "function" ? e() : e;
 }
-function Le(e) {
+function je(e) {
   return e ? e.props.hasOwnProperty("in") : !1;
 }
-const oe = () => {
-}, j = new Ce();
-function je(e) {
+const re = () => {
+}, $ = new Me();
+function Ke(e) {
   const {
     container: t,
     disableEscapeKeyDown: r = !1,
@@ -323,42 +326,42 @@ function je(e) {
     closeAfterTransition: i = !1,
     onTransitionEnter: s,
     onTransitionExited: a,
-    children: l,
+    children: c,
     onClose: p,
-    open: E,
+    open: y,
     rootRef: P
-  } = e, h = d.useRef({}), y = d.useRef(null), b = d.useRef(null), f = ne(b, P), [F, v] = d.useState(!E), I = Le(l);
-  let x = !0;
-  (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (x = !1);
-  const c = () => M(y.current), g = () => (h.current.modalRef = b.current, h.current.mount = y.current, h.current), k = () => {
-    j.mount(g(), {
+  } = e, g = l.useRef({}), x = l.useRef(null), b = l.useRef(null), f = se(b, P), [S, v] = l.useState(!y), I = je(c);
+  let R = !0;
+  (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (R = !1);
+  const u = () => M(x.current), E = () => (g.current.modalRef = b.current, g.current.mount = x.current, g.current), N = () => {
+    $.mount(E(), {
       disableScrollLock: o
     }), b.current && (b.current.scrollTop = 0);
-  }, w = J(() => {
-    const m = He(t) || c().body;
-    j.add(g(), m), b.current && k();
-  }), T = () => j.isTopModal(g()), N = J((m) => {
-    y.current = m, m && (E && T() ? k() : b.current && B(b.current, x));
-  }), R = d.useCallback(() => {
-    j.remove(g(), x);
-  }, [x]);
-  d.useEffect(() => () => {
-    R();
-  }, [R]), d.useEffect(() => {
-    E ? w() : (!I || !i) && R();
-  }, [E, R, I, i, w]);
-  const S = (m) => (u) => {
-    m.onKeyDown?.(u), !(u.key !== "Escape" || u.which === 229 || // Wait until IME is settled.
-    !T()) && (r || (u.stopPropagation(), p && p(u, "escapeKeyDown")));
-  }, C = (m) => (u) => {
-    m.onClick?.(u), u.target === u.currentTarget && p && p(u, "backdropClick");
+  }, F = Z(() => {
+    const m = Le(t) || u().body;
+    $.add(E(), m), b.current && N();
+  }), C = () => $.isTopModal(E()), T = Z((m) => {
+    x.current = m, m && (y && C() ? N() : b.current && H(b.current, R));
+  }), h = l.useCallback(() => {
+    $.remove(E(), R);
+  }, [R]);
+  l.useEffect(() => () => {
+    h();
+  }, [h]), l.useEffect(() => {
+    y ? F() : (!I || !i) && h();
+  }, [y, h, I, i, F]);
+  const k = (m) => (d) => {
+    m.onKeyDown?.(d), !(d.key !== "Escape" || d.which === 229 || // Wait until IME is settled.
+    !C()) && (r || (d.stopPropagation(), p && p(d, "escapeKeyDown")));
+  }, w = (m) => (d) => {
+    m.onClick?.(d), d.target === d.currentTarget && p && p(d, "backdropClick");
   };
   return {
     getRootProps: (m = {}) => {
-      const u = he(e);
-      delete u.onTransitionEnter, delete u.onTransitionExited;
-      const H = {
-        ...u,
+      const d = ge(e);
+      delete d.onTransitionEnter, delete d.onTransitionExited;
+      const j = {
+        ...d,
         ...m
       };
       return {
@@ -369,53 +372,53 @@ function je(e) {
          * https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
          */
         role: "presentation",
-        ...H,
-        onKeyDown: S(H),
+        ...j,
+        onKeyDown: k(j),
         ref: f
       };
     },
     getBackdropProps: (m = {}) => {
-      const u = m;
+      const d = m;
       return {
         "aria-hidden": !0,
-        ...u,
-        onClick: C(u),
-        open: E
+        ...d,
+        onClick: w(d),
+        open: y
       };
     },
     getTransitionProps: () => {
       const m = () => {
         v(!1), s && s();
-      }, u = () => {
-        v(!0), a && a(), i && R();
+      }, d = () => {
+        v(!0), a && a(), i && h();
       };
       return {
-        onEnter: Q(m, l?.props.onEnter ?? oe),
-        onExited: Q(u, l?.props.onExited ?? oe)
+        onEnter: ee(m, c?.props.onEnter ?? re),
+        onExited: ee(d, c?.props.onExited ?? re)
       };
     },
     rootRef: f,
-    portalRef: N,
-    isTopModal: T,
-    exited: F,
+    portalRef: T,
+    isTopModal: C,
+    exited: S,
     hasTransition: I
   };
 }
-function Ke(e) {
-  return ge("MuiModal", e);
+function Ue(e) {
+  return Ee("MuiModal", e);
 }
-Ee("MuiModal", ["root", "hidden", "backdrop"]);
-const Ue = (e) => {
+Te("MuiModal", ["root", "hidden", "backdrop"]);
+const $e = (e) => {
   const {
     open: t,
     exited: r,
     classes: o
   } = e;
-  return ke({
+  return ve({
     root: ["root", !t && r && "hidden"],
     backdrop: ["backdrop"]
-  }, Ke, o);
-}, qe = se("div", {
+  }, Ue, o);
+}, qe = ae("div", {
   name: "MuiModal",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -424,7 +427,7 @@ const Ue = (e) => {
     } = e;
     return [t.root, !r.open && r.exited && t.hidden];
   }
-})(me(({
+})(be(({
   theme: e
 }) => ({
   position: "fixed",
@@ -441,127 +444,127 @@ const Ue = (e) => {
       visibility: "hidden"
     }
   }]
-}))), ze = se(Pe, {
+}))), ze = ae(ke, {
   name: "MuiModal",
   slot: "Backdrop"
 })({
   zIndex: -1
-}), Ve = /* @__PURE__ */ d.forwardRef(function(t, r) {
-  const o = Te({
+}), Ve = /* @__PURE__ */ l.forwardRef(function(t, r) {
+  const o = ye({
     name: "MuiModal",
     props: t
   }), {
     BackdropComponent: i = ze,
     BackdropProps: s,
     classes: a,
-    className: l,
+    className: c,
     closeAfterTransition: p = !1,
-    children: E,
+    children: y,
     container: P,
-    component: h,
-    components: y = {},
+    component: g,
+    components: x = {},
     componentsProps: b = {},
     disableAutoFocus: f = !1,
-    disableEnforceFocus: F = !1,
+    disableEnforceFocus: S = !1,
     disableEscapeKeyDown: v = !1,
     disablePortal: I = !1,
-    disableRestoreFocus: x = !1,
-    disableScrollLock: c = !1,
-    hideBackdrop: g = !1,
-    keepMounted: k = !1,
-    onClose: w,
-    onTransitionEnter: T,
-    onTransitionExited: N,
-    open: R,
-    slotProps: S = {},
-    slots: C = {},
+    disableRestoreFocus: R = !1,
+    disableScrollLock: u = !1,
+    hideBackdrop: E = !1,
+    keepMounted: N = !1,
+    onClose: F,
+    onTransitionEnter: C,
+    onTransitionExited: T,
+    open: h,
+    slotProps: k = {},
+    slots: w = {},
     // eslint-disable-next-line react/prop-types
-    theme: ae,
-    ...$
-  } = o, q = {
+    theme: L,
+    ...O
+  } = o, V = {
     ...o,
     closeAfterTransition: p,
     disableAutoFocus: f,
-    disableEnforceFocus: F,
+    disableEnforceFocus: S,
     disableEscapeKeyDown: v,
     disablePortal: I,
-    disableRestoreFocus: x,
-    disableScrollLock: c,
-    hideBackdrop: g,
-    keepMounted: k
+    disableRestoreFocus: R,
+    disableScrollLock: u,
+    hideBackdrop: E,
+    keepMounted: N
   }, {
     getRootProps: m,
-    getBackdropProps: u,
-    getTransitionProps: H,
-    portalRef: ce,
-    isTopModal: le,
-    exited: Y,
-    hasTransition: _
-  } = je({
-    ...q,
+    getBackdropProps: d,
+    getTransitionProps: j,
+    portalRef: le,
+    isTopModal: de,
+    exited: G,
+    hasTransition: X
+  } = Ke({
+    ...V,
     rootRef: r
-  }), O = {
-    ...q,
-    exited: Y
-  }, z = Ue(O), L = {};
-  if (E.props.tabIndex === void 0 && (L.tabIndex = "-1"), _) {
+  }), A = {
+    ...V,
+    exited: G
+  }, W = $e(A), K = {};
+  if (y.props.tabIndex === void 0 && (K.tabIndex = "-1"), X) {
     const {
-      onEnter: A,
-      onExited: V
-    } = H();
-    L.onEnter = A, L.onExited = V;
+      onEnter: D,
+      onExited: Y
+    } = j();
+    K.onEnter = D, K.onExited = Y;
   }
-  const G = {
+  const J = {
     slots: {
-      root: y.Root,
-      backdrop: y.Backdrop,
-      ...C
+      root: x.Root,
+      backdrop: x.Backdrop,
+      ...w
     },
     slotProps: {
       ...b,
-      ...S
+      ...k
     }
-  }, [de, ue] = Z("root", {
+  }, [ue, fe] = te("root", {
     ref: r,
     elementType: qe,
     externalForwardedProps: {
-      ...G,
-      ...$,
-      component: h
+      ...J,
+      ...O,
+      component: g
     },
     getSlotProps: m,
-    ownerState: O,
-    className: X(l, z?.root, !O.open && O.exited && z?.hidden)
-  }), [fe, pe] = Z("backdrop", {
+    ownerState: A,
+    className: Q(c, W?.root, !A.open && A.exited && W?.hidden)
+  }), [pe, me] = te("backdrop", {
     ref: s?.ref,
     elementType: i,
-    externalForwardedProps: G,
+    externalForwardedProps: J,
     shouldForwardComponentProp: !0,
     additionalProps: s,
-    getSlotProps: (A) => u({
-      ...A,
-      onClick: (V) => {
-        A?.onClick && A.onClick(V);
+    getSlotProps: (D) => d({
+      ...D,
+      onClick: (Y) => {
+        D?.onClick && D.onClick(Y);
       }
     }),
-    className: X(s?.className, z?.backdrop),
-    ownerState: O
+    className: Q(s?.className, W?.backdrop),
+    ownerState: A
   });
-  return !k && !R && (!_ || Y) ? null : /* @__PURE__ */ D(ye, {
-    ref: ce,
+  return !N && !h && (!X || G) ? null : /* @__PURE__ */ B(xe, {
+    ref: le,
     container: P,
     disablePortal: I,
-    children: /* @__PURE__ */ re(de, {
-      ...ue,
-      children: [!g && i ? /* @__PURE__ */ D(fe, {
-        ...pe
-      }) : null, /* @__PURE__ */ D(U, {
-        disableEnforceFocus: F,
+    children: /* @__PURE__ */ ie(ue, {
+      ...fe,
+      children: [!E && i ? /* @__PURE__ */ B(pe, {
+        ...me
+      }) : null, /* @__PURE__ */ B(z, {
+        disableEnforceFocus: S,
         disableAutoFocus: f,
-        disableRestoreFocus: x,
-        isEnabled: le,
-        open: R,
-        children: /* @__PURE__ */ d.cloneElement(E, L)
+        disableRestoreFocus: R,
+        isEnabled: de,
+        open: h,
+        children: /* @__PURE__ */ l.cloneElement(y, K)
       })]
     })
   });
@@ -591,7 +594,7 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
   /**
    * A single child content element.
    */
-  children: ie.isRequired,
+  children: ce.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -643,7 +646,7 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: n.oneOfType([ve, n.func]),
+  container: n.oneOfType([Ie, n.func]),
   /**
    * If `true`, the modal will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -738,6 +741,6 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
   sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
 });
 export {
-  U as F,
+  z as F,
   Ve as M
 };