@cgi-learning-hub/ui 1.4.0-dev.1741950408 → 1.4.0-dev.1741961819

package/dist/{utils-CXhh35wP.js → utils-Df4KKPfT.js}

@@ -1,41 +1,15 @@
+import { _ as D, a as C, T as S } from "./TransitionGroupContext-DbLioz_6.js";
 import { P as n } from "./generateUtilityClasses-DotvgSDH.js";
-import { c as R } from "./chainPropTypes-D9lkm76m.js";
-import * as y from "react";
 import v from "react";
-import { _ as C, a as k, T as S } from "./TransitionGroupContext-DbLioz_6.js";
-import g from "react-dom";
-function w(u) {
-  const {
-    prototype: s = {}
-  } = u;
-  return !!s.isReactComponent;
-}
-function O(u, s, a, r, e) {
-  const t = u[s], i = e || s;
-  if (t == 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 o;
-  const p = t.type;
-  return typeof p == "function" && !w(p) && (o = "Did you accidentally use a plain function component for an element instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${i}\` supplied to \`${a}\`. Expected an element that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const I = R(n.element, O);
-I.isRequired = R(n.element.isRequired, O);
-function A(u) {
-  var s;
-  return parseInt(y.version, 10) >= 19 ? ((s = u == null ? void 0 : u.props) == null ? void 0 : s.ref) || null : (u == null ? void 0 : u.ref) || null;
-}
+import b from "react-dom";
 const N = {
   disabled: !1
 };
-var M = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
+var R = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
   enter: n.number,
   exit: n.number,
   appear: n.number
-}).isRequired]) : null, F = process.env.NODE_ENV !== "production" ? n.oneOfType([n.string, n.shape({
+}).isRequired]) : null, I = process.env.NODE_ENV !== "production" ? n.oneOfType([n.string, n.shape({
   enter: n.string,
   exit: n.string,
   active: n.string
@@ -46,58 +20,58 @@ var M = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
   exit: n.string,
   exitDone: n.string,
   exitActive: n.string
-})]) : null, P = function(s) {
-  return s.scrollTop;
-}, x = "unmounted", l = "exited", c = "entering", h = "entered", T = "exiting", f = /* @__PURE__ */ function(u) {
-  C(s, u);
-  function s(r, e) {
+})]) : null, y = function(a) {
+  return a.scrollTop;
+}, x = "unmounted", f = "exited", c = "entering", h = "entered", g = "exiting", l = /* @__PURE__ */ function(u) {
+  D(a, u);
+  function a(r, e) {
     var t;
     t = u.call(this, r, e) || this;
-    var i = e, o = i && !i.isMounting ? r.enter : r.appear, p;
-    return t.appearStatus = null, r.in ? o ? (p = l, t.appearStatus = c) : p = h : r.unmountOnExit || r.mountOnEnter ? p = x : p = l, t.state = {
+    var i = e, s = i && !i.isMounting ? r.enter : r.appear, p;
+    return t.appearStatus = null, r.in ? s ? (p = f, t.appearStatus = c) : p = h : r.unmountOnExit || r.mountOnEnter ? p = x : p = f, t.state = {
       status: p
     }, t.nextCallback = null, t;
   }
-  s.getDerivedStateFromProps = function(e, t) {
+  a.getDerivedStateFromProps = function(e, t) {
     var i = e.in;
     return i && t.status === x ? {
-      status: l
+      status: f
     } : null;
   };
-  var a = s.prototype;
-  return a.componentDidMount = function() {
+  var o = a.prototype;
+  return o.componentDidMount = function() {
     this.updateStatus(!0, this.appearStatus);
-  }, a.componentDidUpdate = function(e) {
+  }, o.componentDidUpdate = function(e) {
     var t = null;
     if (e !== this.props) {
       var i = this.state.status;
-      this.props.in ? i !== c && i !== h && (t = c) : (i === c || i === h) && (t = T);
+      this.props.in ? i !== c && i !== h && (t = c) : (i === c || i === h) && (t = g);
     }
     this.updateStatus(!1, t);
-  }, a.componentWillUnmount = function() {
+  }, o.componentWillUnmount = function() {
     this.cancelNextCallback();
-  }, a.getTimeouts = function() {
-    var e = this.props.timeout, t, i, o;
-    return t = i = o = e, e != null && typeof e != "number" && (t = e.exit, i = e.enter, o = e.appear !== void 0 ? e.appear : i), {
+  }, o.getTimeouts = function() {
+    var e = this.props.timeout, t, i, s;
+    return t = i = s = e, e != null && typeof e != "number" && (t = e.exit, i = e.enter, s = e.appear !== void 0 ? e.appear : i), {
       exit: t,
       enter: i,
-      appear: o
+      appear: s
     };
-  }, a.updateStatus = function(e, t) {
+  }, o.updateStatus = function(e, t) {
     if (e === void 0 && (e = !1), t !== null)
       if (this.cancelNextCallback(), t === c) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var i = this.props.nodeRef ? this.props.nodeRef.current : g.findDOMNode(this);
-          i && P(i);
+          var i = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this);
+          i && y(i);
         }
         this.performEnter(e);
       } else
         this.performExit();
-    else this.props.unmountOnExit && this.state.status === l && this.setState({
+    else this.props.unmountOnExit && this.state.status === f && this.setState({
       status: x
     });
-  }, a.performEnter = function(e) {
-    var t = this, i = this.props.enter, o = this.context ? this.context.isMounting : e, p = this.props.nodeRef ? [o] : [g.findDOMNode(this), o], d = p[0], m = p[1], b = this.getTimeouts(), D = o ? b.appear : b.enter;
+  }, o.performEnter = function(e) {
+    var t = this, i = this.props.enter, s = this.context ? this.context.isMounting : e, p = this.props.nodeRef ? [s] : [b.findDOMNode(this), s], d = p[0], m = p[1], T = this.getTimeouts(), O = s ? T.appear : T.enter;
     if (!e && !i || N.disabled) {
       this.safeSetState({
         status: h
@@ -109,7 +83,7 @@ var M = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
     this.props.onEnter(d, m), this.safeSetState({
       status: c
     }, function() {
-      t.props.onEntering(d, m), t.onTransitionEnd(D, function() {
+      t.props.onEntering(d, m), t.onTransitionEnd(O, function() {
         t.safeSetState({
           status: h
         }, function() {
@@ -117,42 +91,42 @@ var M = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
         });
       });
     });
-  }, a.performExit = function() {
-    var e = this, t = this.props.exit, i = this.getTimeouts(), o = this.props.nodeRef ? void 0 : g.findDOMNode(this);
+  }, o.performExit = function() {
+    var e = this, t = this.props.exit, i = this.getTimeouts(), s = this.props.nodeRef ? void 0 : b.findDOMNode(this);
     if (!t || N.disabled) {
       this.safeSetState({
-        status: l
+        status: f
       }, function() {
-        e.props.onExited(o);
+        e.props.onExited(s);
       });
       return;
     }
-    this.props.onExit(o), this.safeSetState({
-      status: T
+    this.props.onExit(s), this.safeSetState({
+      status: g
     }, function() {
-      e.props.onExiting(o), e.onTransitionEnd(i.exit, function() {
+      e.props.onExiting(s), e.onTransitionEnd(i.exit, function() {
         e.safeSetState({
-          status: l
+          status: f
         }, function() {
-          e.props.onExited(o);
+          e.props.onExited(s);
         });
       });
     });
-  }, a.cancelNextCallback = function() {
+  }, o.cancelNextCallback = function() {
     this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, a.safeSetState = function(e, t) {
+  }, o.safeSetState = function(e, t) {
     t = this.setNextCallback(t), this.setState(e, t);
-  }, a.setNextCallback = function(e) {
+  }, o.setNextCallback = function(e) {
     var t = this, i = !0;
-    return this.nextCallback = function(o) {
-      i && (i = !1, t.nextCallback = null, e(o));
+    return this.nextCallback = function(s) {
+      i && (i = !1, t.nextCallback = null, e(s));
     }, this.nextCallback.cancel = function() {
       i = !1;
     }, this.nextCallback;
-  }, a.onTransitionEnd = function(e, t) {
+  }, o.onTransitionEnd = function(e, t) {
     this.setNextCallback(t);
-    var i = this.props.nodeRef ? this.props.nodeRef.current : g.findDOMNode(this), o = e == null && !this.props.addEndListener;
-    if (!i || o) {
+    var i = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), s = e == null && !this.props.addEndListener;
+    if (!i || s) {
       setTimeout(this.nextCallback, 0);
       return;
     }
@@ -161,23 +135,23 @@ var M = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
       this.props.addEndListener(d, m);
     }
     e != null && setTimeout(this.nextCallback, e);
-  }, a.render = function() {
+  }, o.render = function() {
     var e = this.state.status;
     if (e === x)
       return null;
     var t = this.props, i = 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 o = k(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    var s = C(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
       // allows for nested Transitions
       /* @__PURE__ */ v.createElement(S.Provider, {
         value: null
-      }, typeof i == "function" ? i(e, o) : v.cloneElement(v.Children.only(i), o))
+      }, typeof i == "function" ? i(e, s) : v.cloneElement(v.Children.only(i), s))
     );
-  }, s;
+  }, a;
 }(v.Component);
-f.contextType = S;
-f.propTypes = process.env.NODE_ENV !== "production" ? {
+l.contextType = S;
+l.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * A React reference to DOM element that need to transition:
    * https://stackoverflow.com/a/51127130/4671932
@@ -190,9 +164,9 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
    *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
    */
   nodeRef: n.shape({
-    current: typeof Element > "u" ? n.any : function(u, s, a, r, e, t) {
-      var i = u[s];
-      return n.instanceOf(i && "ownerDocument" in i ? i.ownerDocument.defaultView.Element : Element)(u, s, a, r, e, t);
+    current: typeof Element > "u" ? n.any : function(u, a, o, r, e, t) {
+      var i = u[a];
+      return n.instanceOf(i && "ownerDocument" in i ? i.ownerDocument.defaultView.Element : Element)(u, a, o, r, e, t);
     }
   }),
   /**
@@ -272,12 +246,12 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type {number | { enter?: number, exit?: number, appear?: number }}
    */
-  timeout: function(s) {
-    var a = M;
-    s.addEndListener || (a = a.isRequired);
+  timeout: function(a) {
+    var o = R;
+    a.addEndListener || (o = o.isRequired);
     for (var r = arguments.length, e = new Array(r > 1 ? r - 1 : 0), t = 1; t < r; t++)
       e[t - 1] = arguments[t];
-    return a.apply(void 0, [s].concat(e));
+    return o.apply(void 0, [a].concat(e));
   },
   /**
    * Add a custom transition end trigger. Called with the transitioning
@@ -348,7 +322,7 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 function E() {
 }
-f.defaultProps = {
+l.defaultProps = {
   in: !1,
   mountOnEnter: !1,
   unmountOnExit: !1,
@@ -362,30 +336,28 @@ f.defaultProps = {
   onExiting: E,
   onExited: E
 };
-f.UNMOUNTED = x;
-f.EXITED = l;
-f.ENTERING = c;
-f.ENTERED = h;
-f.EXITING = T;
-const X = (u) => u.scrollTop;
-function $(u, s) {
+l.UNMOUNTED = x;
+l.EXITED = f;
+l.ENTERING = c;
+l.ENTERED = h;
+l.EXITING = g;
+const P = (u) => u.scrollTop;
+function U(u, a) {
   const {
-    timeout: a,
+    timeout: o,
     easing: r,
     style: e = {}
   } = u;
   return {
-    duration: e.transitionDuration ?? (typeof a == "number" ? a : a[s.mode] || 0),
-    easing: e.transitionTimingFunction ?? (typeof r == "object" ? r[s.mode] : r),
+    duration: e.transitionDuration ?? (typeof o == "number" ? o : o[a.mode] || 0),
+    easing: e.transitionTimingFunction ?? (typeof r == "object" ? r[a.mode] : r),
     delay: e.transitionDelay
   };
 }
 export {
-  f as T,
-  $ as a,
-  F as c,
-  I as e,
-  P as f,
-  A as g,
-  X as r
+  l as T,
+  I as c,
+  y as f,
+  U as g,
+  P as r
 };

package/dist/utils-lBmb5bp_.cjs

@@ -0,0 +1 @@
+"use strict";const y=require("./TransitionGroupContext-Zt4NoR0u.cjs"),n=require("./generateUtilityClasses-De8NU9_E.cjs"),m=require("react"),v=require("react-dom"),g={disabled:!1};var O=process.env.NODE_ENV!=="production"?n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.shape({enter:n.PropTypes.number,exit:n.PropTypes.number,appear:n.PropTypes.number}).isRequired]):null,D=process.env.NODE_ENV!=="production"?n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.shape({enter:n.PropTypes.string,exit:n.PropTypes.string,active:n.PropTypes.string}),n.PropTypes.shape({enter:n.PropTypes.string,enterDone:n.PropTypes.string,enterActive:n.PropTypes.string,exit:n.PropTypes.string,exitDone:n.PropTypes.string,exitActive:n.PropTypes.string})]):null,N=function(a){return a.scrollTop},x="unmounted",f="exited",c="entering",h="entered",P="exiting",l=function(p){y._inheritsLoose(a,p);function a(i,t){var e;e=p.call(this,i,t)||this;var r=t,s=r&&!r.isMounting?i.enter:i.appear,u;return e.appearStatus=null,i.in?s?(u=f,e.appearStatus=c):u=h:i.unmountOnExit||i.mountOnEnter?u=x:u=f,e.state={status:u},e.nextCallback=null,e}a.getDerivedStateFromProps=function(t,e){var r=t.in;return r&&e.status===x?{status:f}:null};var o=a.prototype;return o.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},o.componentDidUpdate=function(t){var e=null;if(t!==this.props){var r=this.state.status;this.props.in?r!==c&&r!==h&&(e=c):(r===c||r===h)&&(e=P)}this.updateStatus(!1,e)},o.componentWillUnmount=function(){this.cancelNextCallback()},o.getTimeouts=function(){var t=this.props.timeout,e,r,s;return e=r=s=t,t!=null&&typeof t!="number"&&(e=t.exit,r=t.enter,s=t.appear!==void 0?t.appear:r),{exit:e,enter:r,appear:s}},o.updateStatus=function(t,e){if(t===void 0&&(t=!1),e!==null)if(this.cancelNextCallback(),e===c){if(this.props.unmountOnExit||this.props.mountOnEnter){var r=this.props.nodeRef?this.props.nodeRef.current:v.findDOMNode(this);r&&N(r)}this.performEnter(t)}else this.performExit();else this.props.unmountOnExit&&this.state.status===f&&this.setState({status:x})},o.performEnter=function(t){var e=this,r=this.props.enter,s=this.context?this.context.isMounting:t,u=this.props.nodeRef?[s]:[v.findDOMNode(this),s],d=u[0],T=u[1],b=this.getTimeouts(),S=s?b.appear:b.enter;if(!t&&!r||g.disabled){this.safeSetState({status:h},function(){e.props.onEntered(d)});return}this.props.onEnter(d,T),this.safeSetState({status:c},function(){e.props.onEntering(d,T),e.onTransitionEnd(S,function(){e.safeSetState({status:h},function(){e.props.onEntered(d,T)})})})},o.performExit=function(){var t=this,e=this.props.exit,r=this.getTimeouts(),s=this.props.nodeRef?void 0:v.findDOMNode(this);if(!e||g.disabled){this.safeSetState({status:f},function(){t.props.onExited(s)});return}this.props.onExit(s),this.safeSetState({status:P},function(){t.props.onExiting(s),t.onTransitionEnd(r.exit,function(){t.safeSetState({status:f},function(){t.props.onExited(s)})})})},o.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},o.safeSetState=function(t,e){e=this.setNextCallback(e),this.setState(t,e)},o.setNextCallback=function(t){var e=this,r=!0;return this.nextCallback=function(s){r&&(r=!1,e.nextCallback=null,t(s))},this.nextCallback.cancel=function(){r=!1},this.nextCallback},o.onTransitionEnd=function(t,e){this.setNextCallback(e);var r=this.props.nodeRef?this.props.nodeRef.current:v.findDOMNode(this),s=t==null&&!this.props.addEndListener;if(!r||s){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var u=this.props.nodeRef?[this.nextCallback]:[r,this.nextCallback],d=u[0],T=u[1];this.props.addEndListener(d,T)}t!=null&&setTimeout(this.nextCallback,t)},o.render=function(){var t=this.state.status;if(t===x)return null;var e=this.props,r=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 s=y._objectWithoutPropertiesLoose(e,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return m.createElement(y.TransitionGroupContext.Provider,{value:null},typeof r=="function"?r(t,s):m.cloneElement(m.Children.only(r),s))},a}(m.Component);l.contextType=y.TransitionGroupContext;l.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:n.PropTypes.shape({current:typeof Element>"u"?n.PropTypes.any:function(p,a,o,i,t,e){var r=p[a];return n.PropTypes.instanceOf(r&&"ownerDocument"in r?r.ownerDocument.defaultView.Element:Element)(p,a,o,i,t,e)}}),children:n.PropTypes.oneOfType([n.PropTypes.func.isRequired,n.PropTypes.element.isRequired]).isRequired,in:n.PropTypes.bool,mountOnEnter:n.PropTypes.bool,unmountOnExit:n.PropTypes.bool,appear:n.PropTypes.bool,enter:n.PropTypes.bool,exit:n.PropTypes.bool,timeout:function(a){var o=O;a.addEndListener||(o=o.isRequired);for(var i=arguments.length,t=new Array(i>1?i-1:0),e=1;e<i;e++)t[e-1]=arguments[e];return o.apply(void 0,[a].concat(t))},addEndListener:n.PropTypes.func,onEnter:n.PropTypes.func,onEntering:n.PropTypes.func,onEntered:n.PropTypes.func,onExit:n.PropTypes.func,onExiting:n.PropTypes.func,onExited:n.PropTypes.func}:{};function E(){}l.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:E,onEntering:E,onEntered:E,onExit:E,onExiting:E,onExited:E};l.UNMOUNTED=x;l.EXITED=f;l.ENTERING=c;l.ENTERED=h;l.EXITING=P;const C=p=>p.scrollTop;function R(p,a){const{timeout:o,easing:i,style:t={}}=p;return{duration:t.transitionDuration??(typeof o=="number"?o:o[a.mode]||0),easing:t.transitionTimingFunction??(typeof i=="object"?i[a.mode]:i),delay:t.transitionDelay}}exports.Transition=l;exports.classNamesShape=D;exports.forceReflow=N;exports.getTransitionProps=R;exports.reflow=C;

package/dist/warning-C8W811fV.js

@@ -0,0 +1,11 @@
+const e = /* @__PURE__ */ new Set();
+function c(r, o = "warning") {
+  if (process.env.NODE_ENV === "production")
+    return;
+  const n = Array.isArray(r) ? r.join(`
+`) : r;
+  e.has(n) || (e.add(n), o === "error" ? console.error(n) : console.warn(n));
+}
+export {
+  c as w
+};

package/dist/warning-DMUNDgRg.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=new Set;function o(r,c="warning"){if(process.env.NODE_ENV==="production")return;const n=Array.isArray(r)?r.join(`
+`):r;e.has(n)||(e.add(n),c==="error"?console.error(n):console.warn(n))}exports.warnOnce=o;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.4.0-dev.1741950408",
+  "version": "1.4.0-dev.1741961819",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
@@ -33,6 +33,7 @@
     "@mui/icons-material": "6.4.5",
     "@mui/lab": "6.0.0-beta.28",
     "@mui/x-date-pickers": "7.27.0",
+    "@mui/x-tree-view": "^7.26.0",
     "dayjs": "1.11.13",
     "react-dropzone": "14.3.5"
   },

package/dist/Backdrop-DWp3AktL.cjs

@@ -1 +0,0 @@
-"use strict";const A=require("react"),e=require("./generateUtilityClasses-De8NU9_E.cjs"),N=require("./useSlot-CC2AaOjN.cjs"),q=require("react/jsx-runtime"),B=require("./DefaultPropsProvider-wpBXjN8r.cjs"),H=require("./useTheme-CIf2b2wK.cjs"),d=require("./utils-CFI_-FMV.cjs"),W=require("./useForkRef-CTI33h-3.cjs");function G(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(s,r,t.get?t:{enumerable:!0,get:()=>n[r]})}}return s.default=n,Object.freeze(s)}const g=G(A),I={entering:{opacity:1},entered:{opacity:1}},D=g.forwardRef(function(s,r){const t=H.useTheme(),E={enter:t.transitions.duration.enteringScreen,exit:t.transitions.duration.leavingScreen},{addEndListener:T,appear:h=!0,children:u,easing:P,in:f,onEnter:m,onEntered:x,onEntering:R,onExit:b,onExited:k,onExiting:v,style:a,timeout:y=E,TransitionComponent:C=d.Transition,...j}=s,c=g.useRef(null),O=W.useForkRef(c,d.getReactElementRef(u),r),i=o=>p=>{if(o){const l=c.current;p===void 0?o(l):o(l,p)}},S=i(R),w=i((o,p)=>{d.reflow(o);const l=d.getTransitionProps({style:a,timeout:y,easing:P},{mode:"enter"});o.style.webkitTransition=t.transitions.create("opacity",l),o.style.transition=t.transitions.create("opacity",l),m&&m(o,p)}),M=i(x),_=i(v),L=i(o=>{const p=d.getTransitionProps({style:a,timeout:y,easing:P},{mode:"exit"});o.style.webkitTransition=t.transitions.create("opacity",p),o.style.transition=t.transitions.create("opacity",p),b&&b(o)}),z=i(k),V=o=>{T&&T(c.current,o)};return q.jsx(C,{appear:h,in:f,nodeRef:c,onEnter:w,onEntered:M,onEntering:S,onExit:L,onExited:z,onExiting:_,addEndListener:V,timeout:y,...j,children:(o,{ownerState:p,...l})=>g.cloneElement(u,{style:{opacity:0,visibility:o==="exited"&&!f?"hidden":void 0,...I[o],...a,...u.props.style},ref:O,...l})})});process.env.NODE_ENV!=="production"&&(D.propTypes={addEndListener:e.PropTypes.func,appear:e.PropTypes.bool,children:d.elementAcceptingRef.isRequired,easing:e.PropTypes.oneOfType([e.PropTypes.shape({enter:e.PropTypes.string,exit:e.PropTypes.string}),e.PropTypes.string]),in:e.PropTypes.bool,onEnter:e.PropTypes.func,onEntered:e.PropTypes.func,onEntering:e.PropTypes.func,onExit:e.PropTypes.func,onExited:e.PropTypes.func,onExiting:e.PropTypes.func,style:e.PropTypes.object,timeout:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});function F(n){return e.generateUtilityClass("MuiBackdrop",n)}const J=e.generateUtilityClasses("MuiBackdrop",["root","invisible"]),K=n=>{const{classes:s,invisible:r}=n,t={root:["root",r&&"invisible"]};return B.composeClasses(t,F,s)},Q=B.styled("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(n,s)=>{const{ownerState:r}=n;return[s.root,r.invisible&&s.invisible]}})({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent",variants:[{props:{invisible:!0},style:{backgroundColor:"transparent"}}]}),U=g.forwardRef(function(s,r){const t=B.useDefaultProps({props:s,name:"MuiBackdrop"}),{children:E,className:T,component:h="div",invisible:u=!1,open:P,components:f={},componentsProps:m={},slotProps:x={},slots:R={},TransitionComponent:b,transitionDuration:k,...v}=t,a={...t,component:h,invisible:u},y=K(a),C={transition:b,root:f.Root,...R},j={...m,...x},c={slots:C,slotProps:j},[O,i]=N.useSlot("root",{elementType:Q,externalForwardedProps:c,className:e.clsx(y.root,T),ownerState:a}),[S,w]=N.useSlot("transition",{elementType:D,externalForwardedProps:c,ownerState:a});return q.jsx(S,{in:P,timeout:k,...v,...w,children:q.jsx(O,{"aria-hidden":!0,...i,classes:y,ref:r,children:E})})});process.env.NODE_ENV!=="production"&&(U.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,components:e.PropTypes.shape({Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({root:e.PropTypes.object}),invisible:e.PropTypes.bool,open:e.PropTypes.bool.isRequired,slotProps:e.PropTypes.shape({root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),transition:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({root:e.PropTypes.elementType,transition:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),TransitionComponent:e.PropTypes.elementType,transitionDuration:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});exports.Backdrop=U;exports.Fade=D;exports.backdropClasses=J;exports.getBackdropUtilityClass=F;