@cgi-learning-hub/ui 1.3.5-dev.1740134984 → 1.3.5-dev.1740404617

package/dist/{Select-DCbhewsz.js → Select-B6mYfJPA.js}

@@ -1,59 +1,58 @@
 import * as u from "react";
-import { H as D, I as z, a2 as ve, P as e, G as pe, Z as bo, J as mo } from "./generateUtilityClasses-v9KcqdK1.js";
+import { H as z, I as V, W as ve, P as e, G as pe, L as q, _ as mo, Z as go } from "./identifier-D58rA1gM.js";
 import { f as ye } from "./formControlState-vgaj2ksH.js";
 import { u as he } from "./useFormControl-CatNKXAi.js";
-import { u as H, s as h, c as V, r as k, e as go } from "./DefaultPropsProvider-CmOKr9hq.js";
-import { m as E } from "./memoTheme-D-rebSfX.js";
+import { u as G, s as h, c as B, r as k, e as vo } from "./DefaultPropsProvider-BcmyIf2H.js";
+import { m as E } from "./memoTheme-DyiN-Awd.js";
 import { jsx as v, jsxs as Oe } from "react/jsx-runtime";
-import { c as q } from "./capitalize-yX_QSknw.js";
-import { a as vo, b as yo } from "./FormLabel-Cm4Ba58U.js";
-import { M as ho } from "./Menu-CtlPVqJo.js";
-import { r as G } from "./refType-DcE_kWty.js";
-import { i as Oo } from "./utils-DWqc1kRF.js";
+import { a as yo, b as ho } from "./FormLabel-DjkS3S9h.js";
+import { M as Oo } from "./Menu-DzBX10ev.js";
+import { r as Y } from "./refType-B86yTZra.js";
+import { i as Co } from "./utils-DWqc1kRF.js";
 import { u as qe } from "./useControlled-BYdyS7Pn.js";
 import { u as He } from "./useForkRef-C_4o__cU.js";
-import { o as Co } from "./ownerDocument-CUrv0DIK.js";
-import { u as Io } from "./useId-CK6Kn3Tn.js";
-import { c as So } from "./createSvgIcon-CIearCnQ.js";
-import { g as Ro } from "./utils-CSBYZkoB.js";
+import { o as Io } from "./ownerDocument-CUrv0DIK.js";
+import { u as So } from "./useId-CK6Kn3Tn.js";
+import { c as Ro } from "./createSvgIcon-CCejzj0C.js";
+import { g as xo } from "./utils-SrEVp7Pm.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-DBsV_L3Y.js";
-function xo(o) {
-  return z("MuiInput", o);
+import { i as Ie, I as Se, a as Re, r as xe, b as we, c as Te } from "./InputBase-CF5oNEfh.js";
+function wo(o) {
+  return V("MuiInput", o);
 }
-const K = {
+const X = {
   ...Ie,
-  ...D("MuiInput", ["root", "underline", "input"])
+  ...z("MuiInput", ["root", "underline", "input"])
 };
-function wo(o) {
-  return z("MuiOutlinedInput", o);
+function To(o) {
+  return V("MuiOutlinedInput", o);
 }
 const P = {
   ...Ie,
-  ...D("MuiOutlinedInput", ["root", "notchedOutline", "input"])
+  ...z("MuiOutlinedInput", ["root", "notchedOutline", "input"])
 };
-function To(o) {
-  return z("MuiFilledInput", o);
+function No(o) {
+  return V("MuiFilledInput", o);
 }
 const L = {
   ...Ie,
-  ...D("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
-}, No = So(/* @__PURE__ */ v("path", {
+  ...z("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
+}, Po = Ro(/* @__PURE__ */ v("path", {
   d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown"), Po = (o) => {
+}), "ArrowDropDown"), $o = (o) => {
   const {
     classes: t,
     disableUnderline: n
-  } = o, i = V({
+  } = o, i = B({
     root: ["root", !n && "underline"],
     input: ["input"]
-  }, xo, t);
+  }, wo, t);
   return {
     ...t,
     // forward classes to the InputBase
     ...i
   };
-}, $o = h(Re, {
+}, ko = h(Re, {
   shouldForwardProp: (o) => k(o) || o === "classes",
   name: "MuiInput",
   slot: "Root",
@@ -97,12 +96,12 @@ const L = {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&.${K.focused}:after`]: {
+        [`&.${X.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)"
         },
-        [`&.${K.error}`]: {
+        [`&.${X.error}`]: {
           "&::before, &::after": {
             borderBottomColor: (o.vars || o).palette.error.main
           }
@@ -120,14 +119,14 @@ const L = {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&:hover:not(.${K.disabled}, .${K.error}):before`]: {
+        [`&:hover:not(.${X.disabled}, .${X.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}`
           }
         },
-        [`&.${K.disabled}:before`]: {
+        [`&.${X.disabled}:before`]: {
           borderBottomStyle: "dotted"
         }
       }
@@ -143,12 +142,12 @@ const L = {
       }
     }))]
   };
-})), ko = h(we, {
+})), Eo = h(we, {
   name: "MuiInput",
   slot: "Input",
   overridesResolver: Te
 })({}), Ne = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = H({
+  const r = G({
     props: t,
     name: "MuiInput"
   }), {
@@ -162,13 +161,13 @@ const L = {
     slots: c = {},
     type: O = "text",
     ...C
-  } = r, w = Po(r), y = {
+  } = r, w = $o(r), y = {
     root: {
       ownerState: {
         disableUnderline: i
       }
     }
-  }, x = f ?? a ? ve(f ?? a, y) : y, I = c.root ?? p.Root ?? $o, S = c.input ?? p.Input ?? ko;
+  }, x = f ?? a ? ve(f ?? a, y) : y, I = c.root ?? p.Root ?? ko, S = c.input ?? p.Input ?? Eo;
   return /* @__PURE__ */ v(Se, {
     slots: {
       root: I,
@@ -279,7 +278,7 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: G,
+  inputRef: Y,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -370,10 +369,10 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   value: e.any
 });
 Ne.muiName = "Input";
-function Eo(o) {
-  return z("MuiInputLabel", o);
+function Fo(o) {
+  return V("MuiInputLabel", o);
 }
-const Rt = D("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), Fo = (o) => {
+const St = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), Mo = (o) => {
   const {
     classes: t,
     formControl: n,
@@ -385,13 +384,13 @@ const Rt = D("MuiInputLabel", ["root", "focused", "disabled", "error", "required
   } = o, b = {
     root: ["root", n && "formControl", !p && "animated", i && "shrink", r && r !== "normal" && `size${q(r)}`, a],
     asterisk: [d && "asterisk"]
-  }, m = V(b, Eo, t);
+  }, m = B(b, Fo, t);
   return {
     ...t,
     // forward the focused, disabled, etc. classes to the FormLabel
     ...m
   };
-}, Mo = h(vo, {
+}, jo = h(yo, {
   shouldForwardProp: (o) => k(o) || o === "classes",
   name: "MuiInputLabel",
   slot: "Root",
@@ -400,7 +399,7 @@ const Rt = D("MuiInputLabel", ["root", "focused", "disabled", "error", "required
       ownerState: n
     } = o;
     return [{
-      [`& .${yo.asterisk}`]: t.asterisk
+      [`& .${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(({
@@ -525,8 +524,8 @@ const Rt = D("MuiInputLabel", ["root", "focused", "disabled", "error", "required
       transform: "translate(14px, -9px) scale(0.75)"
     }
   }]
-}))), jo = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = H({
+}))), Lo = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = G({
     name: "MuiInputLabel",
     props: t
   }), {
@@ -552,8 +551,8 @@ const Rt = D("MuiInputLabel", ["root", "focused", "disabled", "error", "required
     variant: O.variant,
     required: O.required,
     focused: O.focused
-  }, w = Fo(C);
-  return /* @__PURE__ */ v(Mo, {
+  }, w = Mo(C);
+  return /* @__PURE__ */ v(jo, {
     "data-shrink": c,
     ref: n,
     className: pe(w.root, b),
@@ -562,7 +561,7 @@ const Rt = D("MuiInputLabel", ["root", "focused", "disabled", "error", "required
     classes: w
   });
 });
-process.env.NODE_ENV !== "production" && (jo.propTypes = {
+process.env.NODE_ENV !== "production" && (Lo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -629,10 +628,10 @@ process.env.NODE_ENV !== "production" && (jo.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-function Lo(o) {
-  return z("MuiNativeSelect", o);
+function Bo(o) {
+  return V("MuiNativeSelect", o);
 }
-const Pe = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Bo = (o) => {
+const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Wo = (o) => {
   const {
     classes: t,
     variant: n,
@@ -644,7 +643,7 @@ const Pe = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     select: ["select", n, r && "disabled", i && "multiple", a && "error"],
     icon: ["icon", `icon${q(n)}`, p && "iconOpen", r && "disabled"]
   };
-  return V(d, Lo, t);
+  return B(d, Bo, t);
 }, Ge = h("select")(({
   theme: o
 }) => ({
@@ -707,7 +706,7 @@ const Pe = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       }
     }
   }]
-})), Wo = h(Ge, {
+})), Ao = h(Ge, {
   name: "MuiNativeSelect",
   slot: "Select",
   shouldForwardProp: k,
@@ -719,7 +718,7 @@ const Pe = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       [`&.${Pe.multiple}`]: t.multiple
     }];
   }
-})({}), Je = h("svg")(({
+})({}), Ye = h("svg")(({
   theme: o
 }) => ({
   // We use a position absolute over a flexbox in order to forward the pointer events
@@ -756,7 +755,7 @@ const Pe = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       right: 7
     }
   }]
-})), Ao = h(Je, {
+})), Uo = h(Ye, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -765,7 +764,7 @@ const Pe = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     } = o;
     return [t.icon, n.variant && t[`icon${q(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), Ye = /* @__PURE__ */ u.forwardRef(function(t, n) {
+})({}), Ze = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const {
     className: r,
     disabled: i,
@@ -779,22 +778,22 @@ const Pe = D("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     disabled: i,
     variant: b,
     error: p
-  }, c = Bo(f);
+  }, c = Wo(f);
   return /* @__PURE__ */ Oe(u.Fragment, {
-    children: [/* @__PURE__ */ v(Wo, {
+    children: [/* @__PURE__ */ v(Ao, {
       ownerState: f,
       className: pe(c.select, r),
       disabled: i,
       ref: d || n,
       ...m
-    }), t.multiple ? null : /* @__PURE__ */ v(Ao, {
+    }), t.multiple ? null : /* @__PURE__ */ v(Uo, {
       as: a,
       ownerState: f,
       className: c.icon
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ye.propTypes = {
+process.env.NODE_ENV !== "production" && (Ze.propTypes = {
   /**
    * The option elements to populate the select with.
    * Can be some `<option>` elements.
@@ -824,7 +823,7 @@ process.env.NODE_ENV !== "production" && (Ye.propTypes = {
    * Use that prop to pass a ref to the native select element.
    * @deprecated
    */
-  inputRef: G,
+  inputRef: Y,
   /**
    * @ignore
    */
@@ -849,10 +848,10 @@ process.env.NODE_ENV !== "production" && (Ye.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-function Uo(o) {
-  return z("MuiSelect", o);
+function Je(o) {
+  return V("MuiSelect", o);
 }
-const X = D("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
+const H = z("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
 var _e;
 const Do = h(Ge, {
   name: "MuiSelect",
@@ -864,22 +863,22 @@ const Do = h(Ge, {
     return [
       // Win specificity over the input base
       {
-        [`&.${X.select}`]: t.select
+        [`&.${H.select}`]: t.select
       },
       {
-        [`&.${X.select}`]: t[n.variant]
+        [`&.${H.select}`]: t[n.variant]
       },
       {
-        [`&.${X.error}`]: t.error
+        [`&.${H.error}`]: t.error
       },
       {
-        [`&.${X.multiple}`]: t.multiple
+        [`&.${H.multiple}`]: t.multiple
       }
     ];
   }
 })({
   // Win specificity over the input base
-  [`&.${X.select}`]: {
+  [`&.${H.select}`]: {
     height: "auto",
     // Resets for multiple select with chips
     minHeight: "1.4375em",
@@ -888,7 +887,7 @@ const Do = h(Ge, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), zo = h(Je, {
+}), zo = h(Ye, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -898,7 +897,7 @@ const Do = h(Ge, {
     return [t.icon, n.variant && t[`icon${q(n.variant)}`], n.open && t.iconOpen];
   }
 })({}), Vo = h("input", {
-  shouldForwardProp: (o) => go(o) && o !== "classes",
+  shouldForwardProp: (o) => vo(o) && o !== "classes",
   name: "MuiSelect",
   slot: "NativeInput",
   overridesResolver: (o, t) => t.nativeInput
@@ -930,8 +929,8 @@ const _o = (o) => {
     icon: ["icon", `icon${q(n)}`, p && "iconOpen", r && "disabled"],
     nativeInput: ["nativeInput"]
   };
-  return V(d, Uo, t);
-}, Ze = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  return B(d, Je, t);
+}, Qe = /* @__PURE__ */ u.forwardRef(function(t, n) {
   var ze;
   const {
     "aria-describedby": r,
@@ -952,48 +951,48 @@ const _o = (o) => {
     multiple: I,
     name: S,
     onBlur: N,
-    onChange: B,
-    onClose: J,
+    onChange: W,
+    onClose: Z,
     onFocus: de,
-    onOpen: Y,
-    open: Z,
-    readOnly: Q,
-    renderValue: ee,
+    onOpen: J,
+    open: Q,
+    readOnly: ee,
+    renderValue: oe,
     required: _,
     SelectDisplayProps: $ = {},
     tabIndex: F,
     // catching `type` from Input which makes no sense for SelectInput
     type: ue,
     value: Fe,
-    variant: oe = "standard",
-    ...W
+    variant: te = "standard",
+    ...A
   } = t, [g, Me] = qe({
     controlled: Fe,
     default: f,
     name: "Select"
-  }), [je, oo] = qe({
-    controlled: Z,
+  }), [je, to] = qe({
+    controlled: Q,
     default: m,
     name: "Select"
-  }), Le = u.useRef(null), M = u.useRef(null), [j, to] = u.useState(null), {
+  }), Le = u.useRef(null), M = u.useRef(null), [j, no] = u.useState(null), {
     current: ce
-  } = u.useRef(Z != 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, () => ({
+  } = u.useRef(Q != null), [ro, Be] = u.useState(), so = He(n, T), ao = u.useCallback((s) => {
+    M.current = s, s && no(s);
+  }, []), ne = j == null ? void 0 : j.parentNode;
+  u.useImperativeHandle(so, () => ({
     focus: () => {
       M.current.focus();
     },
     node: Le.current,
     value: g
   }), [g]), u.useEffect(() => {
-    m && je && j && !ce && (Be(a ? null : te.clientWidth), M.current.focus());
+    m && je && j && !ce && (Be(a ? null : ne.clientWidth), M.current.focus());
   }, [j, a]), u.useEffect(() => {
     p && M.current.focus();
   }, [p]), u.useEffect(() => {
     if (!y)
       return;
-    const s = Co(M.current).getElementById(y);
+    const s = Io(M.current).getElementById(y);
     if (s) {
       const l = () => {
         getSelection().isCollapsed && M.current.focus();
@@ -1003,47 +1002,47 @@ const _o = (o) => {
       };
     }
   }, [y]);
-  const ne = (s, l) => {
-    s ? Y && Y(l) : J && J(l), ce || (Be(a ? null : te.clientWidth), oo(s));
-  }, ao = (s) => {
-    s.button === 0 && (s.preventDefault(), M.current.focus(), ne(!0, s));
+  const re = (s, l) => {
+    s ? J && J(l) : Z && Z(l), ce || (Be(a ? null : ne.clientWidth), to(s));
   }, io = (s) => {
-    ne(!1, s);
-  }, re = u.Children.toArray(d), 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) => {
+    s.button === 0 && (s.preventDefault(), M.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));
+  }, uo = (s) => (l) => {
     let R;
     if (l.currentTarget.hasAttribute("tabindex")) {
       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);
+        const D = g.indexOf(s.props.value);
+        D === -1 ? R.push(s.props.value) : R.splice(D, 1);
       } else
         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);
+      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);
         Object.defineProperty(Ve, "target", {
           writable: !0,
           value: {
             value: R,
             name: S
           }
-        }), B(Ve, s);
+        }), W(Ve, s);
       }
-      I || ne(!1, l);
+      I || re(!1, l);
     }
-  }, uo = (s) => {
-    Q || [
+  }, co = (s) => {
+    ee || [
       " ",
       "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(), ne(!0, s));
-  }, se = j !== null && je, co = (s) => {
-    !se && N && (Object.defineProperty(s, "target", {
+    ].includes(s.key) && (s.preventDefault(), re(!0, s));
+  }, K = j !== null && je, fo = (s) => {
+    !K && N && (Object.defineProperty(s, "target", {
       writable: !0,
       value: {
         value: g,
@@ -1051,28 +1050,28 @@ const _o = (o) => {
       }
     }), N(s));
   };
-  delete W["aria-invalid"];
-  let A, We;
+  delete A["aria-invalid"];
+  let U, We;
   const ae = [];
   let ie = !1, fe = !1;
-  (Oo({
+  (Co({
     value: g
-  }) || O) && (ee ? A = ee(g) : ie = !0);
-  const fo = re.map((s) => {
+  }) || O) && (oe ? U = oe(g) : ie = !0);
+  const bo = se.map((s) => {
     if (!/* @__PURE__ */ u.isValidElement(s))
       return null;
-    process.env.NODE_ENV !== "production" && bo.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" && mo.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 (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`." : mo(2));
+        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);
     } else
       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: po(s),
+      onClick: uo(s),
       onKeyUp: (R) => {
         R.key === " " && R.preventDefault(), s.props.onKeyUp && s.props.onKeyUp(R);
       },
@@ -1086,79 +1085,79 @@ const _o = (o) => {
   });
   process.env.NODE_ENV !== "production" && u.useEffect(() => {
     if (!fe && !I && g !== "") {
-      const s = re.map((l) => l.props.value);
+      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(`
 `));
     }
-  }, [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);
+  }, [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);
+  let Ae = ro;
+  !a && ce && j && (Ae = ne.clientWidth);
   let be;
   typeof F < "u" ? be = F : be = c ? null : 0;
   const Ue = $.id || (S ? `mui-component-select-${S}` : void 0), le = {
     ...t,
-    variant: oe,
+    variant: te,
     value: g,
-    open: se,
+    open: K,
     error: C
   }, me = _o(le), ge = {
     ...x.PaperProps,
     ...(ze = x.slotProps) == null ? void 0 : ze.paper
-  }, De = Io();
+  }, De = So();
   return /* @__PURE__ */ Oe(u.Fragment, {
     children: [/* @__PURE__ */ v(Do, {
       as: "div",
-      ref: so,
+      ref: ao,
       tabIndex: be,
       role: "combobox",
-      "aria-controls": De,
+      "aria-controls": K ? De : void 0,
       "aria-disabled": c ? "true" : void 0,
-      "aria-expanded": se ? "true" : "false",
+      "aria-expanded": K ? "true" : "false",
       "aria-haspopup": "listbox",
       "aria-label": i,
       "aria-labelledby": [y, Ue].filter(Boolean).join(" ") || void 0,
       "aria-describedby": r,
       "aria-required": _ ? "true" : void 0,
       "aria-invalid": C ? "true" : void 0,
-      onKeyDown: uo,
-      onMouseDown: c || Q ? null : ao,
-      onBlur: co,
+      onKeyDown: co,
+      onMouseDown: c || ee ? null : io,
+      onBlur: fo,
       onFocus: de,
       ...$,
       ownerState: le,
       className: pe($.className, me.select, b),
       id: Ue,
-      children: qo(A) ? (
+      children: qo(U) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
         _e || (_e = /* @__PURE__ */ v("span", {
           className: "notranslate",
           "aria-hidden": !0,
           children: "​"
         }))
-      ) : A
+      ) : U
     }), /* @__PURE__ */ v(Vo, {
       "aria-invalid": C,
       value: Array.isArray(g) ? g.join(",") : g,
       name: S,
       ref: Le,
       "aria-hidden": !0,
-      onChange: lo,
+      onChange: po,
       tabIndex: -1,
       disabled: c,
       className: me.nativeInput,
       autoFocus: p,
       required: _,
-      ...W,
+      ...A,
       ownerState: le
     }), /* @__PURE__ */ v(zo, {
       as: w,
       className: me.icon,
       ownerState: le
-    }), /* @__PURE__ */ v(ho, {
+    }), /* @__PURE__ */ v(Oo, {
       id: `menu-${S || ""}`,
-      anchorEl: te,
-      open: se,
-      onClose: io,
+      anchorEl: ne,
+      open: K,
+      onClose: lo,
       anchorOrigin: {
         vertical: "bottom",
         horizontal: "center"
@@ -1186,11 +1185,11 @@ const _o = (o) => {
           }
         }
       },
-      children: fo
+      children: bo
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ze.propTypes = {
+process.env.NODE_ENV !== "production" && (Qe.propTypes = {
   /**
    * @ignore
    */
@@ -1250,7 +1249,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: G,
+  inputRef: Y,
   /**
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.
@@ -1350,7 +1349,7 @@ const Ko = (o) => {
   } = o, b = {
     root: ["root", !n && "underline", r && "adornedStart", i && "adornedEnd", p === "small" && `size${q(p)}`, a && "hiddenLabel", d && "multiline"],
     input: ["input"]
-  }, m = V(b, To, t);
+  }, m = B(b, No, t);
   return {
     ...t,
     // forward classes to the InputBase
@@ -1585,7 +1584,7 @@ const Ko = (o) => {
     }
   }]
 }))), $e = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = H({
+  const r = G({
     props: t,
     name: "MuiFilledInput"
   }), {
@@ -1733,7 +1732,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: G,
+  inputRef: Y,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -1842,7 +1841,7 @@ const Go = h("fieldset", {
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), Jo = h("legend", {
+}), Yo = h("legend", {
   shouldForwardProp: k
 })(E(({
   theme: o
@@ -1906,7 +1905,7 @@ const Go = h("fieldset", {
     }
   }]
 })));
-function Qe(o) {
+function eo(o) {
   const {
     children: t,
     classes: n,
@@ -1924,7 +1923,7 @@ function Qe(o) {
     className: r,
     ownerState: b,
     ...a,
-    children: /* @__PURE__ */ v(Jo, {
+    children: /* @__PURE__ */ v(Yo, {
       ownerState: b,
       children: d ? /* @__PURE__ */ v("span", {
         children: i
@@ -1939,7 +1938,7 @@ function Qe(o) {
     })
   });
 }
-process.env.NODE_ENV !== "production" && (Qe.propTypes = {
+process.env.NODE_ENV !== "production" && (eo.propTypes = {
   /**
    * The content of the component.
    */
@@ -1965,20 +1964,20 @@ process.env.NODE_ENV !== "production" && (Qe.propTypes = {
    */
   style: e.object
 });
-const Yo = (o) => {
+const Zo = (o) => {
   const {
     classes: t
-  } = o, r = V({
+  } = o, r = B({
     root: ["root"],
     notchedOutline: ["notchedOutline"],
     input: ["input"]
-  }, wo, t);
+  }, To, t);
   return {
     ...t,
     // forward classes to the InputBase
     ...r
   };
-}, Zo = h(Re, {
+}, Jo = h(Re, {
   shouldForwardProp: (o) => k(o) || o === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
@@ -2053,7 +2052,7 @@ const Yo = (o) => {
       }
     }]
   };
-})), Qo = h(Qe, {
+})), Qo = h(eo, {
   name: "MuiOutlinedInput",
   slot: "NotchedOutline",
   overridesResolver: (o, t) => t.notchedOutline
@@ -2123,7 +2122,7 @@ const Yo = (o) => {
   }]
 }))), ke = /* @__PURE__ */ u.forwardRef(function(t, n) {
   var r;
-  const i = H({
+  const i = G({
     props: t,
     name: "MuiOutlinedInput"
   }), {
@@ -2136,7 +2135,7 @@ const Yo = (o) => {
     slots: c = {},
     type: O = "text",
     ...C
-  } = i, w = Yo(i), T = he(), y = ye({
+  } = i, w = Zo(i), T = he(), y = ye({
     props: i,
     muiFormControl: T,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
@@ -2152,7 +2151,7 @@ const Yo = (o) => {
     multiline: m,
     size: y.size,
     type: O
-  }, I = c.root ?? p.Root ?? Zo, S = c.input ?? p.Input ?? et;
+  }, I = c.root ?? p.Root ?? Jo, S = c.input ?? p.Input ?? et;
   return /* @__PURE__ */ v(Se, {
     slots: {
       root: I,
@@ -2256,7 +2255,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: G,
+  inputRef: Y,
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -2347,15 +2346,20 @@ ke.muiName = "Input";
 const ot = (o) => {
   const {
     classes: t
-  } = o;
-  return t;
+  } = o, r = B({
+    root: ["root"]
+  }, Je, t);
+  return {
+    ...t,
+    ...r
+  };
 }, Ee = {
   name: "MuiSelect",
   overridesResolver: (o, t) => t.root,
   shouldForwardProp: (o) => k(o) && o !== "variant",
   slot: "Root"
-}, tt = h(Ne, Ee)(""), nt = h(ke, Ee)(""), rt = h($e, Ee)(""), eo = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = H({
+}, tt = h(Ne, Ee)(""), nt = h(ke, Ee)(""), rt = h($e, Ee)(""), oo = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = G({
     name: "MuiSelect",
     props: t
   }), {
@@ -2365,7 +2369,7 @@ const ot = (o) => {
     className: d,
     defaultOpen: b = !1,
     displayEmpty: m = !1,
-    IconComponent: f = No,
+    IconComponent: f = Po,
     id: c,
     input: O,
     inputProps: C,
@@ -2376,23 +2380,23 @@ const ot = (o) => {
     native: I = !1,
     onClose: S,
     onOpen: N,
-    open: B,
-    renderValue: J,
+    open: W,
+    renderValue: Z,
     SelectDisplayProps: de,
-    variant: Y = "outlined",
-    ...Z
-  } = r, Q = I ? Ye : Ze, ee = he(), _ = ye({
+    variant: J = "outlined",
+    ...Q
+  } = r, ee = I ? Ze : Qe, oe = he(), _ = ye({
     props: r,
-    muiFormControl: ee,
+    muiFormControl: oe,
     states: ["variant", "error"]
-  }), $ = _.variant || Y, F = {
+  }), $ = _.variant || J, F = {
     ...r,
     variant: $,
     classes: a
   }, ue = ot(F), {
     root: Fe,
-    ...oe
-  } = ue, W = O || {
+    ...te
+  } = ue, A = O || {
     standard: /* @__PURE__ */ v(tt, {
       ownerState: F
     }),
@@ -2403,12 +2407,12 @@ const ot = (o) => {
     filled: /* @__PURE__ */ v(rt, {
       ownerState: F
     })
-  }[$], g = He(n, Ro(W));
+  }[$], g = He(n, xo(A));
   return /* @__PURE__ */ v(u.Fragment, {
-    children: /* @__PURE__ */ u.cloneElement(W, {
+    children: /* @__PURE__ */ u.cloneElement(A, {
       // Most of the logic is implemented in `SelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
-      inputComponent: Q,
+      inputComponent: ee,
       inputProps: {
         children: p,
         error: _.error,
@@ -2427,31 +2431,31 @@ const ot = (o) => {
           MenuProps: y,
           onClose: S,
           onOpen: N,
-          open: B,
-          renderValue: J,
+          open: W,
+          renderValue: Z,
           SelectDisplayProps: {
             id: c,
             ...de
           }
         },
         ...C,
-        classes: C ? ve(oe, C.classes) : oe,
+        classes: C ? ve(te, C.classes) : te,
         ...O ? O.props.inputProps : {}
       },
       ...(x && I || m) && $ === "outlined" ? {
         notched: !0
       } : {},
       ref: g,
-      className: pe(W.props.className, d, ue.root),
+      className: pe(A.props.className, d, 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: $
       },
-      ...Z
+      ...Q
     })
   });
 });
-process.env.NODE_ENV !== "production" && (eo.propTypes = {
+process.env.NODE_ENV !== "production" && (oo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -2598,20 +2602,20 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-eo.muiName = "Select";
+oo.muiName = "Select";
 export {
-  No as A,
+  Po as A,
   $e as F,
   Ne as I,
   ke as O,
-  eo as S,
-  jo as a,
-  Rt as b,
-  Eo as c,
-  Uo as d,
+  oo as S,
+  Lo as a,
+  St as b,
+  Fo as c,
+  Je as d,
   L as f,
-  xo as g,
-  K as i,
+  wo as g,
+  X as i,
   P as o,
-  X as s
+  H as s
 };