@cgi-learning-hub/ui 1.6.0 → 1.7.0-dev.1750693982

package/dist/{Select-DZMwqCYA.js → Select-CpNF3a57.js}

@@ -1,70 +1,70 @@
 import * as u from "react";
 import { P as e } from "./index-Sy88PpwE.js";
-import { F as z, G as V, $ as ve, H as pe, X as mo, I as go } from "./generateUtilityClasses-DngCqveO.js";
+import { F as V, G as q, O as ve, H as de, K as _, Y as mo, X as go } from "./identifier-PWESmBq6.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-hFv1J_xl.js";
-import { m as E } from "./memoTheme-nmt7i1dS.js";
-import { jsx as v, jsxs as Oe } from "react/jsx-runtime";
-import { c as q } from "./capitalize-BHFotl9B.js";
-import { a as yo, b as ho } from "./FormLabel-DSi2pGSZ.js";
-import { M as Oo } from "./Menu-By6cOqEO.js";
-import { r as Y } from "./refType-Dp7CJc86.js";
+import { u as G, s as h, c as A, r as F, e as vo } from "./DefaultPropsProvider-DqazQPtr.js";
+import { m as M } from "./memoTheme-DAFDflPY.js";
+import { jsx as g, jsxs as Oe } from "react/jsx-runtime";
+import { a as yo, b as ho } from "./FormLabel-B3WAnPGP.js";
+import { M as Oo } from "./Menu-9BK8jmzW.js";
+import { r as J } from "./refType-Dp7CJc86.js";
 import { i as Co } from "./utils-DWqc1kRF.js";
-import { u as qe } from "./useControlled-BYdyS7Pn.js";
+import { u as qe } from "./useControlled-nm4pBabJ.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-BlKmtOkV.js";
-import { g as xo } from "./getReactElementRef-H8kwrWP1.js";
+import { c as xo } from "./createSvgIcon-B1E6Wo8z.js";
+import { g as wo } from "./elementAcceptingRef-CEweUuUA.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-DxLqRpcl.js";
-function wo(o) {
-  return V("MuiInput", o);
+import { i as Ie, I as Se, a as xe, r as we, b as Re, c as Te } from "./InputBase-BS5oknUK.js";
+import { u as Ro } from "./useSlot-BzdKwDQ5.js";
+function To(o) {
+  return q("MuiInput", o);
 }
-const X = {
+const H = {
   ...Ie,
-  ...z("MuiInput", ["root", "underline", "input"])
+  ...V("MuiInput", ["root", "underline", "input"])
 };
-function To(o) {
-  return V("MuiOutlinedInput", o);
+function Po(o) {
+  return q("MuiOutlinedInput", o);
 }
-const N = {
+const P = {
   ...Ie,
-  ...z("MuiOutlinedInput", ["root", "notchedOutline", "input"])
+  ...V("MuiOutlinedInput", ["root", "notchedOutline", "input"])
 };
-function $o(o) {
-  return V("MuiFilledInput", o);
+function No(o) {
+  return q("MuiFilledInput", o);
 }
-const L = {
+const W = {
   ...Ie,
-  ...z("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
-}, No = Ro(/* @__PURE__ */ v("path", {
+  ...V("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
+}, $o = xo(/* @__PURE__ */ g("path", {
   d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown"), Po = (o) => {
+}), "ArrowDropDown"), ko = (o) => {
   const {
     classes: t,
     disableUnderline: n
-  } = o, i = B({
+  } = o, d = A({
     root: ["root", !n && "underline"],
     input: ["input"]
-  }, wo, t);
+  }, To, t);
   return {
     ...t,
     // forward classes to the InputBase
-    ...i
+    ...d
   };
-}, ko = h(Re, {
-  shouldForwardProp: (o) => k(o) || o === "classes",
+}, Eo = h(xe, {
+  shouldForwardProp: (o) => F(o) || o === "classes",
   name: "MuiInput",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [...xe(o, t), !n.disableUnderline && t.underline];
+    return [...we(o, t), !n.disableUnderline && t.underline];
   }
-})(E(({
+})(M(({
   theme: o
 }) => {
   let n = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
@@ -98,12 +98,12 @@ const L = {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&.${X.focused}:after`]: {
+        [`&.${H.focused}:after`]: {
           // translateX(0) is a workaround for Safari transform scale bug
           // See https://github.com/mui/material-ui/issues/31766
           transform: "scaleX(1) translateX(0)"
         },
-        [`&.${X.error}`]: {
+        [`&.${H.error}`]: {
           "&::before, &::after": {
             borderBottomColor: (o.vars || o).palette.error.main
           }
@@ -121,14 +121,14 @@ const L = {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&:hover:not(.${X.disabled}, .${X.error}):before`]: {
+        [`&:hover:not(.${H.disabled}, .${H.error}):before`]: {
           borderBottom: `2px solid ${(o.vars || o).palette.text.primary}`,
           // Reset on touch devices, it doesn't add specificity
           "@media (hover: none)": {
             borderBottom: `1px solid ${n}`
           }
         },
-        [`&.${X.disabled}:before`]: {
+        [`&.${H.disabled}:before`]: {
           borderBottomStyle: "dotted"
         }
       }
@@ -144,48 +144,48 @@ const L = {
       }
     }))]
   };
-})), Eo = h(we, {
+})), Fo = h(Re, {
   name: "MuiInput",
   slot: "Input",
   overridesResolver: Te
-})({}), $e = /* @__PURE__ */ u.forwardRef(function(t, n) {
+})({}), Pe = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const r = G({
     props: t,
     name: "MuiInput"
   }), {
-    disableUnderline: i = !1,
+    disableUnderline: d = !1,
     components: p = {},
     componentsProps: a,
-    fullWidth: d = !1,
-    inputComponent: b = "input",
-    multiline: m = !1,
-    slotProps: f,
-    slots: c = {},
+    fullWidth: i = !1,
+    inputComponent: v = "input",
+    multiline: b = !1,
+    slotProps: c,
+    slots: f = {},
     type: O = "text",
     ...C
-  } = r, w = Po(r), y = {
+  } = r, R = ko(r), y = {
     root: {
       ownerState: {
-        disableUnderline: i
+        disableUnderline: d
       }
     }
-  }, x = f ?? a ? ve(f ?? a, y) : y, I = c.root ?? p.Root ?? ko, S = c.input ?? p.Input ?? Eo;
-  return /* @__PURE__ */ v(Se, {
+  }, w = c ?? a ? ve(c ?? a, y) : y, I = f.root ?? p.Root ?? Eo, S = f.input ?? p.Input ?? Fo;
+  return /* @__PURE__ */ g(Se, {
     slots: {
       root: I,
       input: S
     },
-    slotProps: x,
-    fullWidth: d,
-    inputComponent: b,
-    multiline: m,
+    slotProps: w,
+    fullWidth: i,
+    inputComponent: v,
+    multiline: b,
     ref: n,
     type: O,
     ...C,
-    classes: w
+    classes: R
   });
 });
-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`.     │
@@ -273,14 +273,14 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    */
   inputComponent: e.elementType,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: e.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Y,
+  inputRef: J,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -361,7 +361,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: e.string,
@@ -370,30 +370,30 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    */
   value: e.any
 });
-$e.muiName = "Input";
-function Fo(o) {
-  return V("MuiInputLabel", o);
+Pe.muiName = "Input";
+function Mo(o) {
+  return q("MuiInputLabel", o);
 }
-const xt = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), Mo = (o) => {
+const Rt = V("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), jo = (o) => {
   const {
     classes: t,
     formControl: n,
     size: r,
-    shrink: i,
+    shrink: d,
     disableAnimation: p,
     variant: a,
-    required: d
-  } = o, b = {
-    root: ["root", n && "formControl", !p && "animated", i && "shrink", r && r !== "medium" && `size${q(r)}`, a],
-    asterisk: [d && "asterisk"]
-  }, m = B(b, Fo, t);
+    required: i
+  } = o, v = {
+    root: ["root", n && "formControl", !p && "animated", d && "shrink", r && r !== "medium" && `size${_(r)}`, a],
+    asterisk: [i && "asterisk"]
+  }, b = A(v, Mo, t);
   return {
     ...t,
     // forward the focused, disabled, etc. classes to the FormLabel
-    ...m
+    ...b
   };
-}, jo = h(yo, {
-  shouldForwardProp: (o) => k(o) || o === "classes",
+}, Lo = h(yo, {
+  shouldForwardProp: (o) => F(o) || o === "classes",
   name: "MuiInputLabel",
   slot: "Root",
   overridesResolver: (o, t) => {
@@ -404,7 +404,7 @@ const xt = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required
       [`& .${ho.asterisk}`]: t.asterisk
     }, t.root, n.formControl && t.formControl, n.size === "small" && t.sizeSmall, n.shrink && t.shrink, !n.disableAnimation && t.animated, n.focused && t.focused, t[n.variant]];
   }
-})(E(({
+})(M(({
   theme: o
 }) => ({
   display: "block",
@@ -526,44 +526,44 @@ const xt = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required
       transform: "translate(14px, -9px) scale(0.75)"
     }
   }]
-}))), Lo = /* @__PURE__ */ u.forwardRef(function(t, n) {
+}))), Bo = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const r = G({
     name: "MuiInputLabel",
     props: t
   }), {
-    disableAnimation: i = !1,
+    disableAnimation: d = !1,
     margin: p,
     shrink: a,
-    variant: d,
-    className: b,
-    ...m
-  } = r, f = he();
-  let c = a;
-  typeof c > "u" && f && (c = f.filled || f.focused || f.adornedStart);
+    variant: i,
+    className: v,
+    ...b
+  } = r, c = he();
+  let f = a;
+  typeof f > "u" && c && (f = c.filled || c.focused || c.adornedStart);
   const O = ye({
     props: r,
-    muiFormControl: f,
+    muiFormControl: c,
     states: ["size", "variant", "required", "focused"]
   }), C = {
     ...r,
-    disableAnimation: i,
-    formControl: f,
-    shrink: c,
+    disableAnimation: d,
+    formControl: c,
+    shrink: f,
     size: O.size,
     variant: O.variant,
     required: O.required,
     focused: O.focused
-  }, w = Mo(C);
-  return /* @__PURE__ */ v(jo, {
-    "data-shrink": c,
+  }, R = jo(C);
+  return /* @__PURE__ */ g(Lo, {
+    "data-shrink": f,
     ref: n,
-    className: pe(w.root, b),
-    ...m,
+    className: de(R.root, v),
+    ...b,
     ownerState: C,
-    classes: w
+    classes: R
   });
 });
-process.env.NODE_ENV !== "production" && (Lo.propTypes = {
+process.env.NODE_ENV !== "production" && (Bo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -630,23 +630,23 @@ process.env.NODE_ENV !== "production" && (Lo.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-function Bo(o) {
-  return V("MuiNativeSelect", o);
+function Wo(o) {
+  return q("MuiNativeSelect", o);
 }
-const Ne = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Wo = (o) => {
+const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Ao = (o) => {
   const {
     classes: t,
     variant: n,
     disabled: r,
-    multiple: i,
+    multiple: d,
     open: p,
     error: a
-  } = o, d = {
-    select: ["select", n, r && "disabled", i && "multiple", a && "error"],
-    icon: ["icon", `icon${q(n)}`, p && "iconOpen", r && "disabled"]
+  } = o, i = {
+    select: ["select", n, r && "disabled", d && "multiple", a && "error"],
+    icon: ["icon", `icon${_(n)}`, p && "iconOpen", r && "disabled"]
   };
-  return B(d, Bo, t);
-}, Ge = h("select")(({
+  return A(i, Wo, t);
+}, Ye = h("select")(({
   theme: o
 }) => ({
   // Reset
@@ -708,10 +708,10 @@ const Ne = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       }
     }
   }]
-})), Ao = h(Ge, {
+})), Uo = h(Ye, {
   name: "MuiNativeSelect",
   slot: "Select",
-  shouldForwardProp: k,
+  shouldForwardProp: F,
   overridesResolver: (o, t) => {
     const {
       ownerState: n
@@ -720,7 +720,7 @@ const Ne = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       [`&.${Ne.multiple}`]: t.multiple
     }];
   }
-})({}), Ye = h("svg")(({
+})({}), Ge = h("svg")(({
   theme: o
 }) => ({
   // We use a position absolute over a flexbox in order to forward the pointer events
@@ -757,41 +757,41 @@ const Ne = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       right: 7
     }
   }]
-})), Uo = h(Ye, {
+})), Do = h(Ge, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [t.icon, n.variant && t[`icon${q(n.variant)}`], n.open && t.iconOpen];
+    return [t.icon, n.variant && t[`icon${_(n.variant)}`], n.open && t.iconOpen];
   }
 })({}), Je = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const {
     className: r,
-    disabled: i,
+    disabled: d,
     error: p,
     IconComponent: a,
-    inputRef: d,
-    variant: b = "standard",
-    ...m
-  } = t, f = {
+    inputRef: i,
+    variant: v = "standard",
+    ...b
+  } = t, c = {
     ...t,
-    disabled: i,
-    variant: b,
+    disabled: d,
+    variant: v,
     error: p
-  }, c = Wo(f);
+  }, f = Ao(c);
   return /* @__PURE__ */ Oe(u.Fragment, {
-    children: [/* @__PURE__ */ v(Ao, {
-      ownerState: f,
-      className: pe(c.select, r),
-      disabled: i,
-      ref: d || n,
-      ...m
-    }), t.multiple ? null : /* @__PURE__ */ v(Uo, {
+    children: [/* @__PURE__ */ g(Uo, {
+      ownerState: c,
+      className: de(f.select, r),
+      disabled: d,
+      ref: i || n,
+      ...b
+    }), t.multiple ? null : /* @__PURE__ */ g(Do, {
       as: a,
-      ownerState: f,
-      className: c.icon
+      ownerState: c,
+      className: f.icon
     })]
   });
 });
@@ -825,7 +825,7 @@ process.env.NODE_ENV !== "production" && (Je.propTypes = {
    * Use that prop to pass a ref to the native select element.
    * @deprecated
    */
-  inputRef: Y,
+  inputRef: J,
   /**
    * @ignore
    */
@@ -851,11 +851,11 @@ process.env.NODE_ENV !== "production" && (Je.propTypes = {
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
 function Qe(o) {
-  return V("MuiSelect", o);
+  return q("MuiSelect", o);
 }
-const H = z("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
+const Y = V("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
 var _e;
-const Do = h(Ge, {
+const zo = h(Ye, {
   name: "MuiSelect",
   slot: "Select",
   overridesResolver: (o, t) => {
@@ -865,22 +865,22 @@ const Do = h(Ge, {
     return [
       // Win specificity over the input base
       {
-        [`&.${H.select}`]: t.select
+        [`&.${Y.select}`]: t.select
       },
       {
-        [`&.${H.select}`]: t[n.variant]
+        [`&.${Y.select}`]: t[n.variant]
       },
       {
-        [`&.${H.error}`]: t.error
+        [`&.${Y.error}`]: t.error
       },
       {
-        [`&.${H.multiple}`]: t.multiple
+        [`&.${Y.multiple}`]: t.multiple
       }
     ];
   }
 })({
   // Win specificity over the input base
-  [`&.${H.select}`]: {
+  [`&.${Y.select}`]: {
     height: "auto",
     // Resets for multiple select with chips
     minHeight: "1.4375em",
@@ -889,20 +889,19 @@ const Do = h(Ge, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), zo = h(Ye, {
+}), Vo = h(Ge, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [t.icon, n.variant && t[`icon${q(n.variant)}`], n.open && t.iconOpen];
+    return [t.icon, n.variant && t[`icon${_(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), Vo = h("input", {
+})({}), qo = h("input", {
   shouldForwardProp: (o) => vo(o) && o !== "classes",
   name: "MuiSelect",
-  slot: "NativeInput",
-  overridesResolver: (o, t) => t.nativeInput
+  slot: "NativeInput"
 })({
   bottom: 0,
   left: 0,
@@ -915,89 +914,89 @@ const Do = h(Ge, {
 function Ke(o, t) {
   return typeof t == "object" && t !== null ? o === t : String(o) === String(t);
 }
-function qo(o) {
+function _o(o) {
   return o == null || typeof o == "string" && !o.trim();
 }
-const _o = (o) => {
+const Ko = (o) => {
   const {
     classes: t,
     variant: n,
     disabled: r,
-    multiple: i,
+    multiple: d,
     open: p,
     error: a
-  } = o, d = {
-    select: ["select", n, r && "disabled", i && "multiple", a && "error"],
-    icon: ["icon", `icon${q(n)}`, p && "iconOpen", r && "disabled"],
+  } = o, i = {
+    select: ["select", n, r && "disabled", d && "multiple", a && "error"],
+    icon: ["icon", `icon${_(n)}`, p && "iconOpen", r && "disabled"],
     nativeInput: ["nativeInput"]
   };
-  return B(d, Qe, t);
+  return A(i, Qe, t);
 }, Ze = /* @__PURE__ */ u.forwardRef(function(t, n) {
   var ze;
   const {
     "aria-describedby": r,
-    "aria-label": i,
+    "aria-label": d,
     autoFocus: p,
     autoWidth: a,
-    children: d,
-    className: b,
-    defaultOpen: m,
-    defaultValue: f,
-    disabled: c,
+    children: i,
+    className: v,
+    defaultOpen: b,
+    defaultValue: c,
+    disabled: f,
     displayEmpty: O,
     error: C = !1,
-    IconComponent: w,
+    IconComponent: R,
     inputRef: T,
     labelId: y,
-    MenuProps: x = {},
+    MenuProps: w = {},
     multiple: I,
     name: S,
     onBlur: $,
-    onChange: W,
-    onClose: J,
-    onFocus: de,
+    onChange: k,
+    onClose: E,
+    onFocus: pe,
     onOpen: Q,
     open: Z,
     readOnly: ee,
     renderValue: oe,
-    required: _,
-    SelectDisplayProps: P = {},
-    tabIndex: F,
+    required: K,
+    SelectDisplayProps: N = {},
+    tabIndex: j,
     // catching `type` from Input which makes no sense for SelectInput
     type: ue,
     value: Fe,
     variant: te = "standard",
-    ...A
-  } = t, [g, Me] = qe({
+    ...U
+  } = t, [m, Me] = qe({
     controlled: Fe,
-    default: f,
+    default: c,
     name: "Select"
   }), [je, to] = qe({
     controlled: Z,
-    default: m,
+    default: b,
     name: "Select"
-  }), Le = u.useRef(null), M = u.useRef(null), [j, no] = u.useState(null), {
+  }), Le = u.useRef(null), L = u.useRef(null), [B, no] = u.useState(null), {
     current: ce
   } = u.useRef(Z != 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;
+    L.current = s, s && no(s);
+  }, []), ne = B == null ? void 0 : B.parentNode;
   u.useImperativeHandle(so, () => ({
     focus: () => {
-      M.current.focus();
+      L.current.focus();
     },
     node: Le.current,
-    value: g
-  }), [g]), u.useEffect(() => {
-    m && je && j && !ce && (Be(a ? null : ne.clientWidth), M.current.focus());
-  }, [j, a]), u.useEffect(() => {
-    p && M.current.focus();
+    value: m
+  }), [m]), u.useEffect(() => {
+    b && je && B && !ce && (Be(a ? null : ne.clientWidth), L.current.focus());
+  }, [B, a]), u.useEffect(() => {
+    p && L.current.focus();
   }, [p]), u.useEffect(() => {
     if (!y)
       return;
-    const s = Io(M.current).getElementById(y);
+    const s = Io(L.current).getElementById(y);
     if (s) {
       const l = () => {
-        getSelection().isCollapsed && M.current.focus();
+        getSelection().isCollapsed && L.current.focus();
       };
       return s.addEventListener("click", l), () => {
         s.removeEventListener("click", l);
@@ -1005,32 +1004,32 @@ const _o = (o) => {
     }
   }, [y]);
   const re = (s, l) => {
-    s ? Q && Q(l) : J && J(l), ce || (Be(a ? null : ne.clientWidth), to(s));
+    s ? Q && Q(l) : E && E(l), ce || (Be(a ? null : ne.clientWidth), to(s));
   }, io = (s) => {
-    s.button === 0 && (s.preventDefault(), M.current.focus(), re(!0, s));
+    s.button === 0 && (s.preventDefault(), L.current.focus(), re(!0, s));
   }, lo = (s) => {
     re(!1, s);
-  }, se = u.Children.toArray(d), po = (s) => {
-    const l = se.find((R) => R.props.value === s.target.value);
-    l !== void 0 && (Me(l.props.value), W && W(s, l));
+  }, se = u.Children.toArray(i), po = (s) => {
+    const l = se.find((x) => x.props.value === s.target.value);
+    l !== void 0 && (Me(l.props.value), k && k(s, l));
   }, uo = (s) => (l) => {
-    let R;
+    let x;
     if (l.currentTarget.hasAttribute("tabindex")) {
       if (I) {
-        R = Array.isArray(g) ? g.slice() : [];
-        const D = g.indexOf(s.props.value);
-        D === -1 ? R.push(s.props.value) : R.splice(D, 1);
+        x = Array.isArray(m) ? m.slice() : [];
+        const z = m.indexOf(s.props.value);
+        z === -1 ? x.push(s.props.value) : x.splice(z, 1);
       } else
-        R = s.props.value;
-      if (s.props.onClick && s.props.onClick(l), g !== R && (Me(R), W)) {
-        const D = l.nativeEvent || l, Ve = new D.constructor(D.type, D);
+        x = s.props.value;
+      if (s.props.onClick && s.props.onClick(l), m !== x && (Me(x), k)) {
+        const z = l.nativeEvent || l, Ve = new z.constructor(z.type, z);
         Object.defineProperty(Ve, "target", {
           writable: !0,
           value: {
-            value: R,
+            value: x,
             name: S
           }
-        }), W(Ve, s);
+        }), k(Ve, s);
       }
       I || re(!1, l);
     }
@@ -1043,22 +1042,22 @@ const _o = (o) => {
       // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       "Enter"
     ].includes(s.key) && (s.preventDefault(), re(!0, s));
-  }, K = j !== null && je, fo = (s) => {
-    !K && $ && (Object.defineProperty(s, "target", {
+  }, X = B !== null && je, fo = (s) => {
+    !X && $ && (Object.defineProperty(s, "target", {
       writable: !0,
       value: {
-        value: g,
+        value: m,
         name: S
       }
     }), $(s));
   };
-  delete A["aria-invalid"];
-  let U, We;
+  delete U["aria-invalid"];
+  let D, We;
   const ae = [];
   let ie = !1, fe = !1;
   (Co({
-    value: g
-  }) || O) && (oe ? U = oe(g) : ie = !0);
+    value: m
+  }) || O) && (oe ? D = oe(m) : ie = !0);
   const bo = se.map((s) => {
     if (!/* @__PURE__ */ u.isValidElement(s))
       return null;
@@ -1066,16 +1065,16 @@ const _o = (o) => {
 `));
     let l;
     if (I) {
-      if (!Array.isArray(g))
+      if (!Array.isArray(m))
         throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : go(2));
-      l = g.some((R) => Ke(R, s.props.value)), l && ie && ae.push(s.props.children);
+      l = m.some((x) => Ke(x, s.props.value)), l && ie && ae.push(s.props.children);
     } else
-      l = Ke(g, s.props.value), l && ie && (We = s.props.children);
+      l = Ke(m, s.props.value), l && ie && (We = s.props.children);
     return l && (fe = !0), /* @__PURE__ */ u.cloneElement(s, {
       "aria-selected": l ? "true" : "false",
       onClick: uo(s),
-      onKeyUp: (R) => {
-        R.key === " " && R.preventDefault(), s.props.onKeyUp && s.props.onKeyUp(R);
+      onKeyUp: (x) => {
+        x.key === " " && x.preventDefault(), s.props.onKeyUp && s.props.onKeyUp(x);
       },
       role: "option",
       selected: l,
@@ -1086,79 +1085,79 @@ const _o = (o) => {
     });
   });
   process.env.NODE_ENV !== "production" && u.useEffect(() => {
-    if (!fe && !I && g !== "") {
+    if (!fe && !I && m !== "") {
       const s = se.map((l) => l.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${g}\` for the select ${S ? `(name="${S}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${s.filter((l) => l != null).map((l) => `\`${l}\``).join(", ") || '""'}.`].join(`
+      console.warn([`MUI: You have provided an out-of-range value \`${m}\` for the select ${S ? `(name="${S}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${s.filter((l) => l != null).map((l) => `\`${l}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [fe, se, I, S, g]), ie && (I ? ae.length === 0 ? U = null : U = ae.reduce((s, l, R) => (s.push(l), R < ae.length - 1 && s.push(", "), s), []) : U = We);
+  }, [fe, se, I, S, m]), ie && (I ? ae.length === 0 ? D = null : D = ae.reduce((s, l, x) => (s.push(l), x < ae.length - 1 && s.push(", "), s), []) : D = We);
   let Ae = ro;
-  !a && ce && j && (Ae = ne.clientWidth);
+  !a && ce && B && (Ae = ne.clientWidth);
   let be;
-  typeof F < "u" ? be = F : be = c ? null : 0;
-  const Ue = P.id || (S ? `mui-component-select-${S}` : void 0), le = {
+  typeof j < "u" ? be = j : be = f ? null : 0;
+  const Ue = N.id || (S ? `mui-component-select-${S}` : void 0), le = {
     ...t,
     variant: te,
-    value: g,
-    open: K,
+    value: m,
+    open: X,
     error: C
-  }, me = _o(le), ge = {
-    ...x.PaperProps,
-    ...(ze = x.slotProps) == null ? void 0 : ze.paper
+  }, me = Ko(le), ge = {
+    ...w.PaperProps,
+    ...(ze = w.slotProps) == null ? void 0 : ze.paper
   }, De = So();
   return /* @__PURE__ */ Oe(u.Fragment, {
-    children: [/* @__PURE__ */ v(Do, {
+    children: [/* @__PURE__ */ g(zo, {
       as: "div",
       ref: ao,
       tabIndex: be,
       role: "combobox",
-      "aria-controls": K ? De : void 0,
-      "aria-disabled": c ? "true" : void 0,
-      "aria-expanded": K ? "true" : "false",
+      "aria-controls": X ? De : void 0,
+      "aria-disabled": f ? "true" : void 0,
+      "aria-expanded": X ? "true" : "false",
       "aria-haspopup": "listbox",
-      "aria-label": i,
+      "aria-label": d,
       "aria-labelledby": [y, Ue].filter(Boolean).join(" ") || void 0,
       "aria-describedby": r,
-      "aria-required": _ ? "true" : void 0,
+      "aria-required": K ? "true" : void 0,
       "aria-invalid": C ? "true" : void 0,
       onKeyDown: co,
-      onMouseDown: c || ee ? null : io,
+      onMouseDown: f || ee ? null : io,
       onBlur: fo,
-      onFocus: de,
-      ...P,
+      onFocus: pe,
+      ...N,
       ownerState: le,
-      className: pe(P.className, me.select, b),
+      className: de(N.className, me.select, v),
       id: Ue,
-      children: qo(U) ? (
+      children: _o(D) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
-        _e || (_e = /* @__PURE__ */ v("span", {
+        _e || (_e = /* @__PURE__ */ g("span", {
           className: "notranslate",
           "aria-hidden": !0,
           children: "​"
         }))
-      ) : U
-    }), /* @__PURE__ */ v(Vo, {
+      ) : D
+    }), /* @__PURE__ */ g(qo, {
       "aria-invalid": C,
-      value: Array.isArray(g) ? g.join(",") : g,
+      value: Array.isArray(m) ? m.join(",") : m,
       name: S,
       ref: Le,
       "aria-hidden": !0,
       onChange: po,
       tabIndex: -1,
-      disabled: c,
+      disabled: f,
       className: me.nativeInput,
       autoFocus: p,
-      required: _,
-      ...A,
+      required: K,
+      ...U,
       ownerState: le
-    }), /* @__PURE__ */ v(zo, {
-      as: w,
+    }), /* @__PURE__ */ g(Vo, {
+      as: R,
       className: me.icon,
       ownerState: le
-    }), /* @__PURE__ */ v(Oo, {
+    }), /* @__PURE__ */ g(Oo, {
       id: `menu-${S || ""}`,
       anchorEl: ne,
-      open: K,
+      open: X,
       onClose: lo,
       anchorOrigin: {
         vertical: "bottom",
@@ -1168,16 +1167,16 @@ const _o = (o) => {
         vertical: "top",
         horizontal: "center"
       },
-      ...x,
+      ...w,
       slotProps: {
-        ...x.slotProps,
+        ...w.slotProps,
         list: {
           "aria-labelledby": y,
           role: "listbox",
           "aria-multiselectable": I ? "true" : void 0,
           disableListWrap: !0,
           id: De,
-          ...x.MenuListProps
+          ...w.MenuListProps
         },
         paper: {
           ...ge,
@@ -1251,7 +1250,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: Y,
+  inputRef: J,
   /**
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.
@@ -1339,38 +1338,38 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-const Ko = (o) => {
+const Xo = (o) => {
   const {
     classes: t,
     disableUnderline: n,
     startAdornment: r,
-    endAdornment: i,
+    endAdornment: d,
     size: p,
     hiddenLabel: a,
-    multiline: d
-  } = o, b = {
-    root: ["root", !n && "underline", r && "adornedStart", i && "adornedEnd", p === "small" && `size${q(p)}`, a && "hiddenLabel", d && "multiline"],
+    multiline: i
+  } = o, v = {
+    root: ["root", !n && "underline", r && "adornedStart", d && "adornedEnd", p === "small" && `size${_(p)}`, a && "hiddenLabel", i && "multiline"],
     input: ["input"]
-  }, m = B(b, $o, t);
+  }, b = A(v, No, t);
   return {
     ...t,
     // forward classes to the InputBase
-    ...m
+    ...b
   };
-}, Xo = h(Re, {
-  shouldForwardProp: (o) => k(o) || o === "classes",
+}, Ho = h(xe, {
+  shouldForwardProp: (o) => F(o) || o === "classes",
   name: "MuiFilledInput",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [...xe(o, t), !n.disableUnderline && t.underline];
+    return [...we(o, t), !n.disableUnderline && t.underline];
   }
-})(E(({
+})(M(({
   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)", d = 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)";
   return {
     position: "relative",
     backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r,
@@ -1381,16 +1380,16 @@ const Ko = (o) => {
       easing: o.transitions.easing.easeOut
     }),
     "&:hover": {
-      backgroundColor: o.vars ? o.vars.palette.FilledInput.hoverBg : i,
+      backgroundColor: o.vars ? o.vars.palette.FilledInput.hoverBg : d,
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r
       }
     },
-    [`&.${L.focused}`]: {
+    [`&.${W.focused}`]: {
       backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r
     },
-    [`&.${L.disabled}`]: {
+    [`&.${W.disabled}`]: {
       backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : p
     },
     variants: [{
@@ -1412,12 +1411,12 @@ const Ko = (o) => {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&.${L.focused}:after`]: {
+        [`&.${W.focused}:after`]: {
           // translateX(0) is a workaround for Safari transform scale bug
           // See https://github.com/mui/material-ui/issues/31766
           transform: "scaleX(1) translateX(0)"
         },
-        [`&.${L.error}`]: {
+        [`&.${W.error}`]: {
           "&::before, &::after": {
             borderBottomColor: (o.vars || o).palette.error.main
           }
@@ -1435,15 +1434,15 @@ const Ko = (o) => {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&:hover:not(.${L.disabled}, .${L.error}):before`]: {
+        [`&:hover:not(.${W.disabled}, .${W.error}):before`]: {
           borderBottom: `1px solid ${(o.vars || o).palette.text.primary}`
         },
-        [`&.${L.disabled}:before`]: {
+        [`&.${W.disabled}:before`]: {
           borderBottomStyle: "dotted"
         }
       }
     }, ...Object.entries(o.palette).filter(Ce()).map(([a]) => {
-      var d;
+      var i;
       return {
         props: {
           disableUnderline: !1,
@@ -1451,7 +1450,7 @@ const Ko = (o) => {
         },
         style: {
           "&::after": {
-            borderBottom: `2px solid ${(d = (o.vars || o).palette[a]) == null ? void 0 : d.main}`
+            borderBottom: `2px solid ${(i = (o.vars || o).palette[a]) == null ? void 0 : i.main}`
           }
         }
       };
@@ -1479,8 +1478,8 @@ const Ko = (o) => {
     }, {
       props: ({
         ownerState: a,
-        size: d
-      }) => a.multiline && d === "small",
+        size: i
+      }) => a.multiline && i === "small",
       style: {
         paddingTop: 21,
         paddingBottom: 4
@@ -1503,11 +1502,11 @@ const Ko = (o) => {
       }
     }]
   };
-})), Ho = h(we, {
+})), Yo = h(Re, {
   name: "MuiFilledInput",
   slot: "Input",
   overridesResolver: Te
-})(E(({
+})(M(({
   theme: o
 }) => ({
   paddingTop: 25,
@@ -1585,54 +1584,54 @@ const Ko = (o) => {
       paddingRight: 0
     }
   }]
-}))), Pe = /* @__PURE__ */ u.forwardRef(function(t, n) {
+}))), $e = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const r = G({
     props: t,
     name: "MuiFilledInput"
   }), {
-    disableUnderline: i = !1,
+    disableUnderline: d = !1,
     components: p = {},
     componentsProps: a,
-    fullWidth: d = !1,
-    hiddenLabel: b,
+    fullWidth: i = !1,
+    hiddenLabel: v,
     // declare here to prevent spreading to DOM
-    inputComponent: m = "input",
-    multiline: f = !1,
-    slotProps: c,
+    inputComponent: b = "input",
+    multiline: c = !1,
+    slotProps: f,
     slots: O = {},
     type: C = "text",
-    ...w
+    ...R
   } = r, T = {
     ...r,
-    disableUnderline: i,
-    fullWidth: d,
-    inputComponent: m,
-    multiline: f,
+    disableUnderline: d,
+    fullWidth: i,
+    inputComponent: b,
+    multiline: c,
     type: C
-  }, y = Ko(r), x = {
+  }, y = Xo(r), w = {
     root: {
       ownerState: T
     },
     input: {
       ownerState: T
     }
-  }, I = c ?? a ? ve(x, c ?? a) : x, S = O.root ?? p.Root ?? Xo, $ = O.input ?? p.Input ?? Ho;
-  return /* @__PURE__ */ v(Se, {
+  }, I = f ?? a ? ve(w, f ?? a) : w, S = O.root ?? p.Root ?? Ho, $ = O.input ?? p.Input ?? Yo;
+  return /* @__PURE__ */ g(Se, {
     slots: {
       root: S,
       input: $
     },
     slotProps: I,
-    fullWidth: d,
-    inputComponent: m,
-    multiline: f,
+    fullWidth: i,
+    inputComponent: b,
+    multiline: c,
     ref: n,
     type: C,
-    ...w,
+    ...R,
     classes: y
   });
 });
-process.env.NODE_ENV !== "production" && (Pe.propTypes = {
+process.env.NODE_ENV !== "production" && ($e.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1727,14 +1726,14 @@ process.env.NODE_ENV !== "production" && (Pe.propTypes = {
    */
   inputComponent: e.elementType,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: e.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Y,
+  inputRef: J,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -1815,7 +1814,7 @@ process.env.NODE_ENV !== "production" && (Pe.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: e.string,
@@ -1824,10 +1823,10 @@ process.env.NODE_ENV !== "production" && (Pe.propTypes = {
    */
   value: e.any
 });
-Pe.muiName = "Input";
+$e.muiName = "Input";
 var Xe;
 const Go = h("fieldset", {
-  shouldForwardProp: k
+  shouldForwardProp: F
 })({
   textAlign: "left",
   position: "absolute",
@@ -1843,9 +1842,9 @@ const Go = h("fieldset", {
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), Yo = h("legend", {
-  shouldForwardProp: k
-})(E(({
+}), Jo = h("legend", {
+  shouldForwardProp: F
+})(M(({
   theme: o
 }) => ({
   float: "unset",
@@ -1912,26 +1911,26 @@ function eo(o) {
     children: t,
     classes: n,
     className: r,
-    label: i,
+    label: d,
     notched: p,
     ...a
-  } = o, d = i != null && i !== "", b = {
+  } = o, i = d != null && d !== "", v = {
     ...o,
     notched: p,
-    withLabel: d
+    withLabel: i
   };
-  return /* @__PURE__ */ v(Go, {
+  return /* @__PURE__ */ g(Go, {
     "aria-hidden": !0,
     className: r,
-    ownerState: b,
+    ownerState: v,
     ...a,
-    children: /* @__PURE__ */ v(Yo, {
-      ownerState: b,
-      children: d ? /* @__PURE__ */ v("span", {
-        children: i
+    children: /* @__PURE__ */ g(Jo, {
+      ownerState: v,
+      children: i ? /* @__PURE__ */ g("span", {
+        children: d
       }) : (
         // notranslate needed while Google Translate will not fix zero-width space issue
-        Xe || (Xe = /* @__PURE__ */ v("span", {
+        Xe || (Xe = /* @__PURE__ */ g("span", {
           className: "notranslate",
           "aria-hidden": !0,
           children: "​"
@@ -1966,41 +1965,41 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
    */
   style: e.object
 });
-const Jo = (o) => {
+const Qo = (o) => {
   const {
     classes: t
-  } = o, r = B({
+  } = o, r = A({
     root: ["root"],
     notchedOutline: ["notchedOutline"],
     input: ["input"]
-  }, To, t);
+  }, Po, t);
   return {
     ...t,
     // forward classes to the InputBase
     ...r
   };
-}, Qo = h(Re, {
-  shouldForwardProp: (o) => k(o) || o === "classes",
+}, Zo = h(xe, {
+  shouldForwardProp: (o) => F(o) || o === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
-  overridesResolver: xe
-})(E(({
+  overridesResolver: we
+})(M(({
   theme: o
 }) => {
   const t = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
   return {
     position: "relative",
     borderRadius: (o.vars || o).shape.borderRadius,
-    [`&:hover .${N.notchedOutline}`]: {
+    [`&:hover .${P.notchedOutline}`]: {
       borderColor: (o.vars || o).palette.text.primary
     },
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
-      [`&:hover .${N.notchedOutline}`]: {
+      [`&:hover .${P.notchedOutline}`]: {
         borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
       }
     },
-    [`&.${N.focused} .${N.notchedOutline}`]: {
+    [`&.${P.focused} .${P.notchedOutline}`]: {
       borderWidth: 2
     },
     variants: [...Object.entries(o.palette).filter(Ce()).map(([n]) => ({
@@ -2008,7 +2007,7 @@ const Jo = (o) => {
         color: n
       },
       style: {
-        [`&.${N.focused} .${N.notchedOutline}`]: {
+        [`&.${P.focused} .${P.notchedOutline}`]: {
           borderColor: (o.vars || o).palette[n].main
         }
       }
@@ -2016,10 +2015,10 @@ const Jo = (o) => {
       props: {},
       // to overide the above style
       style: {
-        [`&.${N.error} .${N.notchedOutline}`]: {
+        [`&.${P.error} .${P.notchedOutline}`]: {
           borderColor: (o.vars || o).palette.error.main
         },
-        [`&.${N.disabled} .${N.notchedOutline}`]: {
+        [`&.${P.disabled} .${P.notchedOutline}`]: {
           borderColor: (o.vars || o).palette.action.disabled
         }
       }
@@ -2054,22 +2053,21 @@ const Jo = (o) => {
       }
     }]
   };
-})), Zo = h(eo, {
+})), et = h(eo, {
   name: "MuiOutlinedInput",
-  slot: "NotchedOutline",
-  overridesResolver: (o, t) => t.notchedOutline
-})(E(({
+  slot: "NotchedOutline"
+})(M(({
   theme: o
 }) => {
   const t = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
   return {
     borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
   };
-})), et = h(we, {
+})), ot = h(Re, {
   name: "MuiOutlinedInput",
   slot: "Input",
   overridesResolver: Te
-})(E(({
+})(M(({
   theme: o
 }) => ({
   padding: "16.5px 14px",
@@ -2123,58 +2121,69 @@ const Jo = (o) => {
     }
   }]
 }))), ke = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  var r;
-  const i = G({
+  const r = G({
     props: t,
     name: "MuiOutlinedInput"
   }), {
-    components: p = {},
-    fullWidth: a = !1,
-    inputComponent: d = "input",
-    label: b,
-    multiline: m = !1,
-    notched: f,
+    components: d = {},
+    fullWidth: p = !1,
+    inputComponent: a = "input",
+    label: i,
+    multiline: v = !1,
+    notched: b,
     slots: c = {},
+    slotProps: f = {},
     type: O = "text",
     ...C
-  } = i, w = Jo(i), T = he(), y = ye({
-    props: i,
+  } = r, R = Qo(r), T = he(), y = ye({
+    props: r,
     muiFormControl: T,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
-  }), x = {
-    ...i,
+  }), w = {
+    ...r,
     color: y.color || "primary",
     disabled: y.disabled,
     error: y.error,
     focused: y.focused,
     formControl: T,
-    fullWidth: a,
+    fullWidth: p,
     hiddenLabel: y.hiddenLabel,
-    multiline: m,
+    multiline: v,
     size: y.size,
     type: O
-  }, I = c.root ?? p.Root ?? Qo, S = c.input ?? p.Input ?? et;
-  return /* @__PURE__ */ v(Se, {
+  }, I = c.root ?? d.Root ?? Zo, S = c.input ?? d.Input ?? ot, [$, k] = Ro("notchedOutline", {
+    elementType: et,
+    className: R.notchedOutline,
+    shouldForwardComponentProp: !0,
+    ownerState: w,
+    externalForwardedProps: {
+      slots: c,
+      slotProps: f
+    },
+    additionalProps: {
+      label: i != null && i !== "" && y.required ? /* @__PURE__ */ Oe(u.Fragment, {
+        children: [i, " ", "*"]
+      }) : i
+    }
+  });
+  return /* @__PURE__ */ g(Se, {
     slots: {
       root: I,
       input: S
     },
-    renderSuffix: ($) => /* @__PURE__ */ v(Zo, {
-      ownerState: x,
-      className: w.notchedOutline,
-      label: b != null && b !== "" && y.required ? r || (r = /* @__PURE__ */ Oe(u.Fragment, {
-        children: [b, " ", "*"]
-      })) : b,
-      notched: typeof f < "u" ? f : !!($.startAdornment || $.filled || $.focused)
+    slotProps: f,
+    renderSuffix: (E) => /* @__PURE__ */ g($, {
+      ...k,
+      notched: typeof b < "u" ? b : !!(E.startAdornment || E.filled || E.focused)
     }),
-    fullWidth: a,
-    inputComponent: d,
-    multiline: m,
+    fullWidth: p,
+    inputComponent: a,
+    multiline: v,
     ref: n,
     type: O,
     ...C,
     classes: {
-      ...w,
+      ...R,
       notchedOutline: null
     }
   });
@@ -2250,14 +2259,14 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
    */
   inputComponent: e.elementType,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: e.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Y,
+  inputRef: J,
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -2315,15 +2324,22 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
    * Number of rows to display when multiline option is set to true.
    */
   rows: e.oneOfType([e.number, e.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.object,
+    notchedOutline: e.oneOfType([e.func, e.object]),
+    root: e.object
+  }),
   /**
    * The components used for each slot inside.
-   *
-   * This prop is an alias for the `components` prop, which will be deprecated in the future.
-   *
    * @default {}
    */
   slots: e.shape({
     input: e.elementType,
+    notchedOutline: e.elementType,
     root: e.elementType
   }),
   /**
@@ -2335,7 +2351,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: e.string,
@@ -2345,10 +2361,10 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   value: e.any
 });
 ke.muiName = "Input";
-const ot = (o) => {
+const tt = (o) => {
   const {
     classes: t
-  } = o, r = B({
+  } = o, r = A({
     root: ["root"]
   }, Qe, t);
   return {
@@ -2357,101 +2373,100 @@ const ot = (o) => {
   };
 }, Ee = {
   name: "MuiSelect",
-  overridesResolver: (o, t) => t.root,
-  shouldForwardProp: (o) => k(o) && o !== "variant",
-  slot: "Root"
-}, tt = h($e, Ee)(""), nt = h(ke, Ee)(""), rt = h(Pe, Ee)(""), oo = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  slot: "Root",
+  shouldForwardProp: (o) => F(o) && o !== "variant"
+}, nt = h(Pe, Ee)(""), rt = h(ke, Ee)(""), st = h($e, Ee)(""), oo = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const r = G({
     name: "MuiSelect",
     props: t
   }), {
-    autoWidth: i = !1,
+    autoWidth: d = !1,
     children: p,
     classes: a = {},
-    className: d,
-    defaultOpen: b = !1,
-    displayEmpty: m = !1,
-    IconComponent: f = No,
-    id: c,
+    className: i,
+    defaultOpen: v = !1,
+    displayEmpty: b = !1,
+    IconComponent: c = $o,
+    id: f,
     input: O,
     inputProps: C,
-    label: w,
+    label: R,
     labelId: T,
     MenuProps: y,
-    multiple: x = !1,
+    multiple: w = !1,
     native: I = !1,
     onClose: S,
     onOpen: $,
-    open: W,
-    renderValue: J,
-    SelectDisplayProps: de,
+    open: k,
+    renderValue: E,
+    SelectDisplayProps: pe,
     variant: Q = "outlined",
     ...Z
-  } = r, ee = I ? Je : Ze, oe = he(), _ = ye({
+  } = r, ee = I ? Je : Ze, oe = he(), K = ye({
     props: r,
     muiFormControl: oe,
     states: ["variant", "error"]
-  }), P = _.variant || Q, F = {
+  }), N = K.variant || Q, j = {
     ...r,
-    variant: P,
+    variant: N,
     classes: a
-  }, ue = ot(F), {
+  }, ue = tt(j), {
     root: Fe,
     ...te
-  } = ue, A = O || {
-    standard: /* @__PURE__ */ v(tt, {
-      ownerState: F
+  } = ue, U = O || {
+    standard: /* @__PURE__ */ g(nt, {
+      ownerState: j
     }),
-    outlined: /* @__PURE__ */ v(nt, {
-      label: w,
-      ownerState: F
+    outlined: /* @__PURE__ */ g(rt, {
+      label: R,
+      ownerState: j
     }),
-    filled: /* @__PURE__ */ v(rt, {
-      ownerState: F
+    filled: /* @__PURE__ */ g(st, {
+      ownerState: j
     })
-  }[P], g = He(n, xo(A));
-  return /* @__PURE__ */ v(u.Fragment, {
-    children: /* @__PURE__ */ u.cloneElement(A, {
+  }[N], m = He(n, wo(U));
+  return /* @__PURE__ */ g(u.Fragment, {
+    children: /* @__PURE__ */ u.cloneElement(U, {
       // 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,
-        error: _.error,
-        IconComponent: f,
-        variant: P,
+        error: K.error,
+        IconComponent: c,
+        variant: N,
         type: void 0,
         // We render a select. We can ignore the type provided by the `Input`.
-        multiple: x,
+        multiple: w,
         ...I ? {
-          id: c
+          id: f
         } : {
-          autoWidth: i,
-          defaultOpen: b,
-          displayEmpty: m,
+          autoWidth: d,
+          defaultOpen: v,
+          displayEmpty: b,
           labelId: T,
           MenuProps: y,
           onClose: S,
           onOpen: $,
-          open: W,
-          renderValue: J,
+          open: k,
+          renderValue: E,
           SelectDisplayProps: {
-            id: c,
-            ...de
+            id: f,
+            ...pe
           }
         },
         ...C,
         classes: C ? ve(te, C.classes) : te,
         ...O ? O.props.inputProps : {}
       },
-      ...(x && I || m) && P === "outlined" ? {
+      ...(w && I || b) && N === "outlined" ? {
         notched: !0
       } : {},
-      ref: g,
-      className: pe(A.props.className, d, ue.root),
+      ref: m,
+      className: de(U.props.className, i, 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: P
+        variant: N
       },
       ...Z
     })
@@ -2519,7 +2534,7 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
    */
   input: e.element,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * When `native` is `true`, the attributes are applied on the `select` element.
    */
   inputProps: e.object,
@@ -2606,18 +2621,18 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
 });
 oo.muiName = "Select";
 export {
-  No as A,
-  Pe as F,
-  $e as I,
+  $o as A,
+  $e as F,
+  Pe as I,
   ke as O,
   oo as S,
-  Lo as a,
-  xt as b,
-  Fo as c,
+  Bo as a,
+  Rt as b,
+  Mo as c,
   Qe as d,
-  L as f,
-  wo as g,
-  X as i,
-  N as o,
-  H as s
+  W as f,
+  To as g,
+  H as i,
+  P as o,
+  Y as s
 };