@cgi-learning-hub/ui 1.5.0 → 1.5.1-dev.1744639457

package/dist/{Select-Vnsr3NSv.js → Select-21Pm-BzJ.js}

@@ -1,23 +1,22 @@
 import * as u from "react";
-import { G as z, H as V, a2 as ve, P as e, I as pe, S as mo, J as go } from "./generateUtilityClasses-CqzQXpT_.js";
+import { F as z, G as V, O as ve, P as e, H as de, K as q, Z as mo, Y as go } from "./identifier-BJqC6EXa.js";
 import { f as ye } from "./formControlState-vgaj2ksH.js";
 import { u as he } from "./useFormControl-CatNKXAi.js";
-import { u as G, s as h, c as B, r as k, e as vo } from "./DefaultPropsProvider-CXfMJdg8.js";
-import { m as E } from "./memoTheme-B0xVysYu.js";
+import { u as Y, s as h, c as B, r as k, e as vo } from "./DefaultPropsProvider-Bg-6nX-u.js";
+import { m as E } from "./memoTheme-D_Qap2ZW.js";
 import { jsx as v, jsxs as Oe } from "react/jsx-runtime";
-import { c as q } from "./capitalize-Bs7Xs33U.js";
-import { a as yo, b as ho } from "./FormLabel-BF6m-_uI.js";
-import { M as Oo } from "./Menu-BgO92SV3.js";
-import { r as J } from "./refType-BvSJNaoq.js";
+import { a as yo, b as ho } from "./FormLabel-DNsUciXe.js";
+import { M as Oo } from "./Menu-B6t_52q7.js";
+import { r as G } from "./refType-DRBJ18fO.js";
 import { i as Co } from "./utils-DWqc1kRF.js";
 import { u as qe } from "./useControlled-BYdyS7Pn.js";
-import { u as He } from "./useForkRef-C_4o__cU.js";
+import { u as He } from "./useForkRef-u29GSuCu.js";
 import { o as Io } from "./ownerDocument-CUrv0DIK.js";
 import { u as So } from "./useId-CK6Kn3Tn.js";
-import { c as Ro } from "./createSvgIcon-BFqOnlgU.js";
-import { g as xo } from "./getReactElementRef-DtLerx40.js";
+import { c as Ro } from "./createSvgIcon-CCutbgLb.js";
+import { g as xo } from "./getReactElementRef-C6oFed6n.js";
 import { c as Ce } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { i as Ie, I as Se, a as Re, r as xe, b as we, c as Te } from "./InputBase-YOnatBxw.js";
+import { i as Ie, I as Se, a as Re, r as xe, b as we, c as Te } from "./InputBase-CJvM-WXJ.js";
 function wo(o) {
   return V("MuiInput", o);
 }
@@ -28,7 +27,7 @@ const X = {
 function To(o) {
   return V("MuiOutlinedInput", o);
 }
-const P = {
+const $ = {
   ...Ie,
   ...z("MuiOutlinedInput", ["root", "notchedOutline", "input"])
 };
@@ -38,9 +37,9 @@ function No(o) {
 const L = {
   ...Ie,
   ...z("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
-}, Po = Ro(/* @__PURE__ */ v("path", {
+}, $o = Ro(/* @__PURE__ */ v("path", {
   d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown"), $o = (o) => {
+}), "ArrowDropDown"), Po = (o) => {
   const {
     classes: t,
     disableUnderline: n
@@ -148,34 +147,34 @@ const L = {
   slot: "Input",
   overridesResolver: Te
 })({}), Ne = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = G({
+  const r = Y({
     props: t,
     name: "MuiInput"
   }), {
     disableUnderline: i = !1,
-    components: p = {},
+    components: d = {},
     componentsProps: a,
-    fullWidth: d = !1,
+    fullWidth: p = !1,
     inputComponent: b = "input",
     multiline: m = !1,
     slotProps: f,
     slots: c = {},
     type: O = "text",
     ...C
-  } = r, w = $o(r), y = {
+  } = r, w = Po(r), y = {
     root: {
       ownerState: {
         disableUnderline: i
       }
     }
-  }, x = f ?? a ? ve(f ?? a, y) : y, I = c.root ?? p.Root ?? ko, S = c.input ?? p.Input ?? Eo;
+  }, x = f ?? a ? ve(f ?? a, y) : y, I = c.root ?? d.Root ?? ko, S = c.input ?? d.Input ?? Eo;
   return /* @__PURE__ */ v(Se, {
     slots: {
       root: I,
       input: S
     },
     slotProps: x,
-    fullWidth: d,
+    fullWidth: p,
     inputComponent: b,
     multiline: m,
     ref: n,
@@ -213,7 +212,7 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -225,7 +224,7 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -279,7 +278,7 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: G,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -373,18 +372,18 @@ Ne.muiName = "Input";
 function Fo(o) {
   return V("MuiInputLabel", o);
 }
-const Rt = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), Mo = (o) => {
+const St = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), Mo = (o) => {
   const {
     classes: t,
     formControl: n,
     size: r,
     shrink: i,
-    disableAnimation: p,
+    disableAnimation: d,
     variant: a,
-    required: d
+    required: p
   } = o, b = {
-    root: ["root", n && "formControl", !p && "animated", i && "shrink", r && r !== "normal" && `size${q(r)}`, a],
-    asterisk: [d && "asterisk"]
+    root: ["root", n && "formControl", !d && "animated", i && "shrink", r && r !== "medium" && `size${q(r)}`, a],
+    asterisk: [p && "asterisk"]
   }, m = B(b, Fo, t);
   return {
     ...t,
@@ -526,14 +525,14 @@ const Rt = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required
     }
   }]
 }))), Lo = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = G({
+  const r = Y({
     name: "MuiInputLabel",
     props: t
   }), {
     disableAnimation: i = !1,
-    margin: p,
+    margin: d,
     shrink: a,
-    variant: d,
+    variant: p,
     className: b,
     ...m
   } = r, f = he();
@@ -556,7 +555,7 @@ const Rt = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required
   return /* @__PURE__ */ v(jo, {
     "data-shrink": c,
     ref: n,
-    className: pe(w.root, b),
+    className: de(w.root, b),
     ...m,
     ownerState: C,
     classes: w
@@ -617,9 +616,9 @@ process.env.NODE_ENV !== "production" && (Lo.propTypes = {
   shrink: e.bool,
   /**
    * The size of the component.
-   * @default 'normal'
+   * @default 'medium'
    */
-  size: e.oneOfType([e.oneOf(["normal", "small"]), e.string]),
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -632,20 +631,20 @@ process.env.NODE_ENV !== "production" && (Lo.propTypes = {
 function Bo(o) {
   return V("MuiNativeSelect", o);
 }
-const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Wo = (o) => {
+const $e = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Wo = (o) => {
   const {
     classes: t,
     variant: n,
     disabled: r,
     multiple: i,
-    open: p,
+    open: d,
     error: a
-  } = o, d = {
+  } = o, p = {
     select: ["select", n, r && "disabled", i && "multiple", a && "error"],
-    icon: ["icon", `icon${q(n)}`, p && "iconOpen", r && "disabled"]
+    icon: ["icon", `icon${q(n)}`, d && "iconOpen", r && "disabled"]
   };
-  return B(d, Bo, t);
-}, Ge = h("select")(({
+  return B(p, Bo, t);
+}, Ye = h("select")(({
   theme: o
 }) => ({
   // Reset
@@ -662,7 +661,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     // Reset Chrome style
     borderRadius: 0
   },
-  [`&.${Pe.disabled}`]: {
+  [`&.${$e.disabled}`]: {
     cursor: "default"
   },
   "&[multiple]": {
@@ -707,7 +706,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       }
     }
   }]
-})), Ao = h(Ge, {
+})), Ao = h(Ye, {
   name: "MuiNativeSelect",
   slot: "Select",
   shouldForwardProp: k,
@@ -716,10 +715,10 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       ownerState: n
     } = o;
     return [t.select, t[n.variant], n.error && t.error, {
-      [`&.${Pe.multiple}`]: t.multiple
+      [`&.${$e.multiple}`]: t.multiple
     }];
   }
-})({}), Je = h("svg")(({
+})({}), Ge = h("svg")(({
   theme: o
 }) => ({
   // We use a position absolute over a flexbox in order to forward the pointer events
@@ -731,7 +730,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
   // Don't block pointer events on the select under the icon.
   pointerEvents: "none",
   color: (o.vars || o).palette.action.active,
-  [`&.${Pe.disabled}`]: {
+  [`&.${$e.disabled}`]: {
     color: (o.vars || o).palette.action.disabled
   },
   variants: [{
@@ -756,7 +755,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       right: 7
     }
   }]
-})), Uo = h(Je, {
+})), Uo = h(Ge, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -765,27 +764,27 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     } = o;
     return [t.icon, n.variant && t[`icon${q(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), Ye = /* @__PURE__ */ u.forwardRef(function(t, n) {
+})({}), Ze = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const {
     className: r,
     disabled: i,
-    error: p,
+    error: d,
     IconComponent: a,
-    inputRef: d,
+    inputRef: p,
     variant: b = "standard",
     ...m
   } = t, f = {
     ...t,
     disabled: i,
     variant: b,
-    error: p
+    error: d
   }, c = Wo(f);
   return /* @__PURE__ */ Oe(u.Fragment, {
     children: [/* @__PURE__ */ v(Ao, {
       ownerState: f,
-      className: pe(c.select, r),
+      className: de(c.select, r),
       disabled: i,
-      ref: d || n,
+      ref: p || n,
       ...m
     }), t.multiple ? null : /* @__PURE__ */ v(Uo, {
       as: a,
@@ -794,7 +793,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ye.propTypes = {
+process.env.NODE_ENV !== "production" && (Ze.propTypes = {
   /**
    * The option elements to populate the select with.
    * Can be some `<option>` elements.
@@ -824,7 +823,7 @@ process.env.NODE_ENV !== "production" && (Ye.propTypes = {
    * Use that prop to pass a ref to the native select element.
    * @deprecated
    */
-  inputRef: J,
+  inputRef: G,
   /**
    * @ignore
    */
@@ -849,12 +848,12 @@ process.env.NODE_ENV !== "production" && (Ye.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-function Qe(o) {
+function Je(o) {
   return V("MuiSelect", o);
 }
 const H = z("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
 var _e;
-const Do = h(Ge, {
+const Do = h(Ye, {
   name: "MuiSelect",
   slot: "Select",
   overridesResolver: (o, t) => {
@@ -888,7 +887,7 @@ const Do = h(Ge, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), zo = h(Je, {
+}), zo = h(Ge, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -923,22 +922,22 @@ const _o = (o) => {
     variant: n,
     disabled: r,
     multiple: i,
-    open: p,
+    open: d,
     error: a
-  } = o, d = {
+  } = o, p = {
     select: ["select", n, r && "disabled", i && "multiple", a && "error"],
-    icon: ["icon", `icon${q(n)}`, p && "iconOpen", r && "disabled"],
+    icon: ["icon", `icon${q(n)}`, d && "iconOpen", r && "disabled"],
     nativeInput: ["nativeInput"]
   };
-  return B(d, Qe, t);
-}, Ze = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  return B(p, Je, t);
+}, Qe = /* @__PURE__ */ u.forwardRef(function(t, n) {
   var ze;
   const {
     "aria-describedby": r,
     "aria-label": i,
-    autoFocus: p,
+    autoFocus: d,
     autoWidth: a,
-    children: d,
+    children: p,
     className: b,
     defaultOpen: m,
     defaultValue: f,
@@ -953,14 +952,14 @@ const _o = (o) => {
     name: S,
     onBlur: N,
     onChange: W,
-    onClose: Y,
-    onFocus: de,
-    onOpen: Q,
-    open: Z,
+    onClose: Z,
+    onFocus: pe,
+    onOpen: J,
+    open: Q,
     readOnly: ee,
     renderValue: oe,
     required: _,
-    SelectDisplayProps: $ = {},
+    SelectDisplayProps: P = {},
     tabIndex: F,
     // catching `type` from Input which makes no sense for SelectInput
     type: ue,
@@ -972,12 +971,12 @@ const _o = (o) => {
     default: f,
     name: "Select"
   }), [je, to] = qe({
-    controlled: Z,
+    controlled: Q,
     default: m,
     name: "Select"
   }), Le = u.useRef(null), M = u.useRef(null), [j, no] = u.useState(null), {
     current: ce
-  } = u.useRef(Z != null), [ro, Be] = u.useState(), so = He(n, T), ao = u.useCallback((s) => {
+  } = u.useRef(Q != null), [ro, Be] = u.useState(), so = He(n, T), ao = u.useCallback((s) => {
     M.current = s, s && no(s);
   }, []), ne = j == null ? void 0 : j.parentNode;
   u.useImperativeHandle(so, () => ({
@@ -989,8 +988,8 @@ const _o = (o) => {
   }), [g]), u.useEffect(() => {
     m && je && j && !ce && (Be(a ? null : ne.clientWidth), M.current.focus());
   }, [j, a]), u.useEffect(() => {
-    p && M.current.focus();
-  }, [p]), u.useEffect(() => {
+    d && M.current.focus();
+  }, [d]), u.useEffect(() => {
     if (!y)
       return;
     const s = Io(M.current).getElementById(y);
@@ -1004,12 +1003,12 @@ const _o = (o) => {
     }
   }, [y]);
   const re = (s, l) => {
-    s ? Q && Q(l) : Y && Y(l), ce || (Be(a ? null : ne.clientWidth), to(s));
+    s ? J && J(l) : Z && Z(l), ce || (Be(a ? null : ne.clientWidth), to(s));
   }, io = (s) => {
     s.button === 0 && (s.preventDefault(), M.current.focus(), re(!0, s));
   }, lo = (s) => {
     re(!1, s);
-  }, se = u.Children.toArray(d), po = (s) => {
+  }, se = u.Children.toArray(p), po = (s) => {
     const l = se.find((R) => R.props.value === s.target.value);
     l !== void 0 && (Me(l.props.value), W && W(s, l));
   }, uo = (s) => (l) => {
@@ -1095,7 +1094,7 @@ const _o = (o) => {
   !a && ce && j && (Ae = ne.clientWidth);
   let be;
   typeof F < "u" ? be = F : be = c ? null : 0;
-  const Ue = $.id || (S ? `mui-component-select-${S}` : void 0), le = {
+  const Ue = P.id || (S ? `mui-component-select-${S}` : void 0), le = {
     ...t,
     variant: te,
     value: g,
@@ -1123,10 +1122,10 @@ const _o = (o) => {
       onKeyDown: co,
       onMouseDown: c || ee ? null : io,
       onBlur: fo,
-      onFocus: de,
-      ...$,
+      onFocus: pe,
+      ...P,
       ownerState: le,
-      className: pe($.className, me.select, b),
+      className: de(P.className, me.select, b),
       id: Ue,
       children: qo(U) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
@@ -1146,7 +1145,7 @@ const _o = (o) => {
       tabIndex: -1,
       disabled: c,
       className: me.nativeInput,
-      autoFocus: p,
+      autoFocus: d,
       required: _,
       ...A,
       ownerState: le
@@ -1168,16 +1167,16 @@ const _o = (o) => {
         horizontal: "center"
       },
       ...x,
-      MenuListProps: {
-        "aria-labelledby": y,
-        role: "listbox",
-        "aria-multiselectable": I ? "true" : void 0,
-        disableListWrap: !0,
-        id: De,
-        ...x.MenuListProps
-      },
       slotProps: {
         ...x.slotProps,
+        list: {
+          "aria-labelledby": y,
+          role: "listbox",
+          "aria-multiselectable": I ? "true" : void 0,
+          disableListWrap: !0,
+          id: De,
+          ...x.MenuListProps
+        },
         paper: {
           ...ge,
           style: {
@@ -1190,7 +1189,7 @@ const _o = (o) => {
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ze.propTypes = {
+process.env.NODE_ENV !== "production" && (Qe.propTypes = {
   /**
    * @ignore
    */
@@ -1250,7 +1249,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: J,
+  inputRef: G,
   /**
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.
@@ -1344,11 +1343,11 @@ const Ko = (o) => {
     disableUnderline: n,
     startAdornment: r,
     endAdornment: i,
-    size: p,
+    size: d,
     hiddenLabel: a,
-    multiline: d
+    multiline: p
   } = o, b = {
-    root: ["root", !n && "underline", r && "adornedStart", i && "adornedEnd", p === "small" && `size${q(p)}`, a && "hiddenLabel", d && "multiline"],
+    root: ["root", !n && "underline", r && "adornedStart", i && "adornedEnd", d === "small" && `size${q(d)}`, a && "hiddenLabel", p && "multiline"],
     input: ["input"]
   }, m = B(b, No, t);
   return {
@@ -1369,7 +1368,7 @@ const Ko = (o) => {
 })(E(({
   theme: o
 }) => {
-  const t = o.palette.mode === "light", n = t ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)", r = t ? "rgba(0, 0, 0, 0.06)" : "rgba(255, 255, 255, 0.09)", i = t ? "rgba(0, 0, 0, 0.09)" : "rgba(255, 255, 255, 0.13)", p = t ? "rgba(0, 0, 0, 0.12)" : "rgba(255, 255, 255, 0.12)";
+  const t = o.palette.mode === "light", n = t ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)", r = t ? "rgba(0, 0, 0, 0.06)" : "rgba(255, 255, 255, 0.09)", i = t ? "rgba(0, 0, 0, 0.09)" : "rgba(255, 255, 255, 0.13)", d = t ? "rgba(0, 0, 0, 0.12)" : "rgba(255, 255, 255, 0.12)";
   return {
     position: "relative",
     backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r,
@@ -1390,7 +1389,7 @@ const Ko = (o) => {
       backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r
     },
     [`&.${L.disabled}`]: {
-      backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : p
+      backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : d
     },
     variants: [{
       props: ({
@@ -1442,7 +1441,7 @@ const Ko = (o) => {
         }
       }
     }, ...Object.entries(o.palette).filter(Ce()).map(([a]) => {
-      var d;
+      var p;
       return {
         props: {
           disableUnderline: !1,
@@ -1450,7 +1449,7 @@ const Ko = (o) => {
         },
         style: {
           "&::after": {
-            borderBottom: `2px solid ${(d = (o.vars || o).palette[a]) == null ? void 0 : d.main}`
+            borderBottom: `2px solid ${(p = (o.vars || o).palette[a]) == null ? void 0 : p.main}`
           }
         }
       };
@@ -1478,8 +1477,8 @@ const Ko = (o) => {
     }, {
       props: ({
         ownerState: a,
-        size: d
-      }) => a.multiline && d === "small",
+        size: p
+      }) => a.multiline && p === "small",
       style: {
         paddingTop: 21,
         paddingBottom: 4
@@ -1584,15 +1583,15 @@ const Ko = (o) => {
       paddingRight: 0
     }
   }]
-}))), $e = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = G({
+}))), Pe = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = Y({
     props: t,
     name: "MuiFilledInput"
   }), {
     disableUnderline: i = !1,
-    components: p = {},
+    components: d = {},
     componentsProps: a,
-    fullWidth: d = !1,
+    fullWidth: p = !1,
     hiddenLabel: b,
     // declare here to prevent spreading to DOM
     inputComponent: m = "input",
@@ -1604,7 +1603,7 @@ const Ko = (o) => {
   } = r, T = {
     ...r,
     disableUnderline: i,
-    fullWidth: d,
+    fullWidth: p,
     inputComponent: m,
     multiline: f,
     type: C
@@ -1615,14 +1614,14 @@ const Ko = (o) => {
     input: {
       ownerState: T
     }
-  }, I = c ?? a ? ve(x, c ?? a) : x, S = O.root ?? p.Root ?? Xo, N = O.input ?? p.Input ?? Ho;
+  }, I = c ?? a ? ve(x, c ?? a) : x, S = O.root ?? d.Root ?? Xo, N = O.input ?? d.Input ?? Ho;
   return /* @__PURE__ */ v(Se, {
     slots: {
       root: S,
       input: N
     },
     slotProps: I,
-    fullWidth: d,
+    fullWidth: p,
     inputComponent: m,
     multiline: f,
     ref: n,
@@ -1631,7 +1630,7 @@ const Ko = (o) => {
     classes: y
   });
 });
-process.env.NODE_ENV !== "production" && ($e.propTypes = {
+process.env.NODE_ENV !== "production" && (Pe.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1660,7 +1659,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -1672,7 +1671,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -1733,7 +1732,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: G,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -1823,9 +1822,9 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    */
   value: e.any
 });
-$e.muiName = "Input";
+Pe.muiName = "Input";
 var Xe;
-const Go = h("fieldset", {
+const Yo = h("fieldset", {
   shouldForwardProp: k
 })({
   textAlign: "left",
@@ -1842,7 +1841,7 @@ const Go = h("fieldset", {
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), Jo = h("legend", {
+}), Go = h("legend", {
   shouldForwardProp: k
 })(E(({
   theme: o
@@ -1912,21 +1911,21 @@ function eo(o) {
     classes: n,
     className: r,
     label: i,
-    notched: p,
+    notched: d,
     ...a
-  } = o, d = i != null && i !== "", b = {
+  } = o, p = i != null && i !== "", b = {
     ...o,
-    notched: p,
-    withLabel: d
+    notched: d,
+    withLabel: p
   };
-  return /* @__PURE__ */ v(Go, {
+  return /* @__PURE__ */ v(Yo, {
     "aria-hidden": !0,
     className: r,
     ownerState: b,
     ...a,
-    children: /* @__PURE__ */ v(Jo, {
+    children: /* @__PURE__ */ v(Go, {
       ownerState: b,
-      children: d ? /* @__PURE__ */ v("span", {
+      children: p ? /* @__PURE__ */ v("span", {
         children: i
       }) : (
         // notranslate needed while Google Translate will not fix zero-width space issue
@@ -1965,7 +1964,7 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
    */
   style: e.object
 });
-const Yo = (o) => {
+const Zo = (o) => {
   const {
     classes: t
   } = o, r = B({
@@ -1978,7 +1977,7 @@ const Yo = (o) => {
     // forward classes to the InputBase
     ...r
   };
-}, Qo = h(Re, {
+}, Jo = h(Re, {
   shouldForwardProp: (o) => k(o) || o === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
@@ -1990,16 +1989,16 @@ const Yo = (o) => {
   return {
     position: "relative",
     borderRadius: (o.vars || o).shape.borderRadius,
-    [`&:hover .${P.notchedOutline}`]: {
+    [`&:hover .${$.notchedOutline}`]: {
       borderColor: (o.vars || o).palette.text.primary
     },
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
-      [`&:hover .${P.notchedOutline}`]: {
+      [`&:hover .${$.notchedOutline}`]: {
         borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
       }
     },
-    [`&.${P.focused} .${P.notchedOutline}`]: {
+    [`&.${$.focused} .${$.notchedOutline}`]: {
       borderWidth: 2
     },
     variants: [...Object.entries(o.palette).filter(Ce()).map(([n]) => ({
@@ -2007,7 +2006,7 @@ const Yo = (o) => {
         color: n
       },
       style: {
-        [`&.${P.focused} .${P.notchedOutline}`]: {
+        [`&.${$.focused} .${$.notchedOutline}`]: {
           borderColor: (o.vars || o).palette[n].main
         }
       }
@@ -2015,10 +2014,10 @@ const Yo = (o) => {
       props: {},
       // to overide the above style
       style: {
-        [`&.${P.error} .${P.notchedOutline}`]: {
+        [`&.${$.error} .${$.notchedOutline}`]: {
           borderColor: (o.vars || o).palette.error.main
         },
-        [`&.${P.disabled} .${P.notchedOutline}`]: {
+        [`&.${$.disabled} .${$.notchedOutline}`]: {
           borderColor: (o.vars || o).palette.action.disabled
         }
       }
@@ -2053,7 +2052,7 @@ const Yo = (o) => {
       }
     }]
   };
-})), Zo = h(eo, {
+})), Qo = h(eo, {
   name: "MuiOutlinedInput",
   slot: "NotchedOutline",
   overridesResolver: (o, t) => t.notchedOutline
@@ -2123,20 +2122,20 @@ const Yo = (o) => {
   }]
 }))), ke = /* @__PURE__ */ u.forwardRef(function(t, n) {
   var r;
-  const i = G({
+  const i = Y({
     props: t,
     name: "MuiOutlinedInput"
   }), {
-    components: p = {},
+    components: d = {},
     fullWidth: a = !1,
-    inputComponent: d = "input",
+    inputComponent: p = "input",
     label: b,
     multiline: m = !1,
     notched: f,
     slots: c = {},
     type: O = "text",
     ...C
-  } = i, w = Yo(i), T = he(), y = ye({
+  } = i, w = Zo(i), T = he(), y = ye({
     props: i,
     muiFormControl: T,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
@@ -2152,13 +2151,13 @@ const Yo = (o) => {
     multiline: m,
     size: y.size,
     type: O
-  }, I = c.root ?? p.Root ?? Qo, S = c.input ?? p.Input ?? et;
+  }, I = c.root ?? d.Root ?? Jo, S = c.input ?? d.Input ?? et;
   return /* @__PURE__ */ v(Se, {
     slots: {
       root: I,
       input: S
     },
-    renderSuffix: (N) => /* @__PURE__ */ v(Zo, {
+    renderSuffix: (N) => /* @__PURE__ */ v(Qo, {
       ownerState: x,
       className: w.notchedOutline,
       label: b != null && b !== "" && y.required ? r || (r = /* @__PURE__ */ Oe(u.Fragment, {
@@ -2167,7 +2166,7 @@ const Yo = (o) => {
       notched: typeof f < "u" ? f : !!(N.startAdornment || N.filled || N.focused)
     }),
     fullWidth: a,
-    inputComponent: d,
+    inputComponent: p,
     multiline: m,
     ref: n,
     type: O,
@@ -2207,7 +2206,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -2256,7 +2255,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: G,
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -2349,7 +2348,7 @@ const ot = (o) => {
     classes: t
   } = o, r = B({
     root: ["root"]
-  }, Qe, t);
+  }, Je, t);
   return {
     ...t,
     ...r
@@ -2359,18 +2358,18 @@ const ot = (o) => {
   overridesResolver: (o, t) => t.root,
   shouldForwardProp: (o) => k(o) && o !== "variant",
   slot: "Root"
-}, tt = h(Ne, Ee)(""), nt = h(ke, Ee)(""), rt = h($e, Ee)(""), oo = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = G({
+}, tt = h(Ne, Ee)(""), nt = h(ke, Ee)(""), rt = h(Pe, Ee)(""), oo = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = Y({
     name: "MuiSelect",
     props: t
   }), {
     autoWidth: i = !1,
-    children: p,
+    children: d,
     classes: a = {},
-    className: d,
+    className: p,
     defaultOpen: b = !1,
     displayEmpty: m = !1,
-    IconComponent: f = Po,
+    IconComponent: f = $o,
     id: c,
     input: O,
     inputProps: C,
@@ -2382,17 +2381,17 @@ const ot = (o) => {
     onClose: S,
     onOpen: N,
     open: W,
-    renderValue: Y,
-    SelectDisplayProps: de,
-    variant: Q = "outlined",
-    ...Z
-  } = r, ee = I ? Ye : Ze, oe = he(), _ = ye({
+    renderValue: Z,
+    SelectDisplayProps: pe,
+    variant: J = "outlined",
+    ...Q
+  } = r, ee = I ? Ze : Qe, oe = he(), _ = ye({
     props: r,
     muiFormControl: oe,
     states: ["variant", "error"]
-  }), $ = _.variant || Q, F = {
+  }), P = _.variant || J, F = {
     ...r,
-    variant: $,
+    variant: P,
     classes: a
   }, ue = ot(F), {
     root: Fe,
@@ -2408,17 +2407,17 @@ const ot = (o) => {
     filled: /* @__PURE__ */ v(rt, {
       ownerState: F
     })
-  }[$], g = He(n, xo(A));
+  }[P], g = He(n, xo(A));
   return /* @__PURE__ */ v(u.Fragment, {
     children: /* @__PURE__ */ u.cloneElement(A, {
       // Most of the logic is implemented in `SelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
       inputComponent: ee,
       inputProps: {
-        children: p,
+        children: d,
         error: _.error,
         IconComponent: f,
-        variant: $,
+        variant: P,
         type: void 0,
         // We render a select. We can ignore the type provided by the `Input`.
         multiple: x,
@@ -2433,26 +2432,26 @@ const ot = (o) => {
           onClose: S,
           onOpen: N,
           open: W,
-          renderValue: Y,
+          renderValue: Z,
           SelectDisplayProps: {
             id: c,
-            ...de
+            ...pe
           }
         },
         ...C,
         classes: C ? ve(te, C.classes) : te,
         ...O ? O.props.inputProps : {}
       },
-      ...(x && I || m) && $ === "outlined" ? {
+      ...(x && I || m) && P === "outlined" ? {
         notched: !0
       } : {},
       ref: g,
-      className: pe(A.props.className, d, ue.root),
+      className: de(A.props.className, p, ue.root),
       // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
       ...!O && {
-        variant: $
+        variant: P
       },
-      ...Z
+      ...Q
     })
   });
 });
@@ -2605,18 +2604,18 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
 });
 oo.muiName = "Select";
 export {
-  Po as A,
-  $e as F,
+  $o as A,
+  Pe as F,
   Ne as I,
   ke as O,
   oo as S,
   Lo as a,
-  Rt as b,
+  St as b,
   Fo as c,
-  Qe as d,
+  Je as d,
   L as f,
   wo as g,
   X as i,
-  P as o,
+  $ as o,
   H as s
 };