@cgi-learning-hub/ui 1.5.1 → 1.6.0

package/dist/{Modal-dmMiGSAp.js → Modal-vrLLqk9Y.js}

@@ -1,72 +1,72 @@
 import * as u from "react";
-import { P as n, G as he, H as ge, I as Z } from "./generateUtilityClasses-BpRGbQmY.js";
-import { m as Ee } from "./memoTheme-44McxcVZ.js";
-import { o as z } from "./ownerWindow-niciwP7I.js";
-import { o as A } from "./ownerDocument-CUrv0DIK.js";
-import { u as Y } from "./useForkRef-C_4o__cU.js";
-import { u as ee } from "./useEventCallback-BAQJJ3ye.js";
-import { c as te } from "./createChainedFunction-C0nujS3O.js";
-import { e as Te } from "./resolveComponentProps-BZQ1jKzF.js";
-import { u as oe } from "./useSlot-CYOxsM2I.js";
-import { jsxs as ie, jsx as j } from "react/jsx-runtime";
-import { u as ye, s as ce, c as Re } from "./DefaultPropsProvider-Ik4eAJdt.js";
-import { e as xe, P as ke, H as ve } from "./Portal-BKVc0iys.js";
-import { g as Pe, e as ae } from "./getReactElementRef-CD3_Stk5.js";
-import { B as Ie } from "./Backdrop-B200pms1.js";
-function Ne(e = window) {
+import { P as n } from "./index-Sy88PpwE.js";
+import { F as me, G as be, H as J } from "./generateUtilityClasses-DngCqveO.js";
+import { m as he } from "./memoTheme-nmt7i1dS.js";
+import { o as H } from "./ownerWindow-niciwP7I.js";
+import { o as O } from "./ownerDocument-CUrv0DIK.js";
+import { u as re } from "./useForkRef-u29GSuCu.js";
+import { u as Q } from "./useEventCallback-Yoj9nCug.js";
+import { c as Z } from "./createChainedFunction-C0nujS3O.js";
+import { e as ge, u as ee } from "./useSlot-BDb1lvxu.js";
+import { jsxs as se, jsx as j } from "react/jsx-runtime";
+import { u as Ee, s as ie, c as Te } from "./DefaultPropsProvider-hFv1J_xl.js";
+import { e as ye, P as Re, H as xe } from "./Portal-ChC9wmMZ.js";
+import { g as ve, e as ae } from "./getReactElementRef-H8kwrWP1.js";
+import { B as Pe } from "./Backdrop-BxgGvlLM.js";
+function ke(e = window) {
   const t = e.document.documentElement.clientWidth;
   return e.innerWidth - t;
 }
-function Ce(e) {
-  const t = A(e);
-  return t.body === e ? z(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
+function Ie(e) {
+  const t = O(e);
+  return t.body === e ? H(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
 }
 function K(e, t) {
   t ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
 }
-function ne(e) {
-  return parseInt(z(e).getComputedStyle(e).paddingRight, 10) || 0;
+function te(e) {
+  return parseInt(H(e).getComputedStyle(e).paddingRight, 10) || 0;
 }
-function Se(e) {
+function Ne(e) {
   const s = ["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 s || o;
 }
-function re(e, t, s, o, i) {
+function oe(e, t, s, o, i) {
   const r = [t, s, ...o];
-  [].forEach.call(e.children, (c) => {
-    const a = !r.includes(c), m = !Se(c);
-    a && m && K(c, i);
+  [].forEach.call(e.children, (a) => {
+    const c = !r.includes(a), m = !Ne(a);
+    c && m && K(a, i);
   });
 }
-function $(e, t) {
+function Y(e, t) {
   let s = -1;
   return e.some((o, i) => t(o) ? (s = i, !0) : !1), s;
 }
 function Fe(e, t) {
   const s = [], o = e.container;
   if (!t.disableScrollLock) {
-    if (Ce(o)) {
-      const c = Ne(z(o));
+    if (Ie(o)) {
+      const a = ke(H(o));
       s.push({
         value: o.style.paddingRight,
         property: "padding-right",
         el: o
-      }), o.style.paddingRight = `${ne(o) + c}px`;
-      const a = A(o).querySelectorAll(".mui-fixed");
-      [].forEach.call(a, (m) => {
+      }), o.style.paddingRight = `${te(o) + a}px`;
+      const c = O(o).querySelectorAll(".mui-fixed");
+      [].forEach.call(c, (m) => {
         s.push({
           value: m.style.paddingRight,
           property: "padding-right",
           el: m
-        }), m.style.paddingRight = `${ne(m) + c}px`;
+        }), m.style.paddingRight = `${te(m) + a}px`;
       });
     }
     let r;
     if (o.parentNode instanceof DocumentFragment)
-      r = A(o).body;
+      r = O(o).body;
     else {
-      const c = o.parentElement, a = z(o);
-      r = (c == null ? void 0 : c.nodeName) === "HTML" && a.getComputedStyle(c).overflowY === "scroll" ? c : o;
+      const a = o.parentElement, c = H(o);
+      r = (a == null ? void 0 : a.nodeName) === "HTML" && c.getComputedStyle(a).overflowY === "scroll" ? a : o;
     }
     s.push({
       value: r.style.overflow,
@@ -85,20 +85,20 @@ function Fe(e, t) {
   return () => {
     s.forEach(({
       value: r,
-      el: c,
-      property: a
+      el: a,
+      property: c
     }) => {
-      r ? c.style.setProperty(a, r) : c.style.removeProperty(a);
+      r ? a.style.setProperty(c, r) : a.style.removeProperty(c);
     });
   };
 }
-function Me(e) {
+function Se(e) {
   const t = [];
   return [].forEach.call(e.children, (s) => {
     s.getAttribute("aria-hidden") === "true" && t.push(s);
   }), t;
 }
-class Oe {
+class Ce {
   constructor() {
     this.modals = [], this.containers = [];
   }
@@ -107,9 +107,9 @@ class Oe {
     if (o !== -1)
       return o;
     o = this.modals.length, this.modals.push(t), t.modalRef && K(t.modalRef, !1);
-    const i = Me(s);
-    re(s, t.mount, t.modalRef, i, !0);
-    const r = $(this.containers, (c) => c.container === s);
+    const i = Se(s);
+    oe(s, t.mount, t.modalRef, i, !0);
+    const r = Y(this.containers, (a) => a.container === s);
     return r !== -1 ? (this.containers[r].modals.push(t), o) : (this.containers.push({
       modals: [t],
       container: s,
@@ -118,19 +118,19 @@ class Oe {
     }), o);
   }
   mount(t, s) {
-    const o = $(this.containers, (r) => r.modals.includes(t)), i = this.containers[o];
+    const o = Y(this.containers, (r) => r.modals.includes(t)), i = this.containers[o];
     i.restore || (i.restore = Fe(i, s));
   }
   remove(t, s = !0) {
     const o = this.modals.indexOf(t);
     if (o === -1)
       return o;
-    const i = $(this.containers, (c) => c.modals.includes(t)), r = this.containers[i];
+    const i = Y(this.containers, (a) => a.modals.includes(t)), r = this.containers[i];
     if (r.modals.splice(r.modals.indexOf(t), 1), this.modals.splice(o, 1), r.modals.length === 0)
-      r.restore && r.restore(), t.modalRef && K(t.modalRef, s), re(r.container, t.mount, t.modalRef, r.hiddenSiblings, !1), this.containers.splice(i, 1);
+      r.restore && r.restore(), t.modalRef && K(t.modalRef, s), oe(r.container, t.mount, t.modalRef, r.hiddenSiblings, !1), this.containers.splice(i, 1);
     else {
-      const c = r.modals[r.modals.length - 1];
-      c.modalRef && K(c.modalRef, !1);
+      const a = r.modals[r.modals.length - 1];
+      a.modalRef && K(a.modalRef, !1);
     }
     return o;
   }
@@ -138,70 +138,70 @@ class Oe {
     return this.modals.length > 0 && this.modals[this.modals.length - 1] === t;
   }
 }
-const we = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function Ae(e) {
+const Me = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
+function we(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 De(e) {
+function Oe(e) {
   if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
     return !1;
   const t = (o) => e.ownerDocument.querySelector(`input[type="radio"]${o}`);
   let s = t(`[name="${e.name}"]:checked`);
   return s || (s = t(`[name="${e.name}"]`)), s !== e;
 }
-function Be(e) {
-  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || De(e));
+function Ae(e) {
+  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Oe(e));
 }
-function Le(e) {
+function De(e) {
   const t = [], s = [];
-  return Array.from(e.querySelectorAll(we)).forEach((o, i) => {
-    const r = Ae(o);
-    r === -1 || !Be(o) || (r === 0 ? t.push(o) : s.push({
+  return Array.from(e.querySelectorAll(Me)).forEach((o, i) => {
+    const r = we(o);
+    r === -1 || !Ae(o) || (r === 0 ? t.push(o) : s.push({
       documentOrder: i,
       tabIndex: r,
       node: o
     }));
   }), s.sort((o, i) => o.tabIndex === i.tabIndex ? o.documentOrder - i.documentOrder : o.tabIndex - i.tabIndex).map((o) => o.node).concat(t);
 }
-function je() {
+function Le() {
   return !0;
 }
-function V(e) {
+function z(e) {
   const {
     children: t,
     disableAutoFocus: s = !1,
     disableEnforceFocus: o = !1,
     disableRestoreFocus: i = !1,
-    getTabbable: r = Le,
-    isEnabled: c = je,
-    open: a
-  } = e, m = u.useRef(!1), E = u.useRef(null), k = u.useRef(null), h = u.useRef(null), y = u.useRef(null), b = u.useRef(!1), p = u.useRef(null), w = Y(Pe(t), p), N = u.useRef(null);
+    getTabbable: r = De,
+    isEnabled: a = Le,
+    open: c
+  } = e, m = u.useRef(!1), E = u.useRef(null), P = u.useRef(null), h = u.useRef(null), y = u.useRef(null), b = u.useRef(!1), p = u.useRef(null), M = re(ve(t), p), N = u.useRef(null);
   u.useEffect(() => {
-    !a || !p.current || (b.current = !s);
-  }, [s, a]), u.useEffect(() => {
-    if (!a || !p.current)
+    !c || !p.current || (b.current = !s);
+  }, [s, c]), u.useEffect(() => {
+    if (!c || !p.current)
       return;
-    const l = A(p.current);
+    const l = O(p.current);
     return p.current.contains(l.activeElement) || (p.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(`
 `)), p.current.setAttribute("tabIndex", "-1")), b.current && p.current.focus()), () => {
       i || (h.current && h.current.focus && (m.current = !0, h.current.focus()), h.current = null);
     };
-  }, [a]), u.useEffect(() => {
-    if (!a || !p.current)
+  }, [c]), u.useEffect(() => {
+    if (!c || !p.current)
       return;
-    const l = A(p.current), g = (T) => {
-      N.current = T, !(o || !c() || T.key !== "Tab") && l.activeElement === p.current && T.shiftKey && (m.current = !0, k.current && k.current.focus());
-    }, v = () => {
-      var P, M;
+    const l = O(p.current), g = (T) => {
+      N.current = T, !(o || !a() || T.key !== "Tab") && l.activeElement === p.current && T.shiftKey && (m.current = !0, P.current && P.current.focus());
+    }, k = () => {
+      var R, w;
       const T = p.current;
       if (T === null)
         return;
-      if (!l.hasFocus() || !c() || m.current) {
+      if (!l.hasFocus() || !a() || m.current) {
         m.current = !1;
         return;
       }
-      if (T.contains(l.activeElement) || o && l.activeElement !== E.current && l.activeElement !== k.current)
+      if (T.contains(l.activeElement) || o && l.activeElement !== E.current && l.activeElement !== P.current)
         return;
       if (l.activeElement !== y.current)
         y.current = null;
@@ -210,45 +210,45 @@ function V(e) {
       if (!b.current)
         return;
       let S = [];
-      if ((l.activeElement === E.current || l.activeElement === k.current) && (S = r(p.current)), S.length > 0) {
-        const D = !!((P = N.current) != null && P.shiftKey && ((M = N.current) == null ? void 0 : M.key) === "Tab"), B = S[0], U = S[S.length - 1];
-        typeof B != "string" && typeof U != "string" && (D ? U.focus() : B.focus());
+      if ((l.activeElement === E.current || l.activeElement === P.current) && (S = r(p.current)), S.length > 0) {
+        const D = !!((R = N.current) != null && R.shiftKey && ((w = N.current) == null ? void 0 : w.key) === "Tab"), U = S[0], L = S[S.length - 1];
+        typeof U != "string" && typeof L != "string" && (D ? L.focus() : U.focus());
       } else
         T.focus();
     };
-    l.addEventListener("focusin", v), l.addEventListener("keydown", g, !0);
-    const F = setInterval(() => {
-      l.activeElement && l.activeElement.tagName === "BODY" && v();
+    l.addEventListener("focusin", k), l.addEventListener("keydown", g, !0);
+    const A = setInterval(() => {
+      l.activeElement && l.activeElement.tagName === "BODY" && k();
     }, 50);
     return () => {
-      clearInterval(F), l.removeEventListener("focusin", v), l.removeEventListener("keydown", g, !0);
+      clearInterval(A), l.removeEventListener("focusin", k), l.removeEventListener("keydown", g, !0);
     };
-  }, [s, o, i, c, a, r]);
-  const C = (l) => {
+  }, [s, o, i, a, c, r]);
+  const F = (l) => {
     h.current === null && (h.current = l.relatedTarget), b.current = !0, y.current = l.target;
     const g = t.props.onFocus;
     g && g(l);
-  }, R = (l) => {
+  }, x = (l) => {
     h.current === null && (h.current = l.relatedTarget), b.current = !0;
   };
-  return /* @__PURE__ */ ie(u.Fragment, {
+  return /* @__PURE__ */ se(u.Fragment, {
     children: [/* @__PURE__ */ j("div", {
-      tabIndex: a ? 0 : -1,
-      onFocus: R,
+      tabIndex: c ? 0 : -1,
+      onFocus: x,
       ref: E,
       "data-testid": "sentinelStart"
     }), /* @__PURE__ */ u.cloneElement(t, {
-      ref: w,
-      onFocus: C
+      ref: M,
+      onFocus: F
     }), /* @__PURE__ */ j("div", {
-      tabIndex: a ? 0 : -1,
-      onFocus: R,
-      ref: k,
+      tabIndex: c ? 0 : -1,
+      onFocus: x,
+      ref: P,
       "data-testid": "sentinelEnd"
     })]
   });
 }
-process.env.NODE_ENV !== "production" && (V.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`. │
@@ -302,62 +302,62 @@ process.env.NODE_ENV !== "production" && (V.propTypes = {
    */
   open: n.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (V.propTypes = xe(V.propTypes));
-function Ke(e) {
+process.env.NODE_ENV !== "production" && (z.propTypes = ye(z.propTypes));
+function Be(e) {
   return typeof e == "function" ? e() : e;
 }
-function Ue(e) {
+function je(e) {
   return e ? e.props.hasOwnProperty("in") : !1;
 }
-const se = () => {
-}, H = new Oe();
-function We(e) {
+const ne = () => {
+}, q = new Ce();
+function Ke(e) {
   const {
     container: t,
     disableEscapeKeyDown: s = !1,
     disableScrollLock: o = !1,
     closeAfterTransition: i = !1,
     onTransitionEnter: r,
-    onTransitionExited: c,
-    children: a,
+    onTransitionExited: a,
+    children: c,
     onClose: m,
     open: E,
-    rootRef: k
-  } = e, h = u.useRef({}), y = u.useRef(null), b = u.useRef(null), p = Y(b, k), [w, N] = u.useState(!E), C = Ue(a);
-  let R = !0;
-  (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (R = !1);
-  const l = () => A(y.current), g = () => (h.current.modalRef = b.current, h.current.mount = y.current, h.current), v = () => {
-    H.mount(g(), {
+    rootRef: P
+  } = e, h = u.useRef({}), y = u.useRef(null), b = u.useRef(null), p = re(b, P), [M, N] = u.useState(!E), F = je(c);
+  let x = !0;
+  (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (x = !1);
+  const l = () => O(y.current), g = () => (h.current.modalRef = b.current, h.current.mount = y.current, h.current), k = () => {
+    q.mount(g(), {
       disableScrollLock: o
     }), b.current && (b.current.scrollTop = 0);
-  }, F = ee(() => {
-    const d = Ke(t) || l().body;
-    H.add(g(), d), b.current && v();
-  }), T = () => H.isTopModal(g()), S = ee((d) => {
-    y.current = d, d && (E && T() ? v() : b.current && K(b.current, R));
-  }), P = u.useCallback(() => {
-    H.remove(g(), R);
-  }, [R]);
+  }, A = Q(() => {
+    const f = Be(t) || l().body;
+    q.add(g(), f), b.current && k();
+  }), T = () => q.isTopModal(g()), S = Q((f) => {
+    y.current = f, f && (E && T() ? k() : b.current && K(b.current, x));
+  }), R = u.useCallback(() => {
+    q.remove(g(), x);
+  }, [x]);
   u.useEffect(() => () => {
-    P();
-  }, [P]), u.useEffect(() => {
-    E ? F() : (!C || !i) && P();
-  }, [E, P, C, i, F]);
-  const M = (d) => (f) => {
-    var x;
-    (x = d.onKeyDown) == null || x.call(d, f), !(f.key !== "Escape" || f.which === 229 || // Wait until IME is settled.
-    !T()) && (s || (f.stopPropagation(), m && m(f, "escapeKeyDown")));
-  }, D = (d) => (f) => {
-    var x;
-    (x = d.onClick) == null || x.call(d, f), f.target === f.currentTarget && m && m(f, "backdropClick");
+    R();
+  }, [R]), u.useEffect(() => {
+    E ? A() : (!F || !i) && R();
+  }, [E, R, F, i, A]);
+  const w = (f) => (d) => {
+    var v;
+    (v = f.onKeyDown) == null || v.call(f, d), !(d.key !== "Escape" || d.which === 229 || // Wait until IME is settled.
+    !T()) && (s || (d.stopPropagation(), m && m(d, "escapeKeyDown")));
+  }, D = (f) => (d) => {
+    var v;
+    (v = f.onClick) == null || v.call(f, d), d.target === d.currentTarget && m && m(d, "backdropClick");
   };
   return {
-    getRootProps: (d = {}) => {
-      const f = Te(e);
-      delete f.onTransitionEnter, delete f.onTransitionExited;
-      const x = {
-        ...f,
-        ...d
+    getRootProps: (f = {}) => {
+      const d = ge(e);
+      delete d.onTransitionEnter, delete d.onTransitionExited;
+      const v = {
+        ...d,
+        ...f
       };
       return {
         /*
@@ -367,52 +367,52 @@ function We(e) {
          * https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
          */
         role: "presentation",
-        ...x,
-        onKeyDown: M(x),
+        ...v,
+        onKeyDown: w(v),
         ref: p
       };
     },
-    getBackdropProps: (d = {}) => {
-      const f = d;
+    getBackdropProps: (f = {}) => {
+      const d = f;
       return {
         "aria-hidden": !0,
-        ...f,
-        onClick: D(f),
+        ...d,
+        onClick: D(d),
         open: E
       };
     },
     getTransitionProps: () => {
-      const d = () => {
+      const f = () => {
         N(!1), r && r();
-      }, f = () => {
-        N(!0), c && c(), i && P();
+      }, d = () => {
+        N(!0), a && a(), i && R();
       };
       return {
-        onEnter: te(d, (a == null ? void 0 : a.props.onEnter) ?? se),
-        onExited: te(f, (a == null ? void 0 : a.props.onExited) ?? se)
+        onEnter: Z(f, (c == null ? void 0 : c.props.onEnter) ?? ne),
+        onExited: Z(d, (c == null ? void 0 : c.props.onExited) ?? ne)
       };
     },
     rootRef: p,
     portalRef: S,
     isTopModal: T,
-    exited: w,
-    hasTransition: C
+    exited: M,
+    hasTransition: F
   };
 }
-function qe(e) {
-  return ge("MuiModal", e);
+function Ue(e) {
+  return be("MuiModal", e);
 }
-const ct = he("MuiModal", ["root", "hidden", "backdrop"]), He = (e) => {
+const st = me("MuiModal", ["root", "hidden", "backdrop"]), We = (e) => {
   const {
     open: t,
     exited: s,
     classes: o
   } = e;
-  return Re({
+  return Te({
     root: ["root", !t && s && "hidden"],
     backdrop: ["backdrop"]
-  }, qe, o);
-}, ze = ce("div", {
+  }, Ue, o);
+}, qe = ie("div", {
   name: "MuiModal",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -421,7 +421,7 @@ const ct = he("MuiModal", ["root", "hidden", "backdrop"]), He = (e) => {
     } = e;
     return [t.root, !s.open && s.exited && t.hidden];
   }
-})(Ee(({
+})(he(({
   theme: e
 }) => ({
   position: "fixed",
@@ -438,133 +438,133 @@ const ct = he("MuiModal", ["root", "hidden", "backdrop"]), He = (e) => {
       visibility: "hidden"
     }
   }]
-}))), Ve = ce(Ie, {
+}))), He = ie(Pe, {
   name: "MuiModal",
   slot: "Backdrop",
   overridesResolver: (e, t) => t.backdrop
 })({
   zIndex: -1
-}), $e = /* @__PURE__ */ u.forwardRef(function(t, s) {
-  const o = ye({
+}), ze = /* @__PURE__ */ u.forwardRef(function(t, s) {
+  const o = Ee({
     name: "MuiModal",
     props: t
   }), {
-    BackdropComponent: i = Ve,
+    BackdropComponent: i = He,
     BackdropProps: r,
-    classes: c,
-    className: a,
+    classes: a,
+    className: c,
     closeAfterTransition: m = !1,
     children: E,
-    container: k,
+    container: P,
     component: h,
     components: y = {},
     componentsProps: b = {},
     disableAutoFocus: p = !1,
-    disableEnforceFocus: w = !1,
+    disableEnforceFocus: M = !1,
     disableEscapeKeyDown: N = !1,
-    disablePortal: C = !1,
-    disableRestoreFocus: R = !1,
+    disablePortal: F = !1,
+    disableRestoreFocus: x = !1,
     disableScrollLock: l = !1,
     hideBackdrop: g = !1,
-    keepMounted: v = !1,
-    onBackdropClick: F,
-    onClose: T,
-    onTransitionEnter: S,
-    onTransitionExited: P,
-    open: M,
-    slotProps: D = {},
-    slots: B = {},
+    keepMounted: k = !1,
+    onClose: A,
+    onTransitionEnter: T,
+    onTransitionExited: S,
+    open: R,
+    slotProps: w = {},
+    slots: D = {},
     // eslint-disable-next-line react/prop-types
     theme: U,
-    ..._
-  } = o, d = {
+    ...L
+  } = o, V = {
     ...o,
     closeAfterTransition: m,
     disableAutoFocus: p,
-    disableEnforceFocus: w,
+    disableEnforceFocus: M,
     disableEscapeKeyDown: N,
-    disablePortal: C,
-    disableRestoreFocus: R,
+    disablePortal: F,
+    disableRestoreFocus: x,
     disableScrollLock: l,
     hideBackdrop: g,
-    keepMounted: v
+    keepMounted: k
   }, {
     getRootProps: f,
-    getBackdropProps: x,
-    getTransitionProps: le,
-    portalRef: ue,
-    isTopModal: de,
-    exited: G,
-    hasTransition: X
-  } = We({
-    ...d,
+    getBackdropProps: d,
+    getTransitionProps: v,
+    portalRef: ce,
+    isTopModal: le,
+    exited: _,
+    hasTransition: G
+  } = Ke({
+    ...V,
     rootRef: s
-  }), L = {
-    ...d,
-    exited: G
-  }, I = He(L), W = {};
-  if (E.props.tabIndex === void 0 && (W.tabIndex = "-1"), X) {
+  }), B = {
+    ...V,
+    exited: _
+  }, I = We(B), W = {};
+  if (E.props.tabIndex === void 0 && (W.tabIndex = "-1"), G) {
     const {
-      onEnter: O,
-      onExited: q
-    } = le();
-    W.onEnter = O, W.onExited = q;
+      onEnter: C,
+      onExited: $
+    } = v();
+    W.onEnter = C, W.onExited = $;
   }
-  const J = {
-    ..._,
+  const X = {
     slots: {
       root: y.Root,
       backdrop: y.Backdrop,
-      ...B
+      ...D
     },
     slotProps: {
       ...b,
-      ...D
+      ...w
     }
-  }, [fe, pe] = oe("root", {
-    elementType: ze,
-    externalForwardedProps: J,
-    getSlotProps: f,
-    additionalProps: {
-      ref: s,
-      as: h
+  }, [ue, de] = ee("root", {
+    ref: s,
+    elementType: qe,
+    externalForwardedProps: {
+      ...X,
+      ...L,
+      component: h
     },
-    ownerState: L,
-    className: Z(a, I == null ? void 0 : I.root, !L.open && L.exited && (I == null ? void 0 : I.hidden))
-  }), [me, Q] = oe("backdrop", {
+    getSlotProps: f,
+    ownerState: B,
+    className: J(c, I == null ? void 0 : I.root, !B.open && B.exited && (I == null ? void 0 : I.hidden))
+  }), [fe, pe] = ee("backdrop", {
+    ref: r == null ? void 0 : r.ref,
     elementType: i,
-    externalForwardedProps: J,
+    externalForwardedProps: X,
+    shouldForwardComponentProp: !0,
     additionalProps: r,
-    getSlotProps: (O) => x({
-      ...O,
-      onClick: (q) => {
-        F && F(q), O != null && O.onClick && O.onClick(q);
+    getSlotProps: (C) => d({
+      ...C,
+      onClick: ($) => {
+        C != null && C.onClick && C.onClick($);
       }
     }),
-    className: Z(r == null ? void 0 : r.className, I == null ? void 0 : I.backdrop),
-    ownerState: L
-  }), be = Y(r == null ? void 0 : r.ref, Q.ref);
-  return !v && !M && (!X || G) ? null : /* @__PURE__ */ j(ke, {
-    ref: ue,
-    container: k,
-    disablePortal: C,
-    children: /* @__PURE__ */ ie(fe, {
-      ...pe,
-      children: [!g && i ? /* @__PURE__ */ j(me, {
-        ...Q,
-        ref: be
-      }) : null, /* @__PURE__ */ j(V, {
-        disableEnforceFocus: w,
+    className: J(r == null ? void 0 : r.className, I == null ? void 0 : I.backdrop),
+    ownerState: B
+  });
+  return !k && !R && (!G || _) ? null : /* @__PURE__ */ j(Re, {
+    ref: ce,
+    container: P,
+    disablePortal: F,
+    children: /* @__PURE__ */ se(ue, {
+      ...de,
+      children: [!g && i ? /* @__PURE__ */ j(fe, {
+        ...pe
+      }) : null, /* @__PURE__ */ j(z, {
+        disableEnforceFocus: M,
         disableAutoFocus: p,
-        disableRestoreFocus: R,
-        isEnabled: de,
-        open: M,
+        disableRestoreFocus: x,
+        isEnabled: le,
+        open: R,
         children: /* @__PURE__ */ u.cloneElement(E, W)
       })]
     })
   });
 });
-process.env.NODE_ENV !== "production" && ($e.propTypes = {
+process.env.NODE_ENV !== "production" && (ze.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -614,7 +614,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -626,7 +626,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -644,7 +644,7 @@ process.env.NODE_ENV !== "production" && ($e.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([xe, 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.
@@ -696,11 +696,6 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    * @default false
    */
   keepMounted: n.bool,
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick: n.func,
   /**
    * Callback fired when the component requests to be closed.
    * The `reason` parameter can optionally be used to control the response to `onClose`.
@@ -744,10 +739,10 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
 });
 export {
-  V as F,
-  $e as M,
-  Oe as a,
-  Ne as b,
-  qe as g,
-  ct as m
+  z as F,
+  ze as M,
+  Ce as a,
+  ke as b,
+  Ue as g,
+  st as m
 };