@cgi-learning-hub/ui 1.2.0-dev.1730801938 → 1.2.0-dev.1730814068

package/dist/{Backdrop-NYR-wJpx.js → Backdrop-CxHwPsCX.js}

@@ -1,102 +1,142 @@
 import * as j from "react";
-import I from "react";
-import { P as e, I as Z, J as ee, L as te } from "./identifier-vL3mZxtO.js";
-import { r as ne, m as oe, a as ie, u as re } from "./useTheme-Cs6W-67J.js";
-import { u as V } from "./useForkRef-C_4o__cU.js";
-import { jsx as _ } from "react/jsx-runtime";
-import { s as se, u as ae, c as pe } from "./DefaultPropsProvider-3gIWHkeE.js";
-import { c as W } from "./chainPropTypes-D9lkm76m.js";
-import { _ as le, a as ue, T as X } from "./TransitionGroupContext-DMJLhY9-.js";
-import U from "react-dom";
-function ce(r) {
+import F from "react";
+import { P as t, I as Z, J as tt, L as et } from "./identifier-Bu3vgTzE.js";
+import { r as nt, m as ot, a as it, u as rt } from "./useTheme-B_3HWqyi.js";
+import { c as W, u as X } from "./useForkRef-D-DyzOXj.js";
+import { jsx as B } from "react/jsx-runtime";
+import { s as st, u as at, c as pt } from "./DefaultPropsProvider-7QnSWHxy.js";
+import { _ as ut, a as ct, T as $ } from "./TransitionGroupContext-DMJLhY9-.js";
+import I from "react-dom";
+function lt(r) {
   const {
-    prototype: p = {}
+    prototype: s = {}
   } = r;
-  return !!p.isReactComponent;
+  return !!s.isReactComponent;
 }
-function $(r, p, s, i, n) {
-  const t = r[p], o = n || p;
-  if (t == null || // When server-side rendering React doesn't warn either.
+function H(r, s, a, i, n) {
+  const e = r[s], o = n || s;
+  if (e == 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 l = t.type;
-  return typeof l == "function" && !ce(l) && (a = "Did you accidentally use a plain function component for an element instead?"), a !== void 0 ? new Error(`Invalid ${i} \`${o}\` supplied to \`${s}\`. Expected an element that can hold a ref. ${a} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+  let p;
+  const u = e.type;
+  return typeof u == "function" && !lt(u) && (p = "Did you accidentally use a plain function component for an element instead?"), p !== void 0 ? new Error(`Invalid ${i} \`${o}\` supplied to \`${a}\`. Expected an element that can hold a ref. ${p} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const H = W(e.element, $);
-H.isRequired = W(e.element.isRequired, $);
-function de(r) {
-  return !r || !/* @__PURE__ */ j.isValidElement(r) ? null : r.props.propertyIsEnumerable("ref") ? r.props.ref : (
-    // @ts-expect-error element.ref is not included in the ReactElement type
-    // We cannot check for it, but isValidElement is true at this point
-    // https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/70189
-    r.ref
-  );
+const z = W(t.element, H);
+z.isRequired = W(t.element.isRequired, H);
+function dt(r) {
+  var s;
+  return parseInt(j.version, 10) >= 19 ? ((s = r == null ? void 0 : r.props) == null ? void 0 : s.ref) || null : (r == null ? void 0 : r.ref) || null;
 }
-const q = {
+function A(r, s) {
+  const {
+    className: a,
+    elementType: i,
+    ownerState: n,
+    externalForwardedProps: e,
+    getSlotOwnerState: o,
+    internalForwardedProps: p,
+    ...u
+  } = s, {
+    component: l,
+    slots: d = {
+      [r]: void 0
+    },
+    slotProps: v = {
+      [r]: void 0
+    },
+    ...y
+  } = e, T = d[r] || i, b = nt(v[r], n), {
+    props: {
+      component: C,
+      ...m
+    },
+    internalRef: g
+  } = ot({
+    className: a,
+    ...u,
+    externalForwardedProps: r === "root" ? y : void 0,
+    externalSlotProps: b
+  }), k = X(g, b == null ? void 0 : b.ref, s.ref), O = o ? o(m) : {}, E = {
+    ...n,
+    ...O
+  }, N = r === "root" ? C || l : C, f = it(T, {
+    ...r === "root" && !l && !d[r] && p,
+    ...r !== "root" && !d[r] && p,
+    ...m,
+    ...N && {
+      as: N
+    },
+    ref: k
+  }, E);
+  return Object.keys(O).forEach((w) => {
+    delete f[w];
+  }), [T, f];
+}
+const G = {
   disabled: !1
 };
-var fe = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
-  enter: e.number,
-  exit: e.number,
-  appear: e.number
-}).isRequired]) : null, we = process.env.NODE_ENV !== "production" ? e.oneOfType([e.string, e.shape({
-  enter: e.string,
-  exit: e.string,
-  active: e.string
-}), e.shape({
-  enter: e.string,
-  enterDone: e.string,
-  enterActive: e.string,
-  exit: e.string,
-  exitDone: e.string,
-  exitActive: e.string
-})]) : null, me = function(p) {
-  return p.scrollTop;
-}, M = "unmounted", S = "exited", R = "entering", D = "entered", B = "exiting", x = /* @__PURE__ */ function(r) {
-  le(p, r);
-  function p(i, n) {
-    var t;
-    t = r.call(this, i, n) || this;
-    var o = n, a = o && !o.isMounting ? i.enter : i.appear, l;
-    return t.appearStatus = null, i.in ? a ? (l = S, t.appearStatus = R) : l = D : i.unmountOnExit || i.mountOnEnter ? l = M : l = S, t.state = {
-      status: l
-    }, t.nextCallback = null, t;
+var ft = process.env.NODE_ENV !== "production" ? t.oneOfType([t.number, t.shape({
+  enter: t.number,
+  exit: t.number,
+  appear: t.number
+}).isRequired]) : null, wt = process.env.NODE_ENV !== "production" ? t.oneOfType([t.string, t.shape({
+  enter: t.string,
+  exit: t.string,
+  active: t.string
+}), t.shape({
+  enter: t.string,
+  enterDone: t.string,
+  enterActive: t.string,
+  exit: t.string,
+  exitDone: t.string,
+  exitActive: t.string
+})]) : null, mt = function(s) {
+  return s.scrollTop;
+}, M = "unmounted", S = "exited", R = "entering", D = "entered", q = "exiting", x = /* @__PURE__ */ function(r) {
+  ut(s, r);
+  function s(i, n) {
+    var e;
+    e = r.call(this, i, n) || this;
+    var o = n, p = o && !o.isMounting ? i.enter : i.appear, u;
+    return e.appearStatus = null, i.in ? p ? (u = S, e.appearStatus = R) : u = D : i.unmountOnExit || i.mountOnEnter ? u = M : u = S, e.state = {
+      status: u
+    }, e.nextCallback = null, e;
   }
-  p.getDerivedStateFromProps = function(n, t) {
+  s.getDerivedStateFromProps = function(n, e) {
     var o = n.in;
-    return o && t.status === M ? {
+    return o && e.status === M ? {
       status: S
     } : null;
   };
-  var s = p.prototype;
-  return s.componentDidMount = function() {
+  var a = s.prototype;
+  return a.componentDidMount = function() {
     this.updateStatus(!0, this.appearStatus);
-  }, s.componentDidUpdate = function(n) {
-    var t = null;
+  }, a.componentDidUpdate = function(n) {
+    var e = null;
     if (n !== this.props) {
       var o = this.state.status;
-      this.props.in ? o !== R && o !== D && (t = R) : (o === R || o === D) && (t = B);
+      this.props.in ? o !== R && o !== D && (e = R) : (o === R || o === D) && (e = q);
     }
-    this.updateStatus(!1, t);
-  }, s.componentWillUnmount = function() {
+    this.updateStatus(!1, e);
+  }, a.componentWillUnmount = function() {
     this.cancelNextCallback();
-  }, s.getTimeouts = function() {
-    var n = this.props.timeout, t, o, a;
-    return t = o = a = n, n != null && typeof n != "number" && (t = n.exit, o = n.enter, a = n.appear !== void 0 ? n.appear : o), {
-      exit: t,
+  }, a.getTimeouts = function() {
+    var n = this.props.timeout, e, o, p;
+    return e = o = p = n, n != null && typeof n != "number" && (e = n.exit, o = n.enter, p = n.appear !== void 0 ? n.appear : o), {
+      exit: e,
       enter: o,
-      appear: a
+      appear: p
     };
-  }, s.updateStatus = function(n, t) {
-    if (n === void 0 && (n = !1), t !== null)
-      if (this.cancelNextCallback(), t === R) {
+  }, a.updateStatus = function(n, e) {
+    if (n === void 0 && (n = !1), e !== null)
+      if (this.cancelNextCallback(), e === R) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var o = this.props.nodeRef ? this.props.nodeRef.current : U.findDOMNode(this);
-          o && me(o);
+          var o = this.props.nodeRef ? this.props.nodeRef.current : I.findDOMNode(this);
+          o && mt(o);
         }
         this.performEnter(n);
       } else
@@ -104,87 +144,87 @@ var fe = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape(
     else this.props.unmountOnExit && this.state.status === S && this.setState({
       status: M
     });
-  }, s.performEnter = function(n) {
-    var t = this, o = this.props.enter, a = this.context ? this.context.isMounting : n, l = this.props.nodeRef ? [a] : [U.findDOMNode(this), a], c = l[0], d = l[1], b = this.getTimeouts(), y = a ? b.appear : b.enter;
-    if (!n && !o || q.disabled) {
+  }, a.performEnter = function(n) {
+    var e = this, o = this.props.enter, p = this.context ? this.context.isMounting : n, u = this.props.nodeRef ? [p] : [I.findDOMNode(this), p], l = u[0], d = u[1], v = this.getTimeouts(), y = p ? v.appear : v.enter;
+    if (!n && !o || G.disabled) {
       this.safeSetState({
         status: D
       }, function() {
-        t.props.onEntered(c);
+        e.props.onEntered(l);
       });
       return;
     }
-    this.props.onEnter(c, d), this.safeSetState({
+    this.props.onEnter(l, d), this.safeSetState({
       status: R
     }, function() {
-      t.props.onEntering(c, d), t.onTransitionEnd(y, function() {
-        t.safeSetState({
+      e.props.onEntering(l, d), e.onTransitionEnd(y, function() {
+        e.safeSetState({
           status: D
         }, function() {
-          t.props.onEntered(c, d);
+          e.props.onEntered(l, d);
         });
       });
     });
-  }, s.performExit = function() {
-    var n = this, t = this.props.exit, o = this.getTimeouts(), a = this.props.nodeRef ? void 0 : U.findDOMNode(this);
-    if (!t || q.disabled) {
+  }, a.performExit = function() {
+    var n = this, e = this.props.exit, o = this.getTimeouts(), p = this.props.nodeRef ? void 0 : I.findDOMNode(this);
+    if (!e || G.disabled) {
       this.safeSetState({
         status: S
       }, function() {
-        n.props.onExited(a);
+        n.props.onExited(p);
       });
       return;
     }
-    this.props.onExit(a), this.safeSetState({
-      status: B
+    this.props.onExit(p), this.safeSetState({
+      status: q
     }, function() {
-      n.props.onExiting(a), n.onTransitionEnd(o.exit, function() {
+      n.props.onExiting(p), n.onTransitionEnd(o.exit, function() {
         n.safeSetState({
           status: S
         }, function() {
-          n.props.onExited(a);
+          n.props.onExited(p);
         });
       });
     });
-  }, s.cancelNextCallback = function() {
+  }, a.cancelNextCallback = function() {
     this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, s.safeSetState = function(n, t) {
-    t = this.setNextCallback(t), this.setState(n, t);
-  }, s.setNextCallback = function(n) {
-    var t = this, o = !0;
-    return this.nextCallback = function(a) {
-      o && (o = !1, t.nextCallback = null, n(a));
+  }, a.safeSetState = function(n, e) {
+    e = this.setNextCallback(e), this.setState(n, e);
+  }, a.setNextCallback = function(n) {
+    var e = this, o = !0;
+    return this.nextCallback = function(p) {
+      o && (o = !1, e.nextCallback = null, n(p));
     }, this.nextCallback.cancel = function() {
       o = !1;
     }, this.nextCallback;
-  }, s.onTransitionEnd = function(n, t) {
-    this.setNextCallback(t);
-    var o = this.props.nodeRef ? this.props.nodeRef.current : U.findDOMNode(this), a = n == null && !this.props.addEndListener;
-    if (!o || a) {
+  }, a.onTransitionEnd = function(n, e) {
+    this.setNextCallback(e);
+    var o = this.props.nodeRef ? this.props.nodeRef.current : I.findDOMNode(this), p = n == null && !this.props.addEndListener;
+    if (!o || p) {
       setTimeout(this.nextCallback, 0);
       return;
     }
     if (this.props.addEndListener) {
-      var l = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], c = l[0], d = l[1];
-      this.props.addEndListener(c, d);
+      var u = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], l = u[0], d = u[1];
+      this.props.addEndListener(l, d);
     }
     n != null && setTimeout(this.nextCallback, n);
-  }, s.render = function() {
+  }, a.render = function() {
     var n = this.state.status;
     if (n === M)
       return null;
-    var t = this.props, o = t.children;
-    t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
-    var a = ue(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    var e = this.props, o = e.children;
+    e.in, e.mountOnEnter, e.unmountOnExit, e.appear, e.enter, e.exit, e.timeout, e.addEndListener, e.onEnter, e.onEntering, e.onEntered, e.onExit, e.onExiting, e.onExited, e.nodeRef;
+    var p = ct(e, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
       // allows for nested Transitions
-      /* @__PURE__ */ I.createElement(X.Provider, {
+      /* @__PURE__ */ F.createElement($.Provider, {
         value: null
-      }, typeof o == "function" ? o(n, a) : I.cloneElement(I.Children.only(o), a))
+      }, typeof o == "function" ? o(n, p) : F.cloneElement(F.Children.only(o), p))
     );
-  }, p;
-}(I.Component);
-x.contextType = X;
+  }, s;
+}(F.Component);
+x.contextType = $;
 x.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * A React reference to DOM element that need to transition:
@@ -197,10 +237,10 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *     (see
    *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
    */
-  nodeRef: e.shape({
-    current: typeof Element > "u" ? e.any : function(r, p, s, i, n, t) {
-      var o = r[p];
-      return e.instanceOf(o && "ownerDocument" in o ? o.ownerDocument.defaultView.Element : Element)(r, p, s, i, n, t);
+  nodeRef: t.shape({
+    current: typeof Element > "u" ? t.any : function(r, s, a, i, n, e) {
+      var o = r[s];
+      return t.instanceOf(o && "ownerDocument" in o ? o.ownerDocument.defaultView.Element : Element)(r, s, a, i, n, e);
     }
   }),
   /**
@@ -217,23 +257,23 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    * </Transition>
    * ```
    */
-  children: e.oneOfType([e.func.isRequired, e.element.isRequired]).isRequired,
+  children: t.oneOfType([t.func.isRequired, t.element.isRequired]).isRequired,
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: e.bool,
+  in: t.bool,
   /**
    * By default the child component is mounted immediately along with
    * the parent `Transition` component. If you want to "lazy mount" the component on the
    * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
    * mounted, even on "exited", unless you also specify `unmountOnExit`.
    */
-  mountOnEnter: e.bool,
+  mountOnEnter: t.bool,
   /**
    * By default the child component stays mounted after it reaches the `'exited'` state.
    * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
    */
-  unmountOnExit: e.bool,
+  unmountOnExit: t.bool,
   /**
    * By default the child component does not perform the enter transition when
    * it first mounts, regardless of the value of `in`. If you want this
@@ -245,15 +285,15 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    * > additional `.appear-*` classes, that way you can choose to style it
    * > differently.
    */
-  appear: e.bool,
+  appear: t.bool,
   /**
    * Enable or disable enter transitions.
    */
-  enter: e.bool,
+  enter: t.bool,
   /**
    * Enable or disable exit transitions.
    */
-  exit: e.bool,
+  exit: t.bool,
   /**
    * The duration of the transition, in milliseconds.
    * Required unless `addEndListener` is provided.
@@ -280,12 +320,12 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type {number | { enter?: number, exit?: number, appear?: number }}
    */
-  timeout: function(p) {
-    var s = fe;
-    p.addEndListener || (s = s.isRequired);
-    for (var i = arguments.length, n = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++)
-      n[t - 1] = arguments[t];
-    return s.apply(void 0, [p].concat(n));
+  timeout: function(s) {
+    var a = ft;
+    s.addEndListener || (a = a.isRequired);
+    for (var i = arguments.length, n = new Array(i > 1 ? i - 1 : 0), e = 1; e < i; e++)
+      n[e - 1] = arguments[e];
+    return a.apply(void 0, [s].concat(n));
   },
   /**
    * Add a custom transition end trigger. Called with the transitioning
@@ -301,7 +341,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: e.func,
+  addEndListener: t.func,
   /**
    * Callback fired before the "entering" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -310,7 +350,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: e.func,
+  onEnter: t.func,
   /**
    * Callback fired after the "entering" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -319,7 +359,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: e.func,
+  onEntering: t.func,
   /**
    * Callback fired after the "entered" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -328,7 +368,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: e.func,
+  onEntered: t.func,
   /**
    * Callback fired before the "exiting" status is applied.
    *
@@ -336,7 +376,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: e.func,
+  onExit: t.func,
   /**
    * Callback fired after the "exiting" status is applied.
    *
@@ -344,7 +384,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: e.func,
+  onExiting: t.func,
   /**
    * Callback fired after the "exited" status is applied.
    *
@@ -352,7 +392,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: e.func
+  onExited: t.func
 } : {};
 function P() {
 }
@@ -374,147 +414,102 @@ x.UNMOUNTED = M;
 x.EXITED = S;
 x.ENTERING = R;
 x.ENTERED = D;
-x.EXITING = B;
-function A(r, p) {
-  const {
-    className: s,
-    elementType: i,
-    ownerState: n,
-    externalForwardedProps: t,
-    getSlotOwnerState: o,
-    internalForwardedProps: a,
-    ...l
-  } = p, {
-    component: c,
-    slots: d = {
-      [r]: void 0
-    },
-    slotProps: b = {
-      [r]: void 0
-    },
-    ...y
-  } = t, T = d[r] || i, v = ne(b[r], n), {
-    props: {
-      component: C,
-      ...m
-    },
-    internalRef: g
-  } = oe({
-    className: s,
-    ...l,
-    externalForwardedProps: r === "root" ? y : void 0,
-    externalSlotProps: v
-  }), k = V(g, v == null ? void 0 : v.ref, p.ref), N = o ? o(m) : {}, E = {
-    ...n,
-    ...N
-  }, O = r === "root" ? C || c : C, f = ie(T, {
-    ...r === "root" && !c && !d[r] && a,
-    ...r !== "root" && !d[r] && a,
-    ...m,
-    ...O && {
-      as: O
-    },
-    ref: k
-  }, E);
-  return Object.keys(N).forEach((w) => {
-    delete f[w];
-  }), [T, f];
-}
-const Ee = (r) => r.scrollTop;
-function G(r, p) {
+x.EXITING = q;
+const Et = (r) => r.scrollTop;
+function V(r, s) {
   const {
-    timeout: s,
+    timeout: a,
     easing: i,
     style: n = {}
   } = r;
   return {
-    duration: n.transitionDuration ?? (typeof s == "number" ? s : s[p.mode] || 0),
-    easing: n.transitionTimingFunction ?? (typeof i == "object" ? i[p.mode] : i),
+    duration: n.transitionDuration ?? (typeof a == "number" ? a : a[s.mode] || 0),
+    easing: n.transitionTimingFunction ?? (typeof i == "object" ? i[s.mode] : i),
     delay: n.transitionDelay
   };
 }
-const he = {
+const ht = {
   entering: {
     opacity: 1
   },
   entered: {
     opacity: 1
   }
-}, z = /* @__PURE__ */ j.forwardRef(function(p, s) {
-  const i = re(), n = {
+}, J = /* @__PURE__ */ j.forwardRef(function(s, a) {
+  const i = rt(), n = {
     enter: i.transitions.duration.enteringScreen,
     exit: i.transitions.duration.leavingScreen
   }, {
-    addEndListener: t,
+    addEndListener: e,
     appear: o = !0,
-    children: a,
-    easing: l,
-    in: c,
+    children: p,
+    easing: u,
+    in: l,
     onEnter: d,
-    onEntered: b,
+    onEntered: v,
     onEntering: y,
     onExit: T,
-    onExited: v,
+    onExited: b,
     onExiting: C,
     style: m,
     timeout: g = n,
     // eslint-disable-next-line react/prop-types
     TransitionComponent: k = x,
-    ...N
-  } = p, E = j.useRef(null), O = V(E, de(a), s), f = (u) => (h) => {
-    if (u) {
+    ...O
+  } = s, E = j.useRef(null), N = X(E, dt(p), a), f = (c) => (h) => {
+    if (c) {
       const L = E.current;
-      h === void 0 ? u(L) : u(L, h);
+      h === void 0 ? c(L) : c(L, h);
     }
-  }, w = f(y), F = f((u, h) => {
-    Ee(u);
-    const L = G({
+  }, w = f(y), U = f((c, h) => {
+    Et(c);
+    const L = V({
       style: m,
       timeout: g,
-      easing: l
+      easing: u
     }, {
       mode: "enter"
     });
-    u.style.webkitTransition = i.transitions.create("opacity", L), u.style.transition = i.transitions.create("opacity", L), d && d(u, h);
-  }), J = f(b), K = f(C), Q = f((u) => {
-    const h = G({
+    c.style.webkitTransition = i.transitions.create("opacity", L), c.style.transition = i.transitions.create("opacity", L), d && d(c, h);
+  }), _ = f(v), K = f(C), Q = f((c) => {
+    const h = V({
       style: m,
       timeout: g,
-      easing: l
+      easing: u
     }, {
       mode: "exit"
     });
-    u.style.webkitTransition = i.transitions.create("opacity", h), u.style.transition = i.transitions.create("opacity", h), T && T(u);
-  }), Y = f(v);
-  return /* @__PURE__ */ _(k, {
+    c.style.webkitTransition = i.transitions.create("opacity", h), c.style.transition = i.transitions.create("opacity", h), T && T(c);
+  }), Y = f(b);
+  return /* @__PURE__ */ B(k, {
     appear: o,
-    in: c,
+    in: l,
     nodeRef: E,
-    onEnter: F,
-    onEntered: J,
+    onEnter: U,
+    onEntered: _,
     onEntering: w,
     onExit: Q,
     onExited: Y,
     onExiting: K,
-    addEndListener: (u) => {
-      t && t(E.current, u);
+    addEndListener: (c) => {
+      e && e(E.current, c);
     },
     timeout: g,
-    ...N,
-    children: (u, h) => /* @__PURE__ */ j.cloneElement(a, {
+    ...O,
+    children: (c, h) => /* @__PURE__ */ j.cloneElement(p, {
       style: {
         opacity: 0,
-        visibility: u === "exited" && !c ? "hidden" : void 0,
-        ...he[u],
+        visibility: c === "exited" && !l ? "hidden" : void 0,
+        ...ht[c],
         ...m,
-        ...a.props.style
+        ...p.props.style
       },
-      ref: O,
+      ref: N,
       ...h
     })
   });
 });
-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 the d.ts file and run `pnpm proptypes`.     │
@@ -524,57 +519,57 @@ process.env.NODE_ENV !== "production" && (z.propTypes = {
    * node and a done callback. Allows for more fine grained transition end
    * logic. Note: Timeouts are still used as a fallback if provided.
    */
-  addEndListener: e.func,
+  addEndListener: t.func,
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
    * @default true
    */
-  appear: e.bool,
+  appear: t.bool,
   /**
    * A single child content element.
    */
-  children: H.isRequired,
+  children: z.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
    */
-  easing: e.oneOfType([e.shape({
-    enter: e.string,
-    exit: e.string
-  }), e.string]),
+  easing: t.oneOfType([t.shape({
+    enter: t.string,
+    exit: t.string
+  }), t.string]),
   /**
    * If `true`, the component will transition in.
    */
-  in: e.bool,
+  in: t.bool,
   /**
    * @ignore
    */
-  onEnter: e.func,
+  onEnter: t.func,
   /**
    * @ignore
    */
-  onEntered: e.func,
+  onEntered: t.func,
   /**
    * @ignore
    */
-  onEntering: e.func,
+  onEntering: t.func,
   /**
    * @ignore
    */
-  onExit: e.func,
+  onExit: t.func,
   /**
    * @ignore
    */
-  onExited: e.func,
+  onExited: t.func,
   /**
    * @ignore
    */
-  onExiting: e.func,
+  onExiting: t.func,
   /**
    * @ignore
    */
-  style: e.object,
+  style: t.object,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -583,31 +578,37 @@ process.env.NODE_ENV !== "production" && (z.propTypes = {
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  timeout: e.oneOfType([e.number, e.shape({
-    appear: e.number,
-    enter: e.number,
-    exit: e.number
+  timeout: t.oneOfType([t.number, t.shape({
+    appear: t.number,
+    enter: t.number,
+    exit: t.number
   })])
 });
-function xe(r) {
+function xt(r) {
   return Z("MuiBackdrop", r);
 }
-const Le = ee("MuiBackdrop", ["root", "invisible"]), be = (r) => {
+const Lt = tt("MuiBackdrop", ["root", "invisible"]), vt = (r) => {
+  const {
+    ownerState: s,
+    ...a
+  } = r;
+  return a;
+}, bt = (r) => {
   const {
-    classes: p,
-    invisible: s
+    classes: s,
+    invisible: a
   } = r;
-  return pe({
-    root: ["root", s && "invisible"]
-  }, xe, p);
-}, ve = se("div", {
+  return pt({
+    root: ["root", a && "invisible"]
+  }, xt, s);
+}, gt = st("div", {
   name: "MuiBackdrop",
   slot: "Root",
-  overridesResolver: (r, p) => {
+  overridesResolver: (r, s) => {
     const {
-      ownerState: s
+      ownerState: a
     } = r;
-    return [p.root, s.invisible && p.invisible];
+    return [s.root, a.invisible && s.invisible];
   }
 })({
   position: "fixed",
@@ -628,62 +629,62 @@ const Le = ee("MuiBackdrop", ["root", "invisible"]), be = (r) => {
       backgroundColor: "transparent"
     }
   }]
-}), ge = /* @__PURE__ */ j.forwardRef(function(p, s) {
-  const i = ae({
-    props: p,
+}), yt = /* @__PURE__ */ j.forwardRef(function(s, a) {
+  const i = at({
+    props: s,
     name: "MuiBackdrop"
   }), {
     children: n,
-    className: t,
+    className: e,
     component: o = "div",
-    invisible: a = !1,
-    open: l,
-    components: c = {},
+    invisible: p = !1,
+    open: u,
+    components: l = {},
     componentsProps: d = {},
-    slotProps: b = {},
+    slotProps: v = {},
     slots: y = {},
     TransitionComponent: T,
-    transitionDuration: v,
+    transitionDuration: b,
     ...C
   } = i, m = {
     ...i,
     component: o,
-    invisible: a
-  }, g = be(m), k = {
+    invisible: p
+  }, g = bt(m), k = {
     transition: T,
-    root: c.Root,
+    root: l.Root,
     ...y
-  }, N = {
+  }, O = {
     ...d,
-    ...b
+    ...v
   }, E = {
     slots: k,
-    slotProps: N
-  }, [O, f] = A("root", {
-    elementType: ve,
+    slotProps: O
+  }, [N, f] = A("root", {
+    elementType: gt,
     externalForwardedProps: E,
-    className: te(g.root, t),
+    className: et(g.root, e),
     ownerState: m
-  }), [w, F] = A("transition", {
-    elementType: z,
+  }), [w, U] = A("transition", {
+    elementType: J,
     externalForwardedProps: E,
     ownerState: m
-  });
-  return delete F.ownerState, /* @__PURE__ */ _(w, {
-    in: l,
-    timeout: v,
+  }), _ = vt(U);
+  return /* @__PURE__ */ B(w, {
+    in: u,
+    timeout: b,
     ...C,
-    ...F,
-    children: /* @__PURE__ */ _(O, {
+    ..._,
+    children: /* @__PURE__ */ B(N, {
       "aria-hidden": !0,
       ...f,
       classes: g,
-      ref: s,
+      ref: a,
       children: n
     })
   });
 });
-process.env.NODE_ENV !== "production" && (ge.propTypes = {
+process.env.NODE_ENV !== "production" && (yt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -691,20 +692,20 @@ process.env.NODE_ENV !== "production" && (ge.propTypes = {
   /**
    * The content of the component.
    */
-  children: e.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: t.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: t.elementType,
   /**
    * The components used for each slot inside.
    *
@@ -712,8 +713,8 @@ process.env.NODE_ENV !== "production" && (ge.propTypes = {
    *
    * @default {}
    */
-  components: e.shape({
-    Root: e.elementType
+  components: t.shape({
+    Root: t.elementType
   }),
   /**
    * The extra props for the slot components.
@@ -723,66 +724,66 @@ process.env.NODE_ENV !== "production" && (ge.propTypes = {
    *
    * @default {}
    */
-  componentsProps: e.shape({
-    root: e.object
+  componentsProps: t.shape({
+    root: t.object
   }),
   /**
    * If `true`, the backdrop is invisible.
    * It can be used when rendering a popover or a custom select component.
    * @default false
    */
-  invisible: e.bool,
+  invisible: t.bool,
   /**
    * If `true`, the component is shown.
    */
-  open: e.bool.isRequired,
+  open: t.bool.isRequired,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: e.shape({
-    root: e.oneOfType([e.func, e.object]),
-    transition: e.oneOfType([e.func, e.object])
+  slotProps: t.shape({
+    root: t.oneOfType([t.func, t.object]),
+    transition: t.oneOfType([t.func, t.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: e.shape({
-    root: e.elementType,
-    transition: e.elementType
+  slots: t.shape({
+    root: t.elementType,
+    transition: t.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Fade
    */
-  TransitionComponent: e.elementType,
+  TransitionComponent: t.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    */
-  transitionDuration: e.oneOfType([e.number, e.shape({
-    appear: e.number,
-    enter: e.number,
-    exit: e.number
+  transitionDuration: t.oneOfType([t.number, t.shape({
+    appear: t.number,
+    enter: t.number,
+    exit: t.number
   })])
 });
 export {
-  ge as B,
-  z as F,
+  yt as B,
+  J as F,
   x as T,
-  de as a,
-  Le as b,
-  G as c,
-  we as d,
-  H as e,
-  me as f,
-  xe as g,
-  Ee as r,
+  dt as a,
+  Lt as b,
+  V as c,
+  wt as d,
+  z as e,
+  mt as f,
+  xt as g,
+  Et as r,
   A as u
 };