@cgi-learning-hub/ui 1.2.0 → 1.3.0-dev.1731062725

package/dist/Backdrop-CxHwPsCX.js

@@ -0,0 +1,789 @@
+import * as j from "react";
+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: s = {}
+  } = r;
+  return !!s.isReactComponent;
+}
+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 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 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;
+}
+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 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;
+  }
+  s.getDerivedStateFromProps = function(n, e) {
+    var o = n.in;
+    return o && e.status === M ? {
+      status: S
+    } : null;
+  };
+  var a = s.prototype;
+  return a.componentDidMount = function() {
+    this.updateStatus(!0, this.appearStatus);
+  }, a.componentDidUpdate = function(n) {
+    var e = null;
+    if (n !== this.props) {
+      var o = this.state.status;
+      this.props.in ? o !== R && o !== D && (e = R) : (o === R || o === D) && (e = q);
+    }
+    this.updateStatus(!1, e);
+  }, a.componentWillUnmount = function() {
+    this.cancelNextCallback();
+  }, 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: p
+    };
+  }, 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 : I.findDOMNode(this);
+          o && mt(o);
+        }
+        this.performEnter(n);
+      } else
+        this.performExit();
+    else this.props.unmountOnExit && this.state.status === S && this.setState({
+      status: M
+    });
+  }, 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() {
+        e.props.onEntered(l);
+      });
+      return;
+    }
+    this.props.onEnter(l, d), this.safeSetState({
+      status: R
+    }, function() {
+      e.props.onEntering(l, d), e.onTransitionEnd(y, function() {
+        e.safeSetState({
+          status: D
+        }, function() {
+          e.props.onEntered(l, d);
+        });
+      });
+    });
+  }, 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(p);
+      });
+      return;
+    }
+    this.props.onExit(p), this.safeSetState({
+      status: q
+    }, function() {
+      n.props.onExiting(p), n.onTransitionEnd(o.exit, function() {
+        n.safeSetState({
+          status: S
+        }, function() {
+          n.props.onExited(p);
+        });
+      });
+    });
+  }, a.cancelNextCallback = function() {
+    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+  }, 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;
+  }, 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 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);
+  }, a.render = function() {
+    var n = this.state.status;
+    if (n === M)
+      return null;
+    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__ */ F.createElement($.Provider, {
+        value: null
+      }, typeof o == "function" ? o(n, p) : F.cloneElement(F.Children.only(o), p))
+    );
+  }, s;
+}(F.Component);
+x.contextType = $;
+x.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * A React reference to DOM element that need to transition:
+   * https://stackoverflow.com/a/51127130/4671932
+   *
+   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
+   *      (e.g. `onEnter`) because user already has direct access to the node.
+   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
+   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
+   *     (see
+   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
+   */
+  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);
+    }
+  }),
+  /**
+   * A `function` child can be used instead of a React element. This function is
+   * called with the current transition status (`'entering'`, `'entered'`,
+   * `'exiting'`, `'exited'`), which can be used to apply context
+   * specific props to a component.
+   *
+   * ```jsx
+   * <Transition in={this.state.in} timeout={150}>
+   *   {state => (
+   *     <MyComponent className={`fade fade-${state}`} />
+   *   )}
+   * </Transition>
+   * ```
+   */
+  children: t.oneOfType([t.func.isRequired, t.element.isRequired]).isRequired,
+  /**
+   * Show the component; triggers the enter or exit states
+   */
+  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: 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: 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
+   * behavior, set both `appear` and `in` to `true`.
+   *
+   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
+   * > only adds an additional enter transition. However, in the
+   * > `<CSSTransition>` component that first enter transition does result in
+   * > additional `.appear-*` classes, that way you can choose to style it
+   * > differently.
+   */
+  appear: t.bool,
+  /**
+   * Enable or disable enter transitions.
+   */
+  enter: t.bool,
+  /**
+   * Enable or disable exit transitions.
+   */
+  exit: t.bool,
+  /**
+   * The duration of the transition, in milliseconds.
+   * Required unless `addEndListener` is provided.
+   *
+   * You may specify a single timeout for all transitions:
+   *
+   * ```jsx
+   * timeout={500}
+   * ```
+   *
+   * or individually:
+   *
+   * ```jsx
+   * timeout={{
+   *  appear: 500,
+   *  enter: 300,
+   *  exit: 500,
+   * }}
+   * ```
+   *
+   * - `appear` defaults to the value of `enter`
+   * - `enter` defaults to `0`
+   * - `exit` defaults to `0`
+   *
+   * @type {number | { enter?: number, exit?: number, appear?: number }}
+   */
+  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
+   * DOM node and a `done` callback. Allows for more fine grained transition end
+   * logic. Timeouts are still used as a fallback if provided.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * ```jsx
+   * addEndListener={(node, done) => {
+   *   // use the css transitionend event to mark the finish of a transition
+   *   node.addEventListener('transitionend', done, false);
+   * }}
+   * ```
+   */
+  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
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  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
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  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
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEntered: t.func,
+  /**
+   * Callback fired before the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExit: t.func,
+  /**
+   * Callback fired after the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExiting: t.func,
+  /**
+   * Callback fired after the "exited" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExited: t.func
+} : {};
+function P() {
+}
+x.defaultProps = {
+  in: !1,
+  mountOnEnter: !1,
+  unmountOnExit: !1,
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  onEnter: P,
+  onEntering: P,
+  onEntered: P,
+  onExit: P,
+  onExiting: P,
+  onExited: P
+};
+x.UNMOUNTED = M;
+x.EXITED = S;
+x.ENTERING = R;
+x.ENTERED = D;
+x.EXITING = q;
+const Et = (r) => r.scrollTop;
+function V(r, s) {
+  const {
+    timeout: a,
+    easing: i,
+    style: n = {}
+  } = r;
+  return {
+    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 ht = {
+  entering: {
+    opacity: 1
+  },
+  entered: {
+    opacity: 1
+  }
+}, J = /* @__PURE__ */ j.forwardRef(function(s, a) {
+  const i = rt(), n = {
+    enter: i.transitions.duration.enteringScreen,
+    exit: i.transitions.duration.leavingScreen
+  }, {
+    addEndListener: e,
+    appear: o = !0,
+    children: p,
+    easing: u,
+    in: l,
+    onEnter: d,
+    onEntered: v,
+    onEntering: y,
+    onExit: T,
+    onExited: b,
+    onExiting: C,
+    style: m,
+    timeout: g = n,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: k = x,
+    ...O
+  } = s, E = j.useRef(null), N = X(E, dt(p), a), f = (c) => (h) => {
+    if (c) {
+      const L = E.current;
+      h === void 0 ? c(L) : c(L, h);
+    }
+  }, w = f(y), U = f((c, h) => {
+    Et(c);
+    const L = V({
+      style: m,
+      timeout: g,
+      easing: u
+    }, {
+      mode: "enter"
+    });
+    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: u
+    }, {
+      mode: "exit"
+    });
+    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: l,
+    nodeRef: E,
+    onEnter: U,
+    onEntered: _,
+    onEntering: w,
+    onExit: Q,
+    onExited: Y,
+    onExiting: K,
+    addEndListener: (c) => {
+      e && e(E.current, c);
+    },
+    timeout: g,
+    ...O,
+    children: (c, h) => /* @__PURE__ */ j.cloneElement(p, {
+      style: {
+        opacity: 0,
+        visibility: c === "exited" && !l ? "hidden" : void 0,
+        ...ht[c],
+        ...m,
+        ...p.props.style
+      },
+      ref: N,
+      ...h
+    })
+  });
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  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: t.bool,
+  /**
+   * A single child content element.
+   */
+  children: z.isRequired,
+  /**
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
+   */
+  easing: t.oneOfType([t.shape({
+    enter: t.string,
+    exit: t.string
+  }), t.string]),
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: t.bool,
+  /**
+   * @ignore
+   */
+  onEnter: t.func,
+  /**
+   * @ignore
+   */
+  onEntered: t.func,
+  /**
+   * @ignore
+   */
+  onEntering: t.func,
+  /**
+   * @ignore
+   */
+  onExit: t.func,
+  /**
+   * @ignore
+   */
+  onExited: t.func,
+  /**
+   * @ignore
+   */
+  onExiting: t.func,
+  /**
+   * @ignore
+   */
+  style: t.object,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  timeout: t.oneOfType([t.number, t.shape({
+    appear: t.number,
+    enter: t.number,
+    exit: t.number
+  })])
+});
+function xt(r) {
+  return Z("MuiBackdrop", r);
+}
+const Lt = tt("MuiBackdrop", ["root", "invisible"]), vt = (r) => {
+  const {
+    ownerState: s,
+    ...a
+  } = r;
+  return a;
+}, bt = (r) => {
+  const {
+    classes: s,
+    invisible: a
+  } = r;
+  return pt({
+    root: ["root", a && "invisible"]
+  }, xt, s);
+}, gt = st("div", {
+  name: "MuiBackdrop",
+  slot: "Root",
+  overridesResolver: (r, s) => {
+    const {
+      ownerState: a
+    } = r;
+    return [s.root, a.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"
+    }
+  }]
+}), yt = /* @__PURE__ */ j.forwardRef(function(s, a) {
+  const i = at({
+    props: s,
+    name: "MuiBackdrop"
+  }), {
+    children: n,
+    className: e,
+    component: o = "div",
+    invisible: p = !1,
+    open: u,
+    components: l = {},
+    componentsProps: d = {},
+    slotProps: v = {},
+    slots: y = {},
+    TransitionComponent: T,
+    transitionDuration: b,
+    ...C
+  } = i, m = {
+    ...i,
+    component: o,
+    invisible: p
+  }, g = bt(m), k = {
+    transition: T,
+    root: l.Root,
+    ...y
+  }, O = {
+    ...d,
+    ...v
+  }, E = {
+    slots: k,
+    slotProps: O
+  }, [N, f] = A("root", {
+    elementType: gt,
+    externalForwardedProps: E,
+    className: et(g.root, e),
+    ownerState: m
+  }), [w, U] = A("transition", {
+    elementType: J,
+    externalForwardedProps: E,
+    ownerState: m
+  }), _ = vt(U);
+  return /* @__PURE__ */ B(w, {
+    in: u,
+    timeout: b,
+    ...C,
+    ..._,
+    children: /* @__PURE__ */ B(N, {
+      "aria-hidden": !0,
+      ...f,
+      classes: g,
+      ref: a,
+      children: n
+    })
+  });
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: t.elementType,
+  /**
+   * 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.
+   *
+   * @default {}
+   */
+  components: t.shape({
+    Root: t.elementType
+  }),
+  /**
+   * 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.
+   *
+   * @default {}
+   */
+  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: t.bool,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: t.bool.isRequired,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  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: t.shape({
+    root: t.elementType,
+    transition: t.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  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: t.elementType,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  transitionDuration: t.oneOfType([t.number, t.shape({
+    appear: t.number,
+    enter: t.number,
+    exit: t.number
+  })])
+});
+export {
+  yt as B,
+  J as F,
+  x as T,
+  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
+};