@cgi-learning-hub/ui 1.3.5-dev.1736340751 → 1.3.5-dev.1736345385

package/dist/{Select-DmssuG5M.js → Select-B6NmIC6a.js}

@@ -1,44 +1,42 @@
 import * as u from "react";
-import { H as U, I as D, _ as Oe, P as e, G as fe, J as fo } from "./generateUtilityClasses-Bssl7BA_.js";
-import { f as Ce } from "./formControlState-vgaj2ksH.js";
-import { u as Ie } from "./useFormControl-CatNKXAi.js";
-import { s as h, r as k, u as H, c as z, e as bo } from "./DefaultPropsProvider-CvJPQJmL.js";
-import { m as E } from "./memoTheme-D7Fyh_3C.js";
-import { jsx as v, jsxs as Se } from "react/jsx-runtime";
-import { a as mo, b as go } from "./FormLabel-CfR4bb21.js";
-import { c as V } from "./capitalize-CkF8kU4n.js";
-import { r as vo } from "./index-DXD5J5Eu.js";
-import { M as yo } from "./Menu-C7tKmcAh.js";
-import { r as G } from "./refType-DKYKROQk.js";
-import { i as ho } from "./utils-DWqc1kRF.js";
-import { u as Ve } from "./useControlled-BYdyS7Pn.js";
-import { u as Xe } from "./useForkRef-C_4o__cU.js";
-import { o as Oo } from "./ownerDocument-CUrv0DIK.js";
-import { u as Co } from "./useId-CK6Kn3Tn.js";
-import { c as Io } from "./createSvgIcon-C8nGcfF4.js";
-import { c as Re } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { i as xe, a as we, r as Te, b as Ne, c as Pe, I as $e } from "./InputBase-BJy3wwFB.js";
-import { g as So } from "./utils-C6c4fj7D.js";
-function Ro(o) {
-  return U("MuiInput", o);
+import { H as D, I as z, W as ve, P as e, G as de, L as V, Z as bo } from "./identifier-DuQ8Gjnk.js";
+import { f as ye } from "./formControlState-vgaj2ksH.js";
+import { u as he } from "./useFormControl-CatNKXAi.js";
+import { s as h, r as k, u as H, c as q, f as mo, e as go } from "./DefaultPropsProvider-DEufUd_C.js";
+import { m as E } from "./memoTheme-BX806g-H.js";
+import { jsx as v, jsxs as Oe } from "react/jsx-runtime";
+import { a as vo, b as yo } from "./FormLabel-BljR05I0.js";
+import { M as ho } from "./Menu-CrLJY61G.js";
+import { r as G } from "./refType-Bj5oVmPL.js";
+import { i as Oo } from "./utils-DWqc1kRF.js";
+import { u as qe } from "./useControlled-BYdyS7Pn.js";
+import { u as He } from "./useForkRef-C_4o__cU.js";
+import { o as Co } from "./ownerDocument-CUrv0DIK.js";
+import { u as Io } from "./useId-CK6Kn3Tn.js";
+import { c as So } from "./createSvgIcon-DCcHNe8S.js";
+import { c as Ce } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { i as Ie, a as Se, r as Re, b as xe, c as we, I as Te } from "./InputBase-bIxQpDEw.js";
+import { g as Ro } from "./utils-CAhqvD6J.js";
+function xo(o) {
+  return D("MuiInput", o);
 }
 const K = {
-  ...xe,
-  ...D("MuiInput", ["root", "underline", "input"])
-}, xo = (o) => {
+  ...Ie,
+  ...z("MuiInput", ["root", "underline", "input"])
+}, wo = (o) => {
   const {
     classes: t,
     disableUnderline: n
-  } = o, i = z({
+  } = o, i = q({
     root: ["root", !n && "underline"],
     input: ["input"]
-  }, Ro, t);
+  }, xo, t);
   return {
     ...t,
     // forward classes to the InputBase
     ...i
   };
-}, wo = h(we, {
+}, To = h(Se, {
   shouldForwardProp: (o) => k(o) || o === "classes",
   name: "MuiInput",
   slot: "Root",
@@ -46,7 +44,7 @@ const K = {
     const {
       ownerState: n
     } = o;
-    return [...Te(o, t), !n.disableUnderline && t.underline];
+    return [...Re(o, t), !n.disableUnderline && t.underline];
   }
 })(E(({
   theme: o
@@ -116,7 +114,7 @@ const K = {
           borderBottomStyle: "dotted"
         }
       }
-    }, ...Object.entries(o.palette).filter(Re()).map(([r]) => ({
+    }, ...Object.entries(o.palette).filter(Ce()).map(([r]) => ({
       props: {
         color: r,
         disableUnderline: !1
@@ -128,48 +126,48 @@ const K = {
       }
     }))]
   };
-})), To = h(Ne, {
+})), No = h(xe, {
   name: "MuiInput",
   slot: "Input",
-  overridesResolver: Pe
-})({}), de = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  overridesResolver: we
+})({}), Ne = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const r = H({
     props: t,
     name: "MuiInput"
   }), {
     disableUnderline: i = !1,
-    components: p = {},
+    components: d = {},
     componentsProps: a,
-    fullWidth: d = !1,
-    inputComponent: m = "input",
-    multiline: g = !1,
+    fullWidth: p = !1,
+    inputComponent: b = "input",
+    multiline: m = !1,
     slotProps: f,
     slots: c = {},
     type: O = "text",
-    ...R
-  } = r, w = xo(r), y = {
+    ...C
+  } = r, w = wo(r), y = {
     root: {
       ownerState: {
         disableUnderline: i
       }
     }
-  }, x = f ?? a ? Oe(f ?? a, y) : y, C = c.root ?? p.Root ?? wo, I = c.input ?? p.Input ?? To;
-  return /* @__PURE__ */ v($e, {
+  }, x = f ?? a ? ve(f ?? a, y) : y, I = c.root ?? d.Root ?? To, S = c.input ?? d.Input ?? No;
+  return /* @__PURE__ */ v(Te, {
     slots: {
-      root: C,
-      input: I
+      root: I,
+      input: S
     },
     slotProps: x,
-    fullWidth: d,
-    inputComponent: m,
-    multiline: g,
+    fullWidth: p,
+    inputComponent: b,
+    multiline: m,
     ref: n,
     type: O,
-    ...R,
+    ...C,
     classes: w
   });
 });
-process.env.NODE_ENV !== "production" && (de.propTypes = {
+process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -354,29 +352,29 @@ process.env.NODE_ENV !== "production" && (de.propTypes = {
    */
   value: e.any
 });
-de && (de.muiName = "Input");
-function No(o) {
-  return U("MuiInputLabel", o);
+Ne.muiName = "Input";
+function Po(o) {
+  return D("MuiInputLabel", o);
 }
-const Rt = D("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), Po = (o) => {
+const St = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), $o = (o) => {
   const {
     classes: t,
     formControl: n,
     size: r,
     shrink: i,
-    disableAnimation: p,
+    disableAnimation: d,
     variant: a,
-    required: d
-  } = o, m = {
-    root: ["root", n && "formControl", !p && "animated", i && "shrink", r && r !== "normal" && `size${V(r)}`, a],
-    asterisk: [d && "asterisk"]
-  }, g = z(m, No, t);
+    required: p
+  } = o, b = {
+    root: ["root", n && "formControl", !d && "animated", i && "shrink", r && r !== "normal" && `size${V(r)}`, a],
+    asterisk: [p && "asterisk"]
+  }, m = q(b, Po, t);
   return {
     ...t,
     // forward the focused, disabled, etc. classes to the FormLabel
-    ...g
+    ...m
   };
-}, $o = h(mo, {
+}, ko = h(vo, {
   shouldForwardProp: (o) => k(o) || o === "classes",
   name: "MuiInputLabel",
   slot: "Root",
@@ -385,7 +383,7 @@ const Rt = D("MuiInputLabel", ["root", "focused", "disabled", "error", "required
       ownerState: n
     } = o;
     return [{
-      [`& .${go.asterisk}`]: t.asterisk
+      [`& .${yo.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(({
@@ -510,25 +508,25 @@ const Rt = D("MuiInputLabel", ["root", "focused", "disabled", "error", "required
       transform: "translate(14px, -9px) scale(0.75)"
     }
   }]
-}))), ko = /* @__PURE__ */ u.forwardRef(function(t, n) {
+}))), Eo = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const r = H({
     name: "MuiInputLabel",
     props: t
   }), {
     disableAnimation: i = !1,
-    margin: p,
+    margin: d,
     shrink: a,
-    variant: d,
-    className: m,
-    ...g
-  } = r, f = Ie();
+    variant: p,
+    className: b,
+    ...m
+  } = r, f = he();
   let c = a;
   typeof c > "u" && f && (c = f.filled || f.focused || f.adornedStart);
-  const O = Ce({
+  const O = ye({
     props: r,
     muiFormControl: f,
     states: ["size", "variant", "required", "focused"]
-  }), R = {
+  }), C = {
     ...r,
     disableAnimation: i,
     formControl: f,
@@ -537,17 +535,17 @@ const Rt = D("MuiInputLabel", ["root", "focused", "disabled", "error", "required
     variant: O.variant,
     required: O.required,
     focused: O.focused
-  }, w = Po(R);
-  return /* @__PURE__ */ v($o, {
+  }, w = $o(C);
+  return /* @__PURE__ */ v(ko, {
     "data-shrink": c,
     ref: n,
-    className: fe(w.root, m),
-    ...g,
-    ownerState: R,
+    className: de(w.root, b),
+    ...m,
+    ownerState: C,
     classes: w
   });
 });
-process.env.NODE_ENV !== "production" && (ko.propTypes = {
+process.env.NODE_ENV !== "production" && (Eo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -614,23 +612,23 @@ process.env.NODE_ENV !== "production" && (ko.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-function Eo(o) {
-  return U("MuiNativeSelect", o);
+function Fo(o) {
+  return D("MuiNativeSelect", o);
 }
-const ke = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Fo = (o) => {
+const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Mo = (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${V(n)}`, p && "iconOpen", r && "disabled"]
+    icon: ["icon", `icon${V(n)}`, d && "iconOpen", r && "disabled"]
   };
-  return z(d, Eo, t);
-}, He = h("select")(({
+  return q(p, Fo, t);
+}, Ge = h("select")(({
   theme: o
 }) => ({
   // Reset
@@ -647,7 +645,7 @@ const ke = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     // Reset Chrome style
     borderRadius: 0
   },
-  [`&.${ke.disabled}`]: {
+  [`&.${Pe.disabled}`]: {
     cursor: "default"
   },
   "&[multiple]": {
@@ -692,7 +690,7 @@ const ke = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       }
     }
   }]
-})), Mo = h(He, {
+})), jo = h(Ge, {
   name: "MuiNativeSelect",
   slot: "Select",
   shouldForwardProp: k,
@@ -701,10 +699,10 @@ const ke = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       ownerState: n
     } = o;
     return [t.select, t[n.variant], n.error && t.error, {
-      [`&.${ke.multiple}`]: t.multiple
+      [`&.${Pe.multiple}`]: t.multiple
     }];
   }
-})({}), Ge = h("svg")(({
+})({}), Ye = h("svg")(({
   theme: o
 }) => ({
   // We use a position absolute over a flexbox in order to forward the pointer events
@@ -716,7 +714,7 @@ const ke = D("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,
-  [`&.${ke.disabled}`]: {
+  [`&.${Pe.disabled}`]: {
     color: (o.vars || o).palette.action.disabled
   },
   variants: [{
@@ -741,7 +739,7 @@ const ke = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       right: 7
     }
   }]
-})), jo = h(Ge, {
+})), Lo = h(Ye, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -750,36 +748,36 @@ const ke = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     } = o;
     return [t.icon, n.variant && t[`icon${V(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), Je = /* @__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,
-    variant: m = "standard",
-    ...g
+    inputRef: p,
+    variant: b = "standard",
+    ...m
   } = t, f = {
     ...t,
     disabled: i,
-    variant: m,
-    error: p
-  }, c = Fo(f);
-  return /* @__PURE__ */ Se(u.Fragment, {
-    children: [/* @__PURE__ */ v(Mo, {
+    variant: b,
+    error: d
+  }, c = Mo(f);
+  return /* @__PURE__ */ Oe(u.Fragment, {
+    children: [/* @__PURE__ */ v(jo, {
       ownerState: f,
-      className: fe(c.select, r),
+      className: de(c.select, r),
       disabled: i,
-      ref: d || n,
-      ...g
-    }), t.multiple ? null : /* @__PURE__ */ v(jo, {
+      ref: p || n,
+      ...m
+    }), t.multiple ? null : /* @__PURE__ */ v(Lo, {
       as: a,
       ownerState: f,
       className: c.icon
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Je.propTypes = {
+process.env.NODE_ENV !== "production" && (Ze.propTypes = {
   /**
    * The option elements to populate the select with.
    * Can be some `<option>` elements.
@@ -834,12 +832,12 @@ process.env.NODE_ENV !== "production" && (Je.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-function Lo(o) {
-  return U("MuiSelect", o);
+function Bo(o) {
+  return D("MuiSelect", o);
 }
-const X = D("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
-var qe;
-const Bo = h(He, {
+const X = z("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
+var _e;
+const Wo = h(Ge, {
   name: "MuiSelect",
   slot: "Select",
   overridesResolver: (o, t) => {
@@ -873,7 +871,7 @@ const Bo = h(He, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), Wo = h(Ge, {
+}), Ao = h(Ye, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -882,8 +880,8 @@ const Bo = h(He, {
     } = o;
     return [t.icon, n.variant && t[`icon${V(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), Ao = h("input", {
-  shouldForwardProp: (o) => bo(o) && o !== "classes",
+})({}), Uo = h("input", {
+  shouldForwardProp: (o) => mo(o) && o !== "classes",
   name: "MuiSelect",
   slot: "NativeInput",
   overridesResolver: (o, t) => t.nativeInput
@@ -896,169 +894,170 @@ const Bo = h(He, {
   width: "100%",
   boxSizing: "border-box"
 });
-function _e(o, t) {
+function Ke(o, t) {
   return typeof t == "object" && t !== null ? o === t : String(o) === String(t);
 }
-function Uo(o) {
+function Do(o) {
   return o == null || typeof o == "string" && !o.trim();
 }
-const Do = (o) => {
+const zo = (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${V(n)}`, p && "iconOpen", r && "disabled"],
+    icon: ["icon", `icon${V(n)}`, d && "iconOpen", r && "disabled"],
     nativeInput: ["nativeInput"]
   };
-  return z(d, Lo, t);
-}, Ye = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  var De;
+  return q(p, Bo, t);
+}, Je = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  var ze;
   const {
     "aria-describedby": r,
     "aria-label": i,
-    autoFocus: p,
+    autoFocus: d,
     autoWidth: a,
-    children: d,
-    className: m,
-    defaultOpen: g,
+    children: p,
+    className: b,
+    defaultOpen: m,
     defaultValue: f,
     disabled: c,
     displayEmpty: O,
-    error: R = !1,
+    error: C = !1,
     IconComponent: w,
     inputRef: T,
     labelId: y,
     MenuProps: x = {},
-    multiple: C,
-    name: I,
+    multiple: I,
+    name: S,
     onBlur: N,
-    onChange: L,
-    onClose: J,
-    onFocus: be,
-    onOpen: Y,
-    open: Q,
-    readOnly: Z,
+    onChange: B,
+    onClose: Y,
+    onFocus: pe,
+    onOpen: Z,
+    open: J,
+    readOnly: Q,
     renderValue: ee,
-    SelectDisplayProps: B = {},
-    tabIndex: $,
+    required: _,
+    SelectDisplayProps: $ = {},
+    tabIndex: F,
     // catching `type` from Input which makes no sense for SelectInput
-    type: q,
-    value: oe,
-    variant: Fe = "standard",
-    ..._
-  } = t, [b, te] = Ve({
-    controlled: oe,
+    type: ue,
+    value: Fe,
+    variant: oe = "standard",
+    ...W
+  } = t, [g, Me] = qe({
+    controlled: Fe,
     default: f,
     name: "Select"
-  }), [Me, eo] = Ve({
-    controlled: Q,
-    default: g,
+  }), [je, oo] = qe({
+    controlled: J,
+    default: m,
     name: "Select"
-  }), je = u.useRef(null), F = u.useRef(null), [M, oo] = u.useState(null), {
-    current: me
-  } = u.useRef(Q != null), [to, Le] = u.useState(), no = Xe(n, T), ro = u.useCallback((s) => {
-    F.current = s, s && oo(s);
-  }, []), ne = M == null ? void 0 : M.parentNode;
-  u.useImperativeHandle(no, () => ({
+  }), Le = u.useRef(null), M = u.useRef(null), [j, to] = u.useState(null), {
+    current: ce
+  } = u.useRef(J != null), [no, Be] = u.useState(), ro = He(n, T), so = u.useCallback((s) => {
+    M.current = s, s && to(s);
+  }, []), te = j == null ? void 0 : j.parentNode;
+  u.useImperativeHandle(ro, () => ({
     focus: () => {
-      F.current.focus();
+      M.current.focus();
     },
-    node: je.current,
-    value: b
-  }), [b]), u.useEffect(() => {
-    g && Me && M && !me && (Le(a ? null : ne.clientWidth), F.current.focus());
-  }, [M, a]), u.useEffect(() => {
-    p && F.current.focus();
-  }, [p]), u.useEffect(() => {
+    node: Le.current,
+    value: g
+  }), [g]), u.useEffect(() => {
+    m && je && j && !ce && (Be(a ? null : te.clientWidth), M.current.focus());
+  }, [j, a]), u.useEffect(() => {
+    d && M.current.focus();
+  }, [d]), u.useEffect(() => {
     if (!y)
       return;
-    const s = Oo(F.current).getElementById(y);
+    const s = Co(M.current).getElementById(y);
     if (s) {
       const l = () => {
-        getSelection().isCollapsed && F.current.focus();
+        getSelection().isCollapsed && M.current.focus();
       };
       return s.addEventListener("click", l), () => {
         s.removeEventListener("click", l);
       };
     }
   }, [y]);
-  const re = (s, l) => {
-    s ? Y && Y(l) : J && J(l), me || (Le(a ? null : ne.clientWidth), eo(s));
-  }, so = (s) => {
-    s.button === 0 && (s.preventDefault(), F.current.focus(), re(!0, s));
+  const ne = (s, l) => {
+    s ? Z && Z(l) : Y && Y(l), ce || (Be(a ? null : te.clientWidth), oo(s));
   }, ao = (s) => {
-    re(!1, s);
-  }, se = u.Children.toArray(d), io = (s) => {
-    const l = se.find((S) => S.props.value === s.target.value);
-    l !== void 0 && (te(l.props.value), L && L(s, l));
-  }, lo = (s) => (l) => {
-    let S;
+    s.button === 0 && (s.preventDefault(), M.current.focus(), ne(!0, s));
+  }, io = (s) => {
+    ne(!1, s);
+  }, re = u.Children.toArray(p), lo = (s) => {
+    const l = re.find((R) => R.props.value === s.target.value);
+    l !== void 0 && (Me(l.props.value), B && B(s, l));
+  }, po = (s) => (l) => {
+    let R;
     if (l.currentTarget.hasAttribute("tabindex")) {
-      if (C) {
-        S = Array.isArray(b) ? b.slice() : [];
-        const A = b.indexOf(s.props.value);
-        A === -1 ? S.push(s.props.value) : S.splice(A, 1);
+      if (I) {
+        R = Array.isArray(g) ? g.slice() : [];
+        const U = g.indexOf(s.props.value);
+        U === -1 ? R.push(s.props.value) : R.splice(U, 1);
       } else
-        S = s.props.value;
-      if (s.props.onClick && s.props.onClick(l), b !== S && (te(S), L)) {
-        const A = l.nativeEvent || l, ze = new A.constructor(A.type, A);
-        Object.defineProperty(ze, "target", {
+        R = s.props.value;
+      if (s.props.onClick && s.props.onClick(l), g !== R && (Me(R), B)) {
+        const U = l.nativeEvent || l, Ve = new U.constructor(U.type, U);
+        Object.defineProperty(Ve, "target", {
           writable: !0,
           value: {
-            value: S,
-            name: I
+            value: R,
+            name: S
           }
-        }), L(ze, s);
+        }), B(Ve, s);
       }
-      C || re(!1, l);
+      I || ne(!1, l);
     }
-  }, po = (s) => {
-    Z || [
+  }, uo = (s) => {
+    Q || [
       " ",
       "ArrowUp",
       "ArrowDown",
       // The native select doesn't respond to enter on macOS, but it's recommended by
       // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       "Enter"
-    ].includes(s.key) && (s.preventDefault(), re(!0, s));
-  }, ae = M !== null && Me, uo = (s) => {
-    !ae && N && (Object.defineProperty(s, "target", {
+    ].includes(s.key) && (s.preventDefault(), ne(!0, s));
+  }, se = j !== null && je, co = (s) => {
+    !se && N && (Object.defineProperty(s, "target", {
       writable: !0,
       value: {
-        value: b,
-        name: I
+        value: g,
+        name: S
       }
     }), N(s));
   };
-  delete _["aria-invalid"];
-  let W, Be;
-  const ie = [];
-  let le = !1, ge = !1;
-  (ho({
-    value: b
-  }) || O) && (ee ? W = ee(b) : le = !0);
-  const co = se.map((s) => {
+  delete W["aria-invalid"];
+  let A, We;
+  const ae = [];
+  let ie = !1, fe = !1;
+  (Oo({
+    value: g
+  }) || O) && (ee ? A = ee(g) : ie = !0);
+  const fo = re.map((s) => {
     if (!/* @__PURE__ */ u.isValidElement(s))
       return null;
-    process.env.NODE_ENV !== "production" && vo.isFragment(s) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+    process.env.NODE_ENV !== "production" && go.isFragment(s) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
     let l;
-    if (C) {
-      if (!Array.isArray(b))
-        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : fo(2));
-      l = b.some((S) => _e(S, s.props.value)), l && le && ie.push(s.props.children);
+    if (I) {
+      if (!Array.isArray(g))
+        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : bo(2));
+      l = g.some((R) => Ke(R, s.props.value)), l && ie && ae.push(s.props.children);
     } else
-      l = _e(b, s.props.value), l && le && (Be = s.props.children);
-    return l && (ge = !0), /* @__PURE__ */ u.cloneElement(s, {
+      l = Ke(g, s.props.value), l && ie && (We = s.props.children);
+    return l && (fe = !0), /* @__PURE__ */ u.cloneElement(s, {
       "aria-selected": l ? "true" : "false",
-      onClick: lo(s),
-      onKeyUp: (S) => {
-        S.key === " " && S.preventDefault(), s.props.onKeyUp && s.props.onKeyUp(S);
+      onClick: po(s),
+      onKeyUp: (R) => {
+        R.key === " " && R.preventDefault(), s.props.onKeyUp && s.props.onKeyUp(R);
       },
       role: "option",
       selected: l,
@@ -1069,76 +1068,80 @@ const Do = (o) => {
     });
   });
   process.env.NODE_ENV !== "production" && u.useEffect(() => {
-    if (!ge && !C && b !== "") {
-      const s = se.map((l) => l.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${b}\` for the select ${I ? `(name="${I}") ` : ""}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(`
+    if (!fe && !I && g !== "") {
+      const s = re.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(`
 `));
     }
-  }, [ge, se, C, I, b]), le && (C ? ie.length === 0 ? W = null : W = ie.reduce((s, l, S) => (s.push(l), S < ie.length - 1 && s.push(", "), s), []) : W = Be);
-  let We = to;
-  !a && me && M && (We = ne.clientWidth);
-  let ve;
-  typeof $ < "u" ? ve = $ : ve = c ? null : 0;
-  const Ae = B.id || (I ? `mui-component-select-${I}` : void 0), pe = {
+  }, [fe, re, I, S, g]), ie && (I ? ae.length === 0 ? A = null : A = ae.reduce((s, l, R) => (s.push(l), R < ae.length - 1 && s.push(", "), s), []) : A = We);
+  let Ae = no;
+  !a && ce && j && (Ae = te.clientWidth);
+  let be;
+  typeof F < "u" ? be = F : be = c ? null : 0;
+  const Ue = $.id || (S ? `mui-component-select-${S}` : void 0), le = {
     ...t,
-    variant: Fe,
-    value: b,
-    open: ae,
-    error: R
-  }, ye = Do(pe), he = {
+    variant: oe,
+    value: g,
+    open: se,
+    error: C
+  }, me = zo(le), ge = {
     ...x.PaperProps,
-    ...(De = x.slotProps) == null ? void 0 : De.paper
-  }, Ue = Co();
-  return /* @__PURE__ */ Se(u.Fragment, {
-    children: [/* @__PURE__ */ v(Bo, {
+    ...(ze = x.slotProps) == null ? void 0 : ze.paper
+  }, De = Io();
+  return /* @__PURE__ */ Oe(u.Fragment, {
+    children: [/* @__PURE__ */ v(Wo, {
       as: "div",
-      ref: ro,
-      tabIndex: ve,
+      ref: so,
+      tabIndex: be,
       role: "combobox",
-      "aria-controls": Ue,
+      "aria-controls": De,
       "aria-disabled": c ? "true" : void 0,
-      "aria-expanded": ae ? "true" : "false",
+      "aria-expanded": se ? "true" : "false",
       "aria-haspopup": "listbox",
       "aria-label": i,
-      "aria-labelledby": [y, Ae].filter(Boolean).join(" ") || void 0,
+      "aria-labelledby": [y, Ue].filter(Boolean).join(" ") || void 0,
       "aria-describedby": r,
-      onKeyDown: po,
-      onMouseDown: c || Z ? null : so,
-      onBlur: uo,
-      onFocus: be,
-      ...B,
-      ownerState: pe,
-      className: fe(B.className, ye.select, m),
-      id: Ae,
-      children: Uo(W) ? (
+      "aria-required": _ ? "true" : void 0,
+      "aria-invalid": C ? "true" : void 0,
+      onKeyDown: uo,
+      onMouseDown: c || Q ? null : ao,
+      onBlur: co,
+      onFocus: pe,
+      ...$,
+      ownerState: le,
+      className: de($.className, me.select, b),
+      id: Ue,
+      children: Do(A) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
-        qe || (qe = /* @__PURE__ */ v("span", {
+        _e || (_e = /* @__PURE__ */ v("span", {
           className: "notranslate",
+          "aria-hidden": !0,
           children: "​"
         }))
-      ) : W
-    }), /* @__PURE__ */ v(Ao, {
-      "aria-invalid": R,
-      value: Array.isArray(b) ? b.join(",") : b,
-      name: I,
-      ref: je,
+      ) : A
+    }), /* @__PURE__ */ v(Uo, {
+      "aria-invalid": C,
+      value: Array.isArray(g) ? g.join(",") : g,
+      name: S,
+      ref: Le,
       "aria-hidden": !0,
-      onChange: io,
+      onChange: lo,
       tabIndex: -1,
       disabled: c,
-      className: ye.nativeInput,
-      autoFocus: p,
-      ..._,
-      ownerState: pe
-    }), /* @__PURE__ */ v(Wo, {
+      className: me.nativeInput,
+      autoFocus: d,
+      required: _,
+      ...W,
+      ownerState: le
+    }), /* @__PURE__ */ v(Ao, {
       as: w,
-      className: ye.icon,
-      ownerState: pe
-    }), /* @__PURE__ */ v(yo, {
-      id: `menu-${I || ""}`,
-      anchorEl: ne,
-      open: ae,
-      onClose: ao,
+      className: me.icon,
+      ownerState: le
+    }), /* @__PURE__ */ v(ho, {
+      id: `menu-${S || ""}`,
+      anchorEl: te,
+      open: se,
+      onClose: io,
       anchorOrigin: {
         vertical: "bottom",
         horizontal: "center"
@@ -1151,26 +1154,26 @@ const Do = (o) => {
       MenuListProps: {
         "aria-labelledby": y,
         role: "listbox",
-        "aria-multiselectable": C ? "true" : void 0,
+        "aria-multiselectable": I ? "true" : void 0,
         disableListWrap: !0,
-        id: Ue,
+        id: De,
         ...x.MenuListProps
       },
       slotProps: {
         ...x.slotProps,
         paper: {
-          ...he,
+          ...ge,
           style: {
-            minWidth: We,
-            ...he != null ? he.style : null
+            minWidth: Ae,
+            ...ge != null ? ge.style : null
           }
         }
       },
-      children: co
+      children: fo
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ye.propTypes = {
+process.env.NODE_ENV !== "production" && (Je.propTypes = {
   /**
    * @ignore
    */
@@ -1293,6 +1296,10 @@ process.env.NODE_ENV !== "production" && (Ye.propTypes = {
    * @returns {ReactNode}
    */
   renderValue: e.func,
+  /**
+   * If `true`, the component is required.
+   */
+  required: e.bool,
   /**
    * Props applied to the clickable div element.
    */
@@ -1314,34 +1321,34 @@ process.env.NODE_ENV !== "production" && (Ye.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-const zo = Io(/* @__PURE__ */ v("path", {
+const Vo = So(/* @__PURE__ */ v("path", {
   d: "M7 10l5 5 5-5z"
 }), "ArrowDropDown");
-function Vo(o) {
-  return U("MuiFilledInput", o);
+function qo(o) {
+  return D("MuiFilledInput", o);
 }
-const j = {
-  ...xe,
-  ...D("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
-}, qo = (o) => {
+const L = {
+  ...Ie,
+  ...z("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
+}, _o = (o) => {
   const {
     classes: t,
     disableUnderline: n,
     startAdornment: r,
     endAdornment: i,
-    size: p,
+    size: d,
     hiddenLabel: a,
-    multiline: d
-  } = o, m = {
-    root: ["root", !n && "underline", r && "adornedStart", i && "adornedEnd", p === "small" && `size${V(p)}`, a && "hiddenLabel", d && "multiline"],
+    multiline: p
+  } = o, b = {
+    root: ["root", !n && "underline", r && "adornedStart", i && "adornedEnd", d === "small" && `size${V(d)}`, a && "hiddenLabel", p && "multiline"],
     input: ["input"]
-  }, g = z(m, Vo, t);
+  }, m = q(b, qo, t);
   return {
     ...t,
     // forward classes to the InputBase
-    ...g
+    ...m
   };
-}, _o = h(we, {
+}, Ko = h(Se, {
   shouldForwardProp: (o) => k(o) || o === "classes",
   name: "MuiFilledInput",
   slot: "Root",
@@ -1349,12 +1356,12 @@ const j = {
     const {
       ownerState: n
     } = o;
-    return [...Te(o, t), !n.disableUnderline && t.underline];
+    return [...Re(o, t), !n.disableUnderline && t.underline];
   }
 })(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,
@@ -1371,11 +1378,11 @@ const j = {
         backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r
       }
     },
-    [`&.${j.focused}`]: {
+    [`&.${L.focused}`]: {
       backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r
     },
-    [`&.${j.disabled}`]: {
-      backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : p
+    [`&.${L.disabled}`]: {
+      backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : d
     },
     variants: [{
       props: ({
@@ -1396,12 +1403,12 @@ const j = {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&.${j.focused}:after`]: {
+        [`&.${L.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)"
         },
-        [`&.${j.error}`]: {
+        [`&.${L.error}`]: {
           "&::before, &::after": {
             borderBottomColor: (o.vars || o).palette.error.main
           }
@@ -1419,15 +1426,15 @@ const j = {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&:hover:not(.${j.disabled}, .${j.error}):before`]: {
+        [`&:hover:not(.${L.disabled}, .${L.error}):before`]: {
           borderBottom: `1px solid ${(o.vars || o).palette.text.primary}`
         },
-        [`&.${j.disabled}:before`]: {
+        [`&.${L.disabled}:before`]: {
           borderBottomStyle: "dotted"
         }
       }
-    }, ...Object.entries(o.palette).filter(Re()).map(([a]) => {
-      var d;
+    }, ...Object.entries(o.palette).filter(Ce()).map(([a]) => {
+      var p;
       return {
         props: {
           disableUnderline: !1,
@@ -1435,7 +1442,7 @@ const j = {
         },
         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}`
           }
         }
       };
@@ -1463,8 +1470,8 @@ const j = {
     }, {
       props: ({
         ownerState: a,
-        size: d
-      }) => a.multiline && d === "small",
+        size: p
+      }) => a.multiline && p === "small",
       style: {
         paddingTop: 21,
         paddingBottom: 4
@@ -1487,10 +1494,10 @@ const j = {
       }
     }]
   };
-})), Ko = h(Ne, {
+})), Xo = h(xe, {
   name: "MuiFilledInput",
   slot: "Input",
-  overridesResolver: Pe
+  overridesResolver: we
 })(E(({
   theme: o
 }) => ({
@@ -1569,54 +1576,54 @@ const j = {
       paddingRight: 0
     }
   }]
-}))), ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
+}))), $e = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const r = H({
     props: t,
     name: "MuiFilledInput"
   }), {
     disableUnderline: i = !1,
-    components: p = {},
+    components: d = {},
     componentsProps: a,
-    fullWidth: d = !1,
-    hiddenLabel: m,
+    fullWidth: p = !1,
+    hiddenLabel: b,
     // declare here to prevent spreading to DOM
-    inputComponent: g = "input",
+    inputComponent: m = "input",
     multiline: f = !1,
     slotProps: c,
     slots: O = {},
-    type: R = "text",
+    type: C = "text",
     ...w
   } = r, T = {
     ...r,
     disableUnderline: i,
-    fullWidth: d,
-    inputComponent: g,
+    fullWidth: p,
+    inputComponent: m,
     multiline: f,
-    type: R
-  }, y = qo(r), x = {
+    type: C
+  }, y = _o(r), x = {
     root: {
       ownerState: T
     },
     input: {
       ownerState: T
     }
-  }, C = c ?? a ? Oe(x, c ?? a) : x, I = O.root ?? p.Root ?? _o, N = O.input ?? p.Input ?? Ko;
-  return /* @__PURE__ */ v($e, {
+  }, I = c ?? a ? ve(x, c ?? a) : x, S = O.root ?? d.Root ?? Ko, N = O.input ?? d.Input ?? Xo;
+  return /* @__PURE__ */ v(Te, {
     slots: {
-      root: I,
+      root: S,
       input: N
     },
-    componentsProps: C,
-    fullWidth: d,
-    inputComponent: g,
+    slotProps: I,
+    fullWidth: p,
+    inputComponent: m,
     multiline: f,
     ref: n,
-    type: R,
+    type: C,
     ...w,
     classes: y
   });
 });
-process.env.NODE_ENV !== "production" && (ue.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`.     │
@@ -1808,9 +1815,9 @@ process.env.NODE_ENV !== "production" && (ue.propTypes = {
    */
   value: e.any
 });
-ue && (ue.muiName = "Input");
-var Ke;
-const Xo = h("fieldset", {
+$e.muiName = "Input";
+var Xe;
+const Ho = h("fieldset", {
   shouldForwardProp: k
 })({
   textAlign: "left",
@@ -1827,7 +1834,7 @@ const Xo = h("fieldset", {
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), Ho = h("legend", {
+}), Go = h("legend", {
   shouldForwardProp: k
 })(E(({
   theme: o
@@ -1897,26 +1904,27 @@ function Qe(o) {
     classes: n,
     className: r,
     label: i,
-    notched: p,
+    notched: d,
     ...a
-  } = o, d = i != null && i !== "", m = {
+  } = o, p = i != null && i !== "", b = {
     ...o,
-    notched: p,
-    withLabel: d
+    notched: d,
+    withLabel: p
   };
-  return /* @__PURE__ */ v(Xo, {
+  return /* @__PURE__ */ v(Ho, {
     "aria-hidden": !0,
     className: r,
-    ownerState: m,
+    ownerState: b,
     ...a,
-    children: /* @__PURE__ */ v(Ho, {
-      ownerState: m,
-      children: d ? /* @__PURE__ */ v("span", {
+    children: /* @__PURE__ */ v(Go, {
+      ownerState: b,
+      children: p ? /* @__PURE__ */ v("span", {
         children: i
       }) : (
         // notranslate needed while Google Translate will not fix zero-width space issue
-        Ke || (Ke = /* @__PURE__ */ v("span", {
+        Xe || (Xe = /* @__PURE__ */ v("span", {
           className: "notranslate",
+          "aria-hidden": !0,
           children: "​"
         }))
       )
@@ -1949,30 +1957,30 @@ process.env.NODE_ENV !== "production" && (Qe.propTypes = {
    */
   style: e.object
 });
-function Go(o) {
-  return U("MuiOutlinedInput", o);
+function Yo(o) {
+  return D("MuiOutlinedInput", o);
 }
 const P = {
-  ...xe,
-  ...D("MuiOutlinedInput", ["root", "notchedOutline", "input"])
-}, Jo = (o) => {
+  ...Ie,
+  ...z("MuiOutlinedInput", ["root", "notchedOutline", "input"])
+}, Zo = (o) => {
   const {
     classes: t
-  } = o, r = z({
+  } = o, r = q({
     root: ["root"],
     notchedOutline: ["notchedOutline"],
     input: ["input"]
-  }, Go, t);
+  }, Yo, t);
   return {
     ...t,
     // forward classes to the InputBase
     ...r
   };
-}, Yo = h(we, {
+}, Jo = h(Se, {
   shouldForwardProp: (o) => k(o) || o === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
-  overridesResolver: Te
+  overridesResolver: Re
 })(E(({
   theme: o
 }) => {
@@ -1992,7 +2000,7 @@ const P = {
     [`&.${P.focused} .${P.notchedOutline}`]: {
       borderWidth: 2
     },
-    variants: [...Object.entries(o.palette).filter(Re()).map(([n]) => ({
+    variants: [...Object.entries(o.palette).filter(Ce()).map(([n]) => ({
       props: {
         color: n
       },
@@ -2054,10 +2062,10 @@ const P = {
   return {
     borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
   };
-})), Zo = h(Ne, {
+})), et = h(xe, {
   name: "MuiOutlinedInput",
   slot: "Input",
-  overridesResolver: Pe
+  overridesResolver: we
 })(E(({
   theme: o
 }) => ({
@@ -2111,22 +2119,22 @@ const P = {
       paddingRight: 0
     }
   }]
-}))), ce = /* @__PURE__ */ u.forwardRef(function(t, n) {
+}))), ke = /* @__PURE__ */ u.forwardRef(function(t, n) {
   var r;
   const i = H({
     props: t,
     name: "MuiOutlinedInput"
   }), {
-    components: p = {},
+    components: d = {},
     fullWidth: a = !1,
-    inputComponent: d = "input",
-    label: m,
-    multiline: g = !1,
+    inputComponent: p = "input",
+    label: b,
+    multiline: m = !1,
     notched: f,
     slots: c = {},
     type: O = "text",
-    ...R
-  } = i, w = Jo(i), T = Ie(), y = Ce({
+    ...C
+  } = i, w = Zo(i), T = he(), y = ye({
     props: i,
     muiFormControl: T,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
@@ -2139,36 +2147,36 @@ const P = {
     formControl: T,
     fullWidth: a,
     hiddenLabel: y.hiddenLabel,
-    multiline: g,
+    multiline: m,
     size: y.size,
     type: O
-  }, C = c.root ?? p.Root ?? Yo, I = c.input ?? p.Input ?? Zo;
-  return /* @__PURE__ */ v($e, {
+  }, I = c.root ?? d.Root ?? Jo, S = c.input ?? d.Input ?? et;
+  return /* @__PURE__ */ v(Te, {
     slots: {
-      root: C,
-      input: I
+      root: I,
+      input: S
     },
     renderSuffix: (N) => /* @__PURE__ */ v(Qo, {
       ownerState: x,
       className: w.notchedOutline,
-      label: m != null && m !== "" && y.required ? r || (r = /* @__PURE__ */ Se(u.Fragment, {
-        children: [m, " ", "*"]
-      })) : m,
+      label: b != null && b !== "" && y.required ? r || (r = /* @__PURE__ */ Oe(u.Fragment, {
+        children: [b, " ", "*"]
+      })) : b,
       notched: typeof f < "u" ? f : !!(N.startAdornment || N.filled || N.focused)
     }),
     fullWidth: a,
-    inputComponent: d,
-    multiline: g,
+    inputComponent: p,
+    multiline: m,
     ref: n,
     type: O,
-    ...R,
+    ...C,
     classes: {
       ...w,
       notchedOutline: null
     }
   });
 });
-process.env.NODE_ENV !== "production" && (ce.propTypes = {
+process.env.NODE_ENV !== "production" && (ke.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -2333,8 +2341,8 @@ process.env.NODE_ENV !== "production" && (ce.propTypes = {
    */
   value: e.any
 });
-ce && (ce.muiName = "Input");
-const et = (o) => {
+ke.muiName = "Input";
+const ot = (o) => {
   const {
     classes: t
   } = o;
@@ -2344,104 +2352,104 @@ const et = (o) => {
   overridesResolver: (o, t) => t.root,
   shouldForwardProp: (o) => k(o) && o !== "variant",
   slot: "Root"
-}, ot = h(de, Ee)(""), tt = h(ce, Ee)(""), nt = h(ue, Ee)(""), Ze = /* @__PURE__ */ u.forwardRef(function(t, n) {
+}, tt = h(Ne, Ee)(""), nt = h(ke, Ee)(""), rt = h($e, Ee)(""), eo = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const r = H({
     name: "MuiSelect",
     props: t
   }), {
     autoWidth: i = !1,
-    children: p,
+    children: d,
     classes: a = {},
-    className: d,
-    defaultOpen: m = !1,
-    displayEmpty: g = !1,
-    IconComponent: f = zo,
+    className: p,
+    defaultOpen: b = !1,
+    displayEmpty: m = !1,
+    IconComponent: f = Vo,
     id: c,
     input: O,
-    inputProps: R,
+    inputProps: C,
     label: w,
     labelId: T,
     MenuProps: y,
     multiple: x = !1,
-    native: C = !1,
-    onClose: I,
+    native: I = !1,
+    onClose: S,
     onOpen: N,
-    open: L,
-    renderValue: J,
-    SelectDisplayProps: be,
-    variant: Y = "outlined",
-    ...Q
-  } = r, Z = C ? Je : Ye, ee = Ie(), B = Ce({
+    open: B,
+    renderValue: Y,
+    SelectDisplayProps: pe,
+    variant: Z = "outlined",
+    ...J
+  } = r, Q = I ? Ze : Je, ee = he(), _ = ye({
     props: r,
     muiFormControl: ee,
     states: ["variant", "error"]
-  }), $ = B.variant || Y, q = {
+  }), $ = _.variant || Z, F = {
     ...r,
     variant: $,
     classes: a
-  }, oe = et(q), {
+  }, ue = ot(F), {
     root: Fe,
-    ..._
-  } = oe, b = O || {
-    standard: /* @__PURE__ */ v(ot, {
-      ownerState: q
+    ...oe
+  } = ue, W = O || {
+    standard: /* @__PURE__ */ v(tt, {
+      ownerState: F
     }),
-    outlined: /* @__PURE__ */ v(tt, {
+    outlined: /* @__PURE__ */ v(nt, {
       label: w,
-      ownerState: q
+      ownerState: F
     }),
-    filled: /* @__PURE__ */ v(nt, {
-      ownerState: q
+    filled: /* @__PURE__ */ v(rt, {
+      ownerState: F
     })
-  }[$], te = Xe(n, So(b));
+  }[$], g = He(n, Ro(W));
   return /* @__PURE__ */ v(u.Fragment, {
-    children: /* @__PURE__ */ u.cloneElement(b, {
+    children: /* @__PURE__ */ u.cloneElement(W, {
       // Most of the logic is implemented in `SelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
-      inputComponent: Z,
+      inputComponent: Q,
       inputProps: {
-        children: p,
-        error: B.error,
+        children: d,
+        error: _.error,
         IconComponent: f,
         variant: $,
         type: void 0,
         // We render a select. We can ignore the type provided by the `Input`.
         multiple: x,
-        ...C ? {
+        ...I ? {
           id: c
         } : {
           autoWidth: i,
-          defaultOpen: m,
-          displayEmpty: g,
+          defaultOpen: b,
+          displayEmpty: m,
           labelId: T,
           MenuProps: y,
-          onClose: I,
+          onClose: S,
           onOpen: N,
-          open: L,
-          renderValue: J,
+          open: B,
+          renderValue: Y,
           SelectDisplayProps: {
             id: c,
-            ...be
+            ...pe
           }
         },
-        ...R,
-        classes: R ? Oe(_, R.classes) : _,
+        ...C,
+        classes: C ? ve(oe, C.classes) : oe,
         ...O ? O.props.inputProps : {}
       },
-      ...(x && C || g) && $ === "outlined" ? {
+      ...(x && I || m) && $ === "outlined" ? {
         notched: !0
       } : {},
-      ref: te,
-      className: fe(b.props.className, d, oe.root),
+      ref: g,
+      className: de(W.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: $
       },
-      ...Q
+      ...J
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Ze.propTypes = {
+process.env.NODE_ENV !== "production" && (eo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -2588,17 +2596,17 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-Ze.muiName = "Select";
+eo.muiName = "Select";
 export {
-  ue as F,
-  de as I,
-  ce as O,
-  Ze as S,
-  ko as a,
-  Rt as b,
-  No as c,
-  Lo as d,
-  Ro as g,
+  $e as F,
+  Ne as I,
+  ke as O,
+  eo as S,
+  Eo as a,
+  St as b,
+  Po as c,
+  Bo as d,
+  xo as g,
   K as i,
   X as s
 };