@cgi-learning-hub/ui 0.0.1-dev.1709224732 → 0.0.1-dev.1709286547

package/dist/{TextInput-qy9lCd1L.js → TextInput-BiChT4yZ.js}

@@ -14,7 +14,7 @@ import * as Un from "react-dom";
 import Ge from "react-dom";
 import { o as ie, a as We, d as Vn } from "./ownerWindow-C7EH1lr6.js";
 import { a as Ao, u as qn } from "./useTimeout-C7IkLqZ9.js";
-import { e as zn, u as $e } from "./useSlotProps-BoMYRJkF.js";
+import { e as zn, u as Fe } from "./useSlotProps-BoMYRJkF.js";
 import { i as Hn } from "./isHostComponent-kiaBvYVo.js";
 import { c as Kn } from "./createSvgIcon-Dspfpz-l.js";
 function Gn(o) {
@@ -110,13 +110,13 @@ var Zn = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape(
   exitActive: e.string
 })]) : null, et = function(n) {
   return n.scrollTop;
-}, _e = "unmounted", Ie = "exited", Se = "entering", Fe = "entered", mo = "exiting", he = /* @__PURE__ */ function(o) {
+}, _e = "unmounted", Ie = "exited", Se = "entering", ke = "entered", mo = "exiting", he = /* @__PURE__ */ function(o) {
   Wn(n, o);
   function n(r, i) {
     var s;
     s = o.call(this, r, i) || this;
     var a = i, l = a && !a.isMounting ? r.enter : r.appear, c;
-    return s.appearStatus = null, r.in ? l ? (c = Ie, s.appearStatus = Se) : c = Fe : r.unmountOnExit || r.mountOnEnter ? c = _e : c = Ie, s.state = {
+    return s.appearStatus = null, r.in ? l ? (c = Ie, s.appearStatus = Se) : c = ke : r.unmountOnExit || r.mountOnEnter ? c = _e : c = Ie, s.state = {
       status: c
     }, s.nextCallback = null, s;
   }
@@ -133,7 +133,7 @@ var Zn = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape(
     var s = null;
     if (i !== this.props) {
       var a = this.state.status;
-      this.props.in ? a !== Se && a !== Fe && (s = Se) : (a === Se || a === Fe) && (s = mo);
+      this.props.in ? a !== Se && a !== ke && (s = Se) : (a === Se || a === ke) && (s = mo);
     }
     this.updateStatus(!1, s);
   }, t.componentWillUnmount = function() {
@@ -163,7 +163,7 @@ var Zn = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape(
     var s = this, a = this.props.enter, l = this.context ? this.context.isMounting : i, c = this.props.nodeRef ? [l] : [Ge.findDOMNode(this), l], p = c[0], b = c[1], h = this.getTimeouts(), x = l ? h.appear : h.enter;
     if (!i && !a || Wo.disabled) {
       this.safeSetState({
-        status: Fe
+        status: ke
       }, function() {
         s.props.onEntered(p);
       });
@@ -174,7 +174,7 @@ var Zn = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape(
     }, function() {
       s.props.onEntering(p, b), s.onTransitionEnd(x, function() {
         s.safeSetState({
-          status: Fe
+          status: ke
         }, function() {
           s.props.onEntered(p, b);
         });
@@ -409,7 +409,7 @@ he.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   onExited: e.func
 } : {};
-function ke() {
+function $e() {
 }
 he.defaultProps = {
   in: !1,
@@ -418,17 +418,17 @@ he.defaultProps = {
   appear: !1,
   enter: !0,
   exit: !0,
-  onEnter: ke,
-  onEntering: ke,
-  onEntered: ke,
-  onExit: ke,
-  onExiting: ke,
-  onExited: ke
+  onEnter: $e,
+  onEntering: $e,
+  onEntered: $e,
+  onExit: $e,
+  onExiting: $e,
+  onExited: $e
 };
 he.UNMOUNTED = _e;
 he.EXITED = Ie;
 he.ENTERING = Se;
-he.ENTERED = Fe;
+he.ENTERED = ke;
 he.EXITING = mo;
 const cn = he, ot = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
 function nt(o) {
@@ -503,8 +503,8 @@ function Ye(o) {
       let D = [];
       if ((f.activeElement === p.current || f.activeElement === b.current) && (D = s(v.current)), D.length > 0) {
         var _, A;
-        const V = !!((_ = O.current) != null && _.shiftKey && ((A = O.current) == null ? void 0 : A.key) === "Tab"), W = D[0], $ = D[D.length - 1];
-        typeof W != "string" && typeof $ != "string" && (V ? $.focus() : W.focus());
+        const V = !!((_ = O.current) != null && _.shiftKey && ((A = O.current) == null ? void 0 : A.key) === "Tab"), W = D[0], F = D[D.length - 1];
+        typeof W != "string" && typeof F != "string" && (V ? F.focus() : W.focus());
       } else
         y.focus();
     };
@@ -815,44 +815,44 @@ function ht(o) {
   }, [A]), u.useEffect(() => {
     b ? y() : (!M || !s) && A();
   }, [b, A, M, s, y]);
-  const V = (S) => (F) => {
-    var k;
-    (k = S.onKeyDown) == null || k.call(S, F), !(F.key !== "Escape" || F.which === 229 || // Wait until IME is settled.
-    !D()) && (t || (F.stopPropagation(), p && p(F, "escapeKeyDown")));
-  }, W = (S) => (F) => {
-    var k;
-    (k = S.onClick) == null || k.call(S, F), F.target === F.currentTarget && p && p(F, "backdropClick");
+  const V = (S) => (k) => {
+    var $;
+    ($ = S.onKeyDown) == null || $.call(S, k), !(k.key !== "Escape" || k.which === 229 || // Wait until IME is settled.
+    !D()) && (t || (k.stopPropagation(), p && p(k, "escapeKeyDown")));
+  }, W = (S) => (k) => {
+    var $;
+    ($ = S.onClick) == null || $.call(S, k), k.target === k.currentTarget && p && p(k, "backdropClick");
   };
   return {
     getRootProps: (S = {}) => {
-      const F = zn(o);
-      delete F.onTransitionEnter, delete F.onTransitionExited;
-      const k = d({}, F, S);
+      const k = zn(o);
+      delete k.onTransitionEnter, delete k.onTransitionExited;
+      const $ = d({}, k, S);
       return d({
         role: "presentation"
-      }, k, {
-        onKeyDown: V(k),
+      }, $, {
+        onKeyDown: V($),
         ref: w
       });
     },
     getBackdropProps: (S = {}) => {
-      const F = S;
+      const k = S;
       return d({
         "aria-hidden": !0
-      }, F, {
-        onClick: W(F),
+      }, k, {
+        onClick: W(k),
         open: b
       });
     },
     getTransitionProps: () => {
       const S = () => {
         g(!1), a && a();
-      }, F = () => {
+      }, k = () => {
         g(!0), l && l(), s && A();
       };
       return {
         onEnter: Lo(S, c == null ? void 0 : c.props.onEnter),
-        onExited: Lo(F, c == null ? void 0 : c.props.onExited)
+        onExited: Lo(k, c == null ? void 0 : c.props.onExited)
       };
     },
     rootRef: w,
@@ -1698,17 +1698,17 @@ process.env.NODE_ENV !== "production" && (pn.propTypes = {
    */
   style: e.object
 });
-function kt(o) {
+function $t(o) {
   return ne("MuiOutlinedInput", o);
 }
-const Ft = d({}, go, ee("MuiOutlinedInput", ["root", "notchedOutline", "input"])), Oe = Ft, $t = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"], Dt = (o) => {
+const kt = d({}, go, ee("MuiOutlinedInput", ["root", "notchedOutline", "input"])), Oe = kt, Ft = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"], Dt = (o) => {
   const {
     classes: n
   } = o, r = oe({
     root: ["root"],
     notchedOutline: ["notchedOutline"],
     input: ["input"]
-  }, kt, n);
+  }, $t, n);
   return d({}, n, r);
 }, Lt = j(yo, {
   shouldForwardProp: (o) => me(o) || o === "classes",
@@ -1811,7 +1811,7 @@ const Ft = d({}, go, ee("MuiOutlinedInput", ["root", "notchedOutline", "input"])
     notched: v,
     slots: w = {},
     type: O = "text"
-  } = c, g = z(c, $t), M = Dt(c), f = Ve(), m = qe({
+  } = c, g = z(c, Ft), M = Dt(c), f = Ve(), m = qe({
     props: c,
     muiFormControl: f,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
@@ -2419,27 +2419,27 @@ const Qt = ee("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDe
     size: w,
     variant: O
   }), f = er(M), [m, E] = u.useState(() => {
-    let $ = !1;
+    let F = !1;
     return i && u.Children.forEach(i, (N) => {
       if (!io(N, ["Input", "Select"]))
         return;
       const C = io(N, ["Select"]) ? N.props.input : N;
-      C && _n(C.props) && ($ = !0);
-    }), $;
+      C && _n(C.props) && (F = !0);
+    }), F;
   }), [P, y] = u.useState(() => {
-    let $ = !1;
+    let F = !1;
     return i && u.Children.forEach(i, (N) => {
-      io(N, ["Input", "Select"]) && (uo(N.props, !0) || uo(N.props.inputProps, !0)) && ($ = !0);
-    }), $;
+      io(N, ["Input", "Select"]) && (uo(N.props, !0) || uo(N.props.inputProps, !0)) && (F = !0);
+    }), F;
   }), [D, _] = u.useState(!1);
   c && D && _(!1);
   const A = b !== void 0 && !c ? b : D;
   let V;
   if (process.env.NODE_ENV !== "production") {
-    const $ = u.useRef(!1);
-    V = () => ($.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
-`)), $.current = !0, () => {
-      $.current = !1;
+    const F = u.useRef(!1);
+    V = () => (F.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
+`)), F.current = !0, () => {
+      F.current = !1;
     });
   }
   const W = u.useMemo(() => ({
@@ -3013,14 +3013,14 @@ const yr = {
     TransitionComponent: O = cn
   } = n, g = z(n, gr), M = qn(), f = u.useRef(), m = Ze(), E = u.useRef(null), P = be(E, s.ref, t), y = (C) => (S) => {
     if (C) {
-      const F = E.current;
-      S === void 0 ? C(F) : C(F, S);
+      const k = E.current;
+      S === void 0 ? C(k) : C(k, S);
     }
   }, D = y(b), _ = y((C, S) => {
     Tn(C);
     const {
-      duration: F,
-      delay: k,
+      duration: k,
+      delay: $,
       easing: L
     } = Qe({
       style: v,
@@ -3030,19 +3030,19 @@ const yr = {
       mode: "enter"
     });
     let K;
-    w === "auto" ? (K = m.transitions.getAutoHeightDuration(C.clientHeight), f.current = K) : K = F, C.style.transition = [m.transitions.create("opacity", {
+    w === "auto" ? (K = m.transitions.getAutoHeightDuration(C.clientHeight), f.current = K) : K = k, C.style.transition = [m.transitions.create("opacity", {
       duration: K,
-      delay: k
+      delay: $
     }), m.transitions.create("transform", {
       duration: co ? K : K * 0.666,
-      delay: k,
+      delay: $,
       easing: L
     })].join(","), c && c(C, S);
   }), A = y(p), V = y(T), W = y((C) => {
     const {
       duration: S,
-      delay: F,
-      easing: k
+      delay: k,
+      easing: $
     } = Qe({
       style: v,
       timeout: w,
@@ -3053,13 +3053,13 @@ const yr = {
     let L;
     w === "auto" ? (L = m.transitions.getAutoHeightDuration(C.clientHeight), f.current = L) : L = S, C.style.transition = [m.transitions.create("opacity", {
       duration: L,
-      delay: F
+      delay: k
     }), m.transitions.create("transform", {
       duration: co ? L : L * 0.666,
-      delay: co ? F : F || L * 0.333,
-      easing: k
+      delay: co ? k : k || L * 0.333,
+      easing: $
     })].join(","), C.style.opacity = 0, C.style.transform = bo(0.75), h && h(C);
-  }), $ = y(x);
+  }), F = y(x);
   return /* @__PURE__ */ I(O, d({
     appear: i,
     in: l,
@@ -3068,7 +3068,7 @@ const yr = {
     onEntered: A,
     onEntering: D,
     onExit: W,
-    onExited: $,
+    onExited: F,
     onExiting: V,
     addEndListener: (C) => {
       w === "auto" && M.start(f.current || 0, C), r && r(E.current, C);
@@ -3496,7 +3496,7 @@ const wr = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     root: ["root", !n && t && "hidden"],
     backdrop: ["backdrop"]
   }, Sr, r);
-}, kr = j("div", {
+}, $r = j("div", {
   name: "MuiModal",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -3517,7 +3517,7 @@ const wr = ["BackdropComponent", "BackdropProps", "classes", "className", "close
   left: 0
 }, !n.open && n.exited && {
   visibility: "hidden"
-})), Fr = j(Ir, {
+})), kr = j(Ir, {
   name: "MuiModal",
   slot: "Backdrop",
   overridesResolver: (o, n) => n.backdrop
@@ -3529,7 +3529,7 @@ const wr = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     name: "MuiModal",
     props: n
   }), {
-    BackdropComponent: b = Fr,
+    BackdropComponent: b = kr,
     BackdropProps: h,
     className: x,
     closeAfterTransition: T = !1,
@@ -3548,7 +3548,7 @@ const wr = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     keepMounted: A = !1,
     onBackdropClick: V,
     open: W,
-    slotProps: $,
+    slotProps: F,
     slots: N
     // eslint-disable-next-line react/prop-types
   } = p, C = z(p, wr), S = d({}, p, {
@@ -3562,8 +3562,8 @@ const wr = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     hideBackdrop: _,
     keepMounted: A
   }), {
-    getRootProps: F,
-    getBackdropProps: k,
+    getRootProps: k,
+    getBackdropProps: $,
     getTransitionProps: L,
     portalRef: K,
     isTopModal: de,
@@ -3581,22 +3581,22 @@ const wr = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     } = L();
     se.onEnter = U, se.onExited = q;
   }
-  const le = (r = (i = N == null ? void 0 : N.root) != null ? i : g.Root) != null ? r : kr, ae = (s = (a = N == null ? void 0 : N.backdrop) != null ? a : g.Backdrop) != null ? s : b, Ce = (l = $ == null ? void 0 : $.root) != null ? l : M.root, ve = (c = $ == null ? void 0 : $.backdrop) != null ? c : M.backdrop, ge = $e({
+  const le = (r = (i = N == null ? void 0 : N.root) != null ? i : g.Root) != null ? r : $r, ae = (s = (a = N == null ? void 0 : N.backdrop) != null ? a : g.Backdrop) != null ? s : b, Ce = (l = F == null ? void 0 : F.root) != null ? l : M.root, ve = (c = F == null ? void 0 : F.backdrop) != null ? c : M.backdrop, ge = Fe({
     elementType: le,
     externalSlotProps: Ce,
     externalForwardedProps: C,
-    getSlotProps: F,
+    getSlotProps: k,
     additionalProps: {
       ref: t,
       as: O
     },
     ownerState: H,
     className: Z(x, Ce == null ? void 0 : Ce.className, te == null ? void 0 : te.root, !H.open && H.exited && (te == null ? void 0 : te.hidden))
-  }), ye = $e({
+  }), ye = Fe({
     elementType: ae,
     externalSlotProps: ve,
     additionalProps: h,
-    getSlotProps: (U) => k(d({}, U, {
+    getSlotProps: (U) => $(d({}, U, {
       onClick: (q) => {
         V && V(q), U != null && U.onClick && U.onClick(q);
       }
@@ -3801,7 +3801,7 @@ process.env.NODE_ENV !== "production" && (Rn.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const $r = Rn;
+const Fr = Rn;
 function Dr(o) {
   return ne("MuiPaper", o);
 }
@@ -3946,7 +3946,7 @@ const qr = (o) => {
     root: ["root"],
     paper: ["paper"]
   }, Br, n);
-}, zr = j($r, {
+}, zr = j(Fr, {
   name: "MuiPopover",
   slot: "Root",
   overridesResolver: (o, n) => n.root
@@ -3999,7 +3999,7 @@ const qr = (o) => {
       onEntering: D
     } = {},
     disableScrollLock: _ = !1
-  } = a, A = z(a.TransitionProps, Wr), V = z(a, Ur), W = (r = m == null ? void 0 : m.paper) != null ? r : M, $ = u.useRef(), N = be($, W.ref), C = d({}, a, {
+  } = a, A = z(a.TransitionProps, Wr), V = z(a, Ur), W = (r = m == null ? void 0 : m.paper) != null ? r : M, F = u.useRef(), N = be(F, W.ref), C = d({}, a, {
     anchorOrigin: p,
     anchorReference: h,
     elevation: w,
@@ -4009,10 +4009,10 @@ const qr = (o) => {
     TransitionComponent: P,
     transitionDuration: y,
     TransitionProps: A
-  }), S = qr(C), F = u.useCallback(() => {
+  }), S = qr(C), k = u.useCallback(() => {
     if (h === "anchorPosition")
       return process.env.NODE_ENV !== "production" && (b || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), b;
-    const U = Xe(c), q = U && U.nodeType === 1 ? U : ie($.current).body, X = q.getBoundingClientRect();
+    const U = Xe(c), q = U && U.nodeType === 1 ? U : ie(F.current).body, X = q.getBoundingClientRect();
     if (process.env.NODE_ENV !== "production") {
       const ue = q.getBoundingClientRect();
       process.env.NODE_ENV !== "test" && ue.top === 0 && ue.left === 0 && ue.right === 0 && ue.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
@@ -4022,21 +4022,21 @@ const qr = (o) => {
       top: X.top + Go(X, p.vertical),
       left: X.left + Xo(X, p.horizontal)
     };
-  }, [c, p.horizontal, p.vertical, b, h]), k = u.useCallback((U) => ({
+  }, [c, p.horizontal, p.vertical, b, h]), $ = u.useCallback((U) => ({
     vertical: Go(U, E.vertical),
     horizontal: Xo(U, E.horizontal)
   }), [E.horizontal, E.vertical]), L = u.useCallback((U) => {
     const q = {
       width: U.offsetWidth,
       height: U.offsetHeight
-    }, X = k(q);
+    }, X = $(q);
     if (h === "none")
       return {
         top: null,
         left: null,
         transformOrigin: Yo(X)
       };
-    const ue = F();
+    const ue = k();
     let Ee = ue.top - X.vertical, xe = ue.left - X.horizontal;
     const Re = Ee + q.height, ze = xe + q.width, pe = We(Xe(c)), Te = pe.innerHeight - O, Pe = pe.innerWidth - O;
     if (O !== null && Ee < O) {
@@ -4059,8 +4059,8 @@ const qr = (o) => {
       left: `${Math.round(xe)}px`,
       transformOrigin: Yo(X)
     };
-  }, [c, h, F, k, O]), [K, de] = u.useState(g), Y = u.useCallback(() => {
-    const U = $.current;
+  }, [c, h, k, $, O]), [K, de] = u.useState(g), Y = u.useCallback(() => {
+    const U = F.current;
     if (!U)
       return;
     const q = L(U);
@@ -4090,7 +4090,7 @@ const qr = (o) => {
   }, [c, g, Y]);
   let te = y;
   y === "auto" && !P.muiSupportAuto && (te = void 0);
-  const se = v || (c ? ie(Xe(c)).body : void 0), le = (i = f == null ? void 0 : f.root) != null ? i : zr, ae = (s = f == null ? void 0 : f.paper) != null ? s : Nn, Ce = $e({
+  const se = v || (c ? ie(Xe(c)).body : void 0), le = (i = f == null ? void 0 : f.root) != null ? i : zr, ae = (s = f == null ? void 0 : f.paper) != null ? s : Nn, Ce = Fe({
     elementType: ae,
     externalSlotProps: d({}, W, {
       style: K ? W.style : d({}, W.style, {
@@ -4103,7 +4103,7 @@ const qr = (o) => {
     },
     ownerState: C,
     className: Z(S.paper, W == null ? void 0 : W.className)
-  }), ve = $e({
+  }), ve = Fe({
     elementType: le,
     externalSlotProps: (m == null ? void 0 : m.root) || {},
     externalForwardedProps: V,
@@ -4391,7 +4391,7 @@ const Gr = ee("MuiMenu", ["root", "paper", "list"]), oi = Gr, Xr = ["onEntering"
     variant: g
   }), _ = Zr(D), A = a && !p && x, V = u.useRef(null), W = (L, K) => {
     V.current && V.current.adjustStyleForScrollbar(L, P), O && O(L, K);
-  }, $ = (L) => {
+  }, F = (L) => {
     L.key === "Tab" && (L.preventDefault(), h && h(L, "tabKeyDown"));
   };
   let N = -1;
@@ -4399,12 +4399,12 @@ const Gr = ee("MuiMenu", ["root", "paper", "list"]), oi = Gr, Xr = ["onEntering"
     /* @__PURE__ */ u.isValidElement(L) && (process.env.NODE_ENV !== "production" && ho.isFragment(L) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `)), L.props.disabled || (g === "selectedMenu" && L.props.selected || N === -1) && (N = K));
   });
-  const C = (r = M.paper) != null ? r : os, S = (i = f.paper) != null ? i : T, F = $e({
+  const C = (r = M.paper) != null ? r : os, S = (i = f.paper) != null ? i : T, k = Fe({
     elementType: M.root,
     externalSlotProps: f.root,
     ownerState: D,
     className: [_.root, c]
-  }), k = $e({
+  }), $ = Fe({
     elementType: C,
     externalSlotProps: S,
     ownerState: D,
@@ -4422,8 +4422,8 @@ const Gr = ee("MuiMenu", ["root", "paper", "list"]), oi = Gr, Xr = ["onEntering"
       root: M.root
     },
     slotProps: {
-      root: F,
-      paper: k
+      root: k,
+      paper: $
     },
     open: x,
     ref: t,
@@ -4435,7 +4435,7 @@ const Gr = ee("MuiMenu", ["root", "paper", "list"]), oi = Gr, Xr = ["onEntering"
   }, E, {
     classes: v,
     children: /* @__PURE__ */ I(ns, d({
-      onKeyDown: $,
+      onKeyDown: F,
       actions: V,
       autoFocus: a && (N === -1 || p),
       autoFocusItem: A,
@@ -4666,7 +4666,7 @@ const ss = ee("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
     } = o;
     return [n.icon, t.variant && n[`icon${ce(t.variant)}`], t.open && n.iconOpen];
   }
-})(Mn), kn = /* @__PURE__ */ u.forwardRef(function(n, t) {
+})(Mn), $n = /* @__PURE__ */ u.forwardRef(function(n, t) {
   const {
     className: r,
     disabled: i,
@@ -4692,7 +4692,7 @@ const ss = ee("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (kn.propTypes = {
+process.env.NODE_ENV !== "production" && ($n.propTypes = {
   /**
    * The option elements to populate the select with.
    * Can be some `<option>` elements.
@@ -4748,7 +4748,7 @@ process.env.NODE_ENV !== "production" && (kn.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-const ds = kn;
+const ds = $n;
 function us(o) {
   return ne("MuiSelect", o);
 }
@@ -4831,7 +4831,7 @@ const gs = (o) => {
     nativeInput: ["nativeInput"]
   };
   return oe(l, us, n);
-}, Fn = /* @__PURE__ */ u.forwardRef(function(n, t) {
+}, kn = /* @__PURE__ */ u.forwardRef(function(n, t) {
   var r;
   const {
     "aria-describedby": i,
@@ -4859,11 +4859,11 @@ const gs = (o) => {
     open: A,
     readOnly: V,
     renderValue: W,
-    SelectDisplayProps: $ = {},
+    SelectDisplayProps: F = {},
     tabIndex: N,
     value: C,
     variant: S = "standard"
-  } = n, F = z(n, fs), [k, L] = jo({
+  } = n, k = z(n, fs), [$, L] = jo({
     controlled: C,
     default: h,
     name: "Select"
@@ -4881,8 +4881,8 @@ const gs = (o) => {
       G.current.focus();
     },
     node: Y.current,
-    value: k
-  }), [k]), u.useEffect(() => {
+    value: $
+  }), [$]), u.useEffect(() => {
     b && K && H && !se && (ae(l ? null : ge.clientWidth), G.current.focus());
   }, [H, l]), u.useEffect(() => {
     a && G.current.focus();
@@ -4912,20 +4912,20 @@ const gs = (o) => {
     let J;
     if (B.currentTarget.hasAttribute("tabindex")) {
       if (f) {
-        J = Array.isArray(k) ? k.slice() : [];
-        const Me = k.indexOf(R.props.value);
+        J = Array.isArray($) ? $.slice() : [];
+        const Me = $.indexOf(R.props.value);
         Me === -1 ? J.push(R.props.value) : J.splice(Me, 1);
       } else
         J = R.props.value;
-      if (R.props.onClick && R.props.onClick(B), k !== J && (L(J), P)) {
-        const Me = B.nativeEvent || B, $o = new Me.constructor(Me.type, Me);
-        Object.defineProperty($o, "target", {
+      if (R.props.onClick && R.props.onClick(B), $ !== J && (L(J), P)) {
+        const Me = B.nativeEvent || B, Fo = new Me.constructor(Me.type, Me);
+        Object.defineProperty(Fo, "target", {
           writable: !0,
           value: {
             value: J,
             name: m
           }
-        }), P($o, R);
+        }), P(Fo, R);
       }
       f || ye(!1, B);
     }
@@ -4942,18 +4942,18 @@ const gs = (o) => {
     !Re && E && (Object.defineProperty(R, "target", {
       writable: !0,
       value: {
-        value: k,
+        value: $,
         name: m
       }
     }), E(R));
   };
-  delete F["aria-invalid"];
+  delete k["aria-invalid"];
   let pe, Te;
   const Pe = [];
   let Q = !1, no = !1;
   (uo({
-    value: k
-  }) || T) && (W ? pe = W(k) : Q = !0);
+    value: $
+  }) || T) && (W ? pe = W($) : Q = !0);
   const Dn = X.map((R) => {
     if (!/* @__PURE__ */ u.isValidElement(R))
       return null;
@@ -4961,11 +4961,11 @@ const gs = (o) => {
 `));
     let B;
     if (f) {
-      if (!Array.isArray(k))
+      if (!Array.isArray($))
         throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : jn(2));
-      B = k.some((J) => Qo(J, R.props.value)), B && Q && Pe.push(R.props.children);
+      B = $.some((J) => Qo(J, R.props.value)), B && Q && Pe.push(R.props.children);
     } else
-      B = Qo(k, R.props.value), B && Q && (Te = R.props.children);
+      B = Qo($, R.props.value), B && Q && (Te = R.props.children);
     return B && (no = !0), /* @__PURE__ */ u.cloneElement(R, {
       "aria-selected": B ? "true" : "false",
       onClick: Ee(R),
@@ -4981,42 +4981,42 @@ const gs = (o) => {
     });
   });
   process.env.NODE_ENV !== "production" && u.useEffect(() => {
-    if (!no && !f && k !== "") {
+    if (!no && !f && $ !== "") {
       const R = X.map((B) => B.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${k}\` for the select ${m ? `(name="${m}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${R.filter((B) => B != null).map((B) => `\`${B}\``).join(", ") || '""'}.`].join(`
+      console.warn([`MUI: You have provided an out-of-range value \`${$}\` for the select ${m ? `(name="${m}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${R.filter((B) => B != null).map((B) => `\`${B}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [no, X, f, m, k]), Q && (f ? Pe.length === 0 ? pe = null : pe = Pe.reduce((R, B, J) => (R.push(B), J < Pe.length - 1 && R.push(", "), R), []) : pe = Te);
+  }, [no, X, f, m, $]), Q && (f ? Pe.length === 0 ? pe = null : pe = Pe.reduce((R, B, J) => (R.push(B), J < Pe.length - 1 && R.push(", "), R), []) : pe = Te);
   let Mo = le;
   !l && se && H && (Mo = ge.clientWidth);
   let to;
   typeof N < "u" ? to = N : to = x ? null : 0;
-  const ko = $.id || (m ? `mui-component-select-${m}` : void 0), He = d({}, n, {
+  const $o = F.id || (m ? `mui-component-select-${m}` : void 0), He = d({}, n, {
     variant: S,
-    value: k,
+    value: $,
     open: Re,
     error: v
-  }), ro = gs(He), so = d({}, M.PaperProps, (r = M.slotProps) == null ? void 0 : r.paper), Fo = Zo();
+  }), ro = gs(He), so = d({}, M.PaperProps, (r = M.slotProps) == null ? void 0 : r.paper), ko = Zo();
   return /* @__PURE__ */ fe(u.Fragment, {
     children: [/* @__PURE__ */ I(ms, d({
       ref: ve,
       tabIndex: to,
       role: "combobox",
-      "aria-controls": Fo,
+      "aria-controls": ko,
       "aria-disabled": x ? "true" : void 0,
       "aria-expanded": Re ? "true" : "false",
       "aria-haspopup": "listbox",
       "aria-label": s,
-      "aria-labelledby": [g, ko].filter(Boolean).join(" ") || void 0,
+      "aria-labelledby": [g, $o].filter(Boolean).join(" ") || void 0,
       "aria-describedby": i,
       onKeyDown: xe,
       onMouseDown: x || V ? null : U,
       onBlur: ze,
       onFocus: D
-    }, $, {
+    }, F, {
       ownerState: He,
-      className: Z($.className, ro.select, p),
-      id: ko,
+      className: Z(F.className, ro.select, p),
+      id: $o,
       children: vs(pe) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
         Jo || (Jo = /* @__PURE__ */ I("span", {
@@ -5026,7 +5026,7 @@ const gs = (o) => {
       ) : pe
     })), /* @__PURE__ */ I(hs, d({
       "aria-invalid": v,
-      value: Array.isArray(k) ? k.join(",") : k,
+      value: Array.isArray($) ? $.join(",") : $,
       name: m,
       ref: Y,
       "aria-hidden": !0,
@@ -5036,7 +5036,7 @@ const gs = (o) => {
       className: ro.nativeInput,
       autoFocus: a,
       ownerState: He
-    }, F)), /* @__PURE__ */ I(bs, {
+    }, k)), /* @__PURE__ */ I(bs, {
       as: w,
       className: ro.icon,
       ownerState: He
@@ -5059,7 +5059,7 @@ const gs = (o) => {
         role: "listbox",
         "aria-multiselectable": f ? "true" : void 0,
         disableListWrap: !0,
-        id: Fo
+        id: ko
       }, M.MenuListProps),
       slotProps: d({}, M.slotProps, {
         paper: d({}, so, {
@@ -5072,7 +5072,7 @@ const gs = (o) => {
     }))]
   });
 });
-process.env.NODE_ENV !== "production" && (Fn.propTypes = {
+process.env.NODE_ENV !== "production" && (kn.propTypes = {
   /**
    * @ignore
    */
@@ -5217,7 +5217,7 @@ process.env.NODE_ENV !== "production" && (Fn.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-const ys = Fn, Es = Kn(/* @__PURE__ */ I("path", {
+const ys = kn, Es = Kn(/* @__PURE__ */ I("path", {
   d: "M7 10l5 5 5-5z"
 }), "ArrowDropDown"), xs = ["autoWidth", "children", "classes", "className", "defaultOpen", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"], Ts = ["root"], Os = (o) => {
   const {
@@ -5259,10 +5259,10 @@ const ys = Fn, Es = Kn(/* @__PURE__ */ I("path", {
     props: r,
     muiFormControl: V,
     states: ["variant", "error"]
-  }), $ = W.variant || D, N = d({}, r, {
-    variant: $,
+  }), F = W.variant || D, N = d({}, r, {
+    variant: F,
     classes: a
-  }), C = Os(N), S = z(C, Ts), F = x || {
+  }), C = Os(N), S = z(C, Ts), k = x || {
     standard: /* @__PURE__ */ I(Cs, {
       ownerState: N
     }),
@@ -5273,9 +5273,9 @@ const ys = Fn, Es = Kn(/* @__PURE__ */ I("path", {
     filled: /* @__PURE__ */ I(Ps, {
       ownerState: N
     })
-  }[$], k = be(t, F.ref);
+  }[F], $ = be(t, k.ref);
   return /* @__PURE__ */ I(u.Fragment, {
-    children: /* @__PURE__ */ u.cloneElement(F, d({
+    children: /* @__PURE__ */ u.cloneElement(k, d({
       // Most of the logic is implemented in `SelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
       inputComponent: A,
@@ -5283,7 +5283,7 @@ const ys = Fn, Es = Kn(/* @__PURE__ */ I("path", {
         children: s,
         error: W.error,
         IconComponent: b,
-        variant: $,
+        variant: F,
         type: void 0,
         // We render a select. We can ignore the type provided by the `Input`.
         multiple: g
@@ -5305,13 +5305,13 @@ const ys = Fn, Es = Kn(/* @__PURE__ */ I("path", {
       }, T, {
         classes: T ? vo(S, T.classes) : S
       }, x ? x.props.inputProps : {})
-    }, (g && M || p) && $ === "outlined" ? {
+    }, (g && M || p) && F === "outlined" ? {
       notched: !0
     } : {}, {
-      ref: k,
-      className: Z(F.props.className, l, C.root)
+      ref: $,
+      className: Z(k.props.className, l, C.root)
     }, !x && {
-      variant: $
+      variant: F
     }, _))
   });
 });
@@ -5479,11 +5479,11 @@ const Ss = ["autoComplete", "autoFocus", "children", "className", "color", "defa
   return oe({
     root: ["root"]
   }, Is, n);
-}, ks = j(nr, {
+}, $s = j(nr, {
   name: "MuiTextField",
   slot: "Root",
   overridesResolver: (o, n) => n.root
-})({}), $n = /* @__PURE__ */ u.forwardRef(function(n, t) {
+})({}), Fn = /* @__PURE__ */ u.forwardRef(function(n, t) {
   const r = re({
     props: n,
     name: "MuiTextField"
@@ -5513,12 +5513,12 @@ const Ss = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     onChange: A,
     onFocus: V,
     placeholder: W,
-    required: $ = !1,
+    required: F = !1,
     rows: N,
     select: C = !1,
     SelectProps: S,
-    type: F,
-    value: k,
+    type: k,
+    value: $,
     variant: L = "outlined"
   } = r, K = z(r, Ss), de = d({}, r, {
     autoFocus: s,
@@ -5527,7 +5527,7 @@ const Ss = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     error: h,
     fullWidth: T,
     multiline: y,
-    required: $,
+    required: F,
     select: C,
     variant: L
   }), Y = Ms(de);
@@ -5545,8 +5545,8 @@ const Ss = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     rows: N,
     maxRows: E,
     minRows: P,
-    type: F,
-    value: k,
+    type: k,
+    value: $,
     id: H,
     inputRef: f,
     onBlur: _,
@@ -5555,13 +5555,13 @@ const Ss = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     placeholder: W,
     inputProps: g
   }, G, M));
-  return /* @__PURE__ */ fe(ks, d({
+  return /* @__PURE__ */ fe($s, d({
     className: Z(Y.root, l),
     disabled: b,
     error: h,
     fullWidth: T,
     ref: t,
-    required: $,
+    required: F,
     color: c,
     variant: L,
     ownerState: de
@@ -5575,7 +5575,7 @@ const Ss = ["autoComplete", "autoFocus", "children", "className", "color", "defa
       "aria-describedby": te,
       id: H,
       labelId: se,
-      value: k,
+      value: $,
       input: ae
     }, S, {
       children: a
@@ -5586,7 +5586,7 @@ const Ss = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     }))]
   }));
 });
-process.env.NODE_ENV !== "production" && ($n.propTypes = {
+process.env.NODE_ENV !== "production" && (Fn.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -5759,24 +5759,25 @@ process.env.NODE_ENV !== "production" && ($n.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-const Fs = $n, $s = j(Fs)(({ theme: o }) => ({
+const ks = Fn, Fs = j(ks)(({ theme: o }) => ({
   "& label.Mui-focused": {
     color: o.palette.primary.main
   },
   "& .MuiInput-underline:after": {
     borderBottomColor: o.palette.primary.main
   }
-})), ni = (o) => /* @__PURE__ */ I($s, { ...o });
+})), ni = (o) => /* @__PURE__ */ I(Fs, { ...o, variant: o.variant || "standard" });
 export {
   Ir as B,
   nr as F,
   Er as G,
   Ue as H,
+  ni as I,
   br as L,
   ts as M,
   Je as P,
   Ns as S,
-  ni as T,
+  cn as T,
   lr as a,
   zo as b,
   tr as c,
@@ -5786,18 +5787,17 @@ export {
   Jt as g,
   us as h,
   et as i,
-  cn as j,
-  Qs as k,
+  Qs as j,
+  oo as k,
   ei as l,
   oi as m,
-  oo as n,
-  tn as o,
-  $r as p,
-  Ar as q,
-  Or as r,
+  tn as n,
+  Fr as o,
+  Ar as p,
+  Or as q,
+  cr as r,
   je as s,
-  cr as t,
-  Ye as u,
-  Fs as v,
-  vr as w
+  Ye as t,
+  ks as u,
+  vr as v
 };