@cgi-learning-hub/ui 1.7.0-dev.1754063892 → 1.7.0-dev.1754301119

package/dist/{Select-qUF3oQz8.js → Select-DOdisH2t.js}

@@ -1,61 +1,60 @@
 import * as u from "react";
 import { P as e } from "./index-Sy88PpwE.js";
-import { F as V, G as q, $ as ve, H as pe, Y as mo, I as go } from "./generateUtilityClasses-32ARRWdA.js";
+import { F as V, G as q, O as ve, H as de, K as _, Z as vo, X as yo } from "./identifier-MtSOtM28.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 A, r as F, e as vo } from "./DefaultPropsProvider-BrNsAtD3.js";
-import { m as M } from "./memoTheme-BBxIYGG7.js";
+import { u as Y, s as h, c as A, r as F, e as ho } from "./DefaultPropsProvider-DUvQuMqx.js";
+import { m as M } from "./memoTheme-BkQtxnmm.js";
 import { jsx as g, jsxs as Oe } from "react/jsx-runtime";
-import { c as _ } from "./capitalize-CgHuXq7I.js";
-import { a as yo, b as ho } from "./FormLabel-BqkN_xxS.js";
-import { M as Oo } from "./Menu-B-AGEy5x.js";
-import { r as J } from "./refType-Dp7CJc86.js";
-import { i as Co } from "./utils-DWqc1kRF.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 xo } from "./createSvgIcon-nrGLeL-I.js";
-import { g as wo } from "./elementAcceptingRef-CEweUuUA.js";
+import { a as Oo, b as Co } from "./FormLabel-Co9lVChV.js";
+import { M as So } from "./Menu-_ydVG0GC.js";
+import { r as Z } from "./refType-Dp7CJc86.js";
+import { i as Io } from "./utils-DWqc1kRF.js";
+import { u as _e } from "./useControlled-nm4pBabJ.js";
+import { u as Ge } from "./useForkRef-u29GSuCu.js";
+import { o as xo } from "./ownerDocument-CUrv0DIK.js";
+import { u as wo } from "./useId-CK6Kn3Tn.js";
+import { c as Ro } from "./createSvgIcon-CBuQt1E7.js";
+import { g as To } from "./elementAcceptingRef-CEweUuUA.js";
 import { c as Ce } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { i as Ie, I as Se, a as xe, r as we, b as Re, c as Te } from "./InputBase--Jk0Al5O.js";
-import { u as Ro } from "./useSlot-DnOTNYbF.js";
-function To(o) {
+import { i as Se, I as Ie, a as xe, r as we, b as Re, c as Te } from "./InputBase-BH6v1g55.js";
+import { u as Po } from "./useSlot-CKkACQ6_.js";
+function No(o) {
   return q("MuiInput", o);
 }
 const H = {
-  ...Ie,
+  ...Se,
   ...V("MuiInput", ["root", "underline", "input"])
 };
-function Po(o) {
+function $o(o) {
   return q("MuiOutlinedInput", o);
 }
 const P = {
-  ...Ie,
+  ...Se,
   ...V("MuiOutlinedInput", ["root", "notchedOutline", "input"])
 };
-function No(o) {
+function ko(o) {
   return q("MuiFilledInput", o);
 }
 const W = {
-  ...Ie,
+  ...Se,
   ...V("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
-}, $o = xo(/* @__PURE__ */ g("path", {
+}, Eo = Ro(/* @__PURE__ */ g("path", {
   d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown"), ko = (o) => {
+}), "ArrowDropDown"), Fo = (o) => {
   const {
     classes: t,
     disableUnderline: n
-  } = o, p = A({
+  } = o, d = A({
     root: ["root", !n && "underline"],
     input: ["input"]
-  }, To, t);
+  }, No, t);
   return {
     ...t,
     // forward classes to the InputBase
-    ...p
+    ...d
   };
-}, Eo = h(xe, {
+}, Mo = h(xe, {
   shouldForwardProp: (o) => F(o) || o === "classes",
   name: "MuiInput",
   slot: "Root",
@@ -145,41 +144,41 @@ const W = {
       }
     }))]
   };
-})), Fo = h(Re, {
+})), jo = h(Re, {
   name: "MuiInput",
   slot: "Input",
   overridesResolver: Te
 })({}), Pe = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = G({
+  const r = Y({
     props: t,
     name: "MuiInput"
   }), {
-    disableUnderline: p = !1,
-    components: d = {},
+    disableUnderline: d = !1,
+    components: p = {},
     componentsProps: a,
     fullWidth: i = !1,
     inputComponent: v = "input",
-    multiline: b = !1,
+    multiline: m = !1,
     slotProps: c,
     slots: f = {},
     type: O = "text",
     ...C
-  } = r, R = ko(r), y = {
+  } = r, R = Fo(r), y = {
     root: {
       ownerState: {
-        disableUnderline: p
+        disableUnderline: d
       }
     }
-  }, w = c ?? a ? ve(c ?? a, y) : y, I = f.root ?? d.Root ?? Eo, S = f.input ?? d.Input ?? Fo;
-  return /* @__PURE__ */ g(Se, {
+  }, w = c ?? a ? ve(c ?? a, y) : y, S = f.root ?? p.Root ?? Mo, I = f.input ?? p.Input ?? jo;
+  return /* @__PURE__ */ g(Ie, {
     slots: {
-      root: I,
-      input: S
+      root: S,
+      input: I
     },
     slotProps: w,
     fullWidth: i,
     inputComponent: v,
-    multiline: b,
+    multiline: m,
     ref: n,
     type: O,
     ...C,
@@ -281,7 +280,7 @@ process.env.NODE_ENV !== "production" && (Pe.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: Z,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -372,28 +371,28 @@ process.env.NODE_ENV !== "production" && (Pe.propTypes = {
   value: e.any
 });
 Pe.muiName = "Input";
-function Mo(o) {
+function Lo(o) {
   return q("MuiInputLabel", o);
 }
-const Tt = V("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), jo = (o) => {
+const Pt = V("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), Bo = (o) => {
   const {
     classes: t,
     formControl: n,
     size: r,
-    shrink: p,
-    disableAnimation: d,
+    shrink: d,
+    disableAnimation: p,
     variant: a,
     required: i
   } = o, v = {
-    root: ["root", n && "formControl", !d && "animated", p && "shrink", r && r !== "medium" && `size${_(r)}`, a],
+    root: ["root", n && "formControl", !p && "animated", d && "shrink", r && r !== "medium" && `size${_(r)}`, a],
     asterisk: [i && "asterisk"]
-  }, b = A(v, Mo, t);
+  }, m = A(v, Lo, t);
   return {
     ...t,
     // forward the focused, disabled, etc. classes to the FormLabel
-    ...b
+    ...m
   };
-}, Lo = h(yo, {
+}, Wo = h(Oo, {
   shouldForwardProp: (o) => F(o) || o === "classes",
   name: "MuiInputLabel",
   slot: "Root",
@@ -402,7 +401,7 @@ const Tt = V("MuiInputLabel", ["root", "focused", "disabled", "error", "required
       ownerState: n
     } = o;
     return [{
-      [`& .${ho.asterisk}`]: t.asterisk
+      [`& .${Co.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]];
   }
 })(M(({
@@ -527,17 +526,17 @@ const Tt = V("MuiInputLabel", ["root", "focused", "disabled", "error", "required
       transform: "translate(14px, -9px) scale(0.75)"
     }
   }]
-}))), Bo = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = G({
+}))), Ao = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = Y({
     name: "MuiInputLabel",
     props: t
   }), {
-    disableAnimation: p = !1,
-    margin: d,
+    disableAnimation: d = !1,
+    margin: p,
     shrink: a,
     variant: i,
     className: v,
-    ...b
+    ...m
   } = r, c = he();
   let f = a;
   typeof f > "u" && c && (f = c.filled || c.focused || c.adornedStart);
@@ -547,24 +546,24 @@ const Tt = V("MuiInputLabel", ["root", "focused", "disabled", "error", "required
     states: ["size", "variant", "required", "focused"]
   }), C = {
     ...r,
-    disableAnimation: p,
+    disableAnimation: d,
     formControl: c,
     shrink: f,
     size: O.size,
     variant: O.variant,
     required: O.required,
     focused: O.focused
-  }, R = jo(C);
-  return /* @__PURE__ */ g(Lo, {
+  }, R = Bo(C);
+  return /* @__PURE__ */ g(Wo, {
     "data-shrink": f,
     ref: n,
-    className: pe(R.root, v),
-    ...b,
+    className: de(R.root, v),
+    ...m,
     ownerState: C,
     classes: R
   });
 });
-process.env.NODE_ENV !== "production" && (Bo.propTypes = {
+process.env.NODE_ENV !== "production" && (Ao.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -631,23 +630,25 @@ process.env.NODE_ENV !== "production" && (Bo.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-function Wo(o) {
+function Uo(o) {
   return q("MuiNativeSelect", o);
 }
-const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Ao = (o) => {
+const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Do = (o) => {
   const {
     classes: t,
     variant: n,
     disabled: r,
-    multiple: p,
-    open: d,
+    multiple: d,
+    open: p,
     error: a
   } = o, i = {
-    select: ["select", n, r && "disabled", p && "multiple", a && "error"],
-    icon: ["icon", `icon${_(n)}`, d && "iconOpen", r && "disabled"]
+    select: ["select", n, r && "disabled", d && "multiple", a && "error"],
+    icon: ["icon", `icon${_(n)}`, p && "iconOpen", r && "disabled"]
   };
-  return A(i, Wo, t);
-}, Ye = h("select")(({
+  return A(i, Uo, t);
+}, Ye = h("select", {
+  name: "MuiNativeSelect"
+})(({
   theme: o
 }) => ({
   // Reset
@@ -709,7 +710,7 @@ const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       }
     }
   }]
-})), Uo = h(Ye, {
+})), zo = h(Ye, {
   name: "MuiNativeSelect",
   slot: "Select",
   shouldForwardProp: F,
@@ -721,7 +722,9 @@ const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       [`&.${Ne.multiple}`]: t.multiple
     }];
   }
-})({}), Ge = h("svg")(({
+})({}), Ze = h("svg", {
+  name: "MuiNativeSelect"
+})(({
   theme: o
 }) => ({
   // We use a position absolute over a flexbox in order to forward the pointer events
@@ -758,7 +761,7 @@ const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       right: 7
     }
   }]
-})), Do = h(Ge, {
+})), Vo = h(Ze, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -770,26 +773,26 @@ const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
 })({}), Je = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const {
     className: r,
-    disabled: p,
-    error: d,
+    disabled: d,
+    error: p,
     IconComponent: a,
     inputRef: i,
     variant: v = "standard",
-    ...b
+    ...m
   } = t, c = {
     ...t,
-    disabled: p,
+    disabled: d,
     variant: v,
-    error: d
-  }, f = Ao(c);
+    error: p
+  }, f = Do(c);
   return /* @__PURE__ */ Oe(u.Fragment, {
-    children: [/* @__PURE__ */ g(Uo, {
+    children: [/* @__PURE__ */ g(zo, {
       ownerState: c,
-      className: pe(f.select, r),
-      disabled: p,
+      className: de(f.select, r),
+      disabled: d,
       ref: i || n,
-      ...b
-    }), t.multiple ? null : /* @__PURE__ */ g(Do, {
+      ...m
+    }), t.multiple ? null : /* @__PURE__ */ g(Vo, {
       as: a,
       ownerState: c,
       className: f.icon
@@ -826,7 +829,7 @@ process.env.NODE_ENV !== "production" && (Je.propTypes = {
    * Use that prop to pass a ref to the native select element.
    * @deprecated
    */
-  inputRef: J,
+  inputRef: Z,
   /**
    * @ignore
    */
@@ -854,9 +857,9 @@ process.env.NODE_ENV !== "production" && (Je.propTypes = {
 function Qe(o) {
   return q("MuiSelect", o);
 }
-const Y = V("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
-var _e;
-const zo = h(Ye, {
+const G = V("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
+var Ke;
+const qo = h(Ye, {
   name: "MuiSelect",
   slot: "Select",
   overridesResolver: (o, t) => {
@@ -866,22 +869,22 @@ const zo = h(Ye, {
     return [
       // Win specificity over the input base
       {
-        [`&.${Y.select}`]: t.select
+        [`&.${G.select}`]: t.select
       },
       {
-        [`&.${Y.select}`]: t[n.variant]
+        [`&.${G.select}`]: t[n.variant]
       },
       {
-        [`&.${Y.error}`]: t.error
+        [`&.${G.error}`]: t.error
       },
       {
-        [`&.${Y.multiple}`]: t.multiple
+        [`&.${G.multiple}`]: t.multiple
       }
     ];
   }
 })({
   // Win specificity over the input base
-  [`&.${Y.select}`]: {
+  [`&.${G.select}`]: {
     height: "auto",
     // Resets for multiple select with chips
     minHeight: "1.4375em",
@@ -890,7 +893,7 @@ const zo = h(Ye, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), Vo = h(Ge, {
+}), _o = h(Ze, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -899,8 +902,8 @@ const zo = h(Ye, {
     } = o;
     return [t.icon, n.variant && t[`icon${_(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), qo = h("input", {
-  shouldForwardProp: (o) => vo(o) && o !== "classes",
+})({}), Ko = h("input", {
+  shouldForwardProp: (o) => ho(o) && o !== "classes",
   name: "MuiSelect",
   slot: "NativeInput"
 })({
@@ -912,36 +915,36 @@ const zo = h(Ye, {
   width: "100%",
   boxSizing: "border-box"
 });
-function Ke(o, t) {
+function Xe(o, t) {
   return typeof t == "object" && t !== null ? o === t : String(o) === String(t);
 }
-function _o(o) {
+function Xo(o) {
   return o == null || typeof o == "string" && !o.trim();
 }
-const Ko = (o) => {
+const Ho = (o) => {
   const {
     classes: t,
     variant: n,
     disabled: r,
-    multiple: p,
-    open: d,
+    multiple: d,
+    open: p,
     error: a
   } = o, i = {
-    select: ["select", n, r && "disabled", p && "multiple", a && "error"],
-    icon: ["icon", `icon${_(n)}`, d && "iconOpen", r && "disabled"],
+    select: ["select", n, r && "disabled", d && "multiple", a && "error"],
+    icon: ["icon", `icon${_(n)}`, p && "iconOpen", r && "disabled"],
     nativeInput: ["nativeInput"]
   };
   return A(i, Qe, t);
-}, Ze = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  var ze;
+}, eo = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  var ze, Ve;
   const {
     "aria-describedby": r,
-    "aria-label": p,
-    autoFocus: d,
+    "aria-label": d,
+    autoFocus: p,
     autoWidth: a,
     children: i,
     className: v,
-    defaultOpen: b,
+    defaultOpen: m,
     defaultValue: c,
     disabled: f,
     displayEmpty: O,
@@ -950,14 +953,14 @@ const Ko = (o) => {
     inputRef: T,
     labelId: y,
     MenuProps: w = {},
-    multiple: I,
-    name: S,
+    multiple: S,
+    name: I,
     onBlur: $,
     onChange: k,
     onClose: E,
-    onFocus: de,
-    onOpen: Q,
-    open: Z,
+    onFocus: pe,
+    onOpen: J,
+    open: Q,
     readOnly: ee,
     renderValue: oe,
     required: K,
@@ -968,33 +971,33 @@ const Ko = (o) => {
     value: Fe,
     variant: te = "standard",
     ...U
-  } = t, [m, Me] = qe({
+  } = t, [b, Me] = _e({
     controlled: Fe,
     default: c,
     name: "Select"
-  }), [je, to] = qe({
-    controlled: Z,
-    default: b,
+  }), [je, no] = _e({
+    controlled: Q,
+    default: m,
     name: "Select"
-  }), Le = u.useRef(null), L = u.useRef(null), [B, no] = u.useState(null), {
+  }), Le = u.useRef(null), L = u.useRef(null), [B, ro] = u.useState(null), {
     current: ce
-  } = u.useRef(Z != null), [ro, Be] = u.useState(), so = He(n, T), ao = u.useCallback((s) => {
-    L.current = s, s && no(s);
+  } = u.useRef(Q != null), [so, Be] = u.useState(), ao = Ge(n, T), io = u.useCallback((s) => {
+    L.current = s, s && ro(s);
   }, []), ne = B == null ? void 0 : B.parentNode;
-  u.useImperativeHandle(so, () => ({
+  u.useImperativeHandle(ao, () => ({
     focus: () => {
       L.current.focus();
     },
     node: Le.current,
-    value: m
-  }), [m]), u.useEffect(() => {
-    b && je && B && !ce && (Be(a ? null : ne.clientWidth), L.current.focus());
+    value: b
+  }), [b]), u.useEffect(() => {
+    m && je && B && !ce && (Be(a ? null : ne.clientWidth), L.current.focus());
   }, [B, a]), u.useEffect(() => {
-    d && L.current.focus();
-  }, [d]), u.useEffect(() => {
+    p && L.current.focus();
+  }, [p]), u.useEffect(() => {
     if (!y)
       return;
-    const s = Io(L.current).getElementById(y);
+    const s = xo(L.current).getElementById(y);
     if (s) {
       const l = () => {
         getSelection().isCollapsed && L.current.focus();
@@ -1005,36 +1008,36 @@ const Ko = (o) => {
     }
   }, [y]);
   const re = (s, l) => {
-    s ? Q && Q(l) : E && E(l), ce || (Be(a ? null : ne.clientWidth), to(s));
-  }, io = (s) => {
-    s.button === 0 && (s.preventDefault(), L.current.focus(), re(!0, s));
+    s ? J && J(l) : E && E(l), ce || (Be(a ? null : ne.clientWidth), no(s));
   }, lo = (s) => {
+    s.button === 0 && (s.preventDefault(), L.current.focus(), re(!0, s));
+  }, po = (s) => {
     re(!1, s);
-  }, se = u.Children.toArray(i), po = (s) => {
+  }, se = u.Children.toArray(i), uo = (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) => {
+  }, co = (s) => (l) => {
     let x;
     if (l.currentTarget.hasAttribute("tabindex")) {
-      if (I) {
-        x = Array.isArray(m) ? m.slice() : [];
-        const z = m.indexOf(s.props.value);
+      if (S) {
+        x = Array.isArray(b) ? b.slice() : [];
+        const z = b.indexOf(s.props.value);
         z === -1 ? x.push(s.props.value) : x.splice(z, 1);
       } else
         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", {
+      if (s.props.onClick && s.props.onClick(l), b !== x && (Me(x), k)) {
+        const z = l.nativeEvent || l, qe = new z.constructor(z.type, z);
+        Object.defineProperty(qe, "target", {
           writable: !0,
           value: {
             value: x,
-            name: S
+            name: I
           }
-        }), k(Ve, s);
+        }), k(qe, s);
       }
-      I || re(!1, l);
+      S || re(!1, l);
     }
-  }, co = (s) => {
+  }, fo = (s) => {
     ee || [
       " ",
       "ArrowUp",
@@ -1043,12 +1046,12 @@ const Ko = (o) => {
       // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       "Enter"
     ].includes(s.key) && (s.preventDefault(), re(!0, s));
-  }, X = B !== null && je, fo = (s) => {
+  }, X = B !== null && je, mo = (s) => {
     !X && $ && (Object.defineProperty(s, "target", {
       writable: !0,
       value: {
-        value: m,
-        name: S
+        value: b,
+        name: I
       }
     }), $(s));
   };
@@ -1056,24 +1059,24 @@ const Ko = (o) => {
   let D, We;
   const ae = [];
   let ie = !1, fe = !1;
-  (Co({
-    value: m
-  }) || O) && (oe ? D = oe(m) : ie = !0);
+  (Io({
+    value: b
+  }) || O) && (oe ? D = oe(b) : ie = !0);
   const bo = se.map((s) => {
     if (!/* @__PURE__ */ u.isValidElement(s))
       return null;
-    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(`
+    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(`
 `));
     let l;
-    if (I) {
-      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 = m.some((x) => Ke(x, s.props.value)), l && ie && ae.push(s.props.children);
+    if (S) {
+      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`." : yo(2));
+      l = b.some((x) => Xe(x, s.props.value)), l && ie && ae.push(s.props.children);
     } else
-      l = Ke(m, s.props.value), l && ie && (We = s.props.children);
+      l = Xe(b, 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),
+      onClick: co(s),
       onKeyUp: (x) => {
         x.key === " " && x.preventDefault(), s.props.onKeyUp && s.props.onKeyUp(x);
       },
@@ -1086,80 +1089,83 @@ const Ko = (o) => {
     });
   });
   process.env.NODE_ENV !== "production" && u.useEffect(() => {
-    if (!fe && !I && m !== "") {
+    if (!fe && !S && b !== "") {
       const s = se.map((l) => l.props.value);
-      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(`
+      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(`
 `));
     }
-  }, [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;
+  }, [fe, se, S, I, b]), ie && (S ? 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 = so;
   !a && ce && B && (Ae = ne.clientWidth);
-  let be;
-  typeof j < "u" ? be = j : be = f ? null : 0;
-  const Ue = N.id || (S ? `mui-component-select-${S}` : void 0), le = {
+  let me;
+  typeof j < "u" ? me = j : me = f ? null : 0;
+  const Ue = N.id || (I ? `mui-component-select-${I}` : void 0), le = {
     ...t,
     variant: te,
-    value: m,
+    value: b,
     open: X,
     error: C
-  }, me = Ko(le), ge = {
+  }, be = Ho(le), ge = {
     ...w.PaperProps,
     ...(ze = w.slotProps) == null ? void 0 : ze.paper
-  }, De = So();
+  }, go = {
+    ...w.MenuListProps,
+    ...(Ve = w.slotProps) == null ? void 0 : Ve.list
+  }, De = wo();
   return /* @__PURE__ */ Oe(u.Fragment, {
-    children: [/* @__PURE__ */ g(zo, {
+    children: [/* @__PURE__ */ g(qo, {
       as: "div",
-      ref: ao,
-      tabIndex: be,
+      ref: io,
+      tabIndex: me,
       role: "combobox",
       "aria-controls": X ? De : void 0,
       "aria-disabled": f ? "true" : void 0,
       "aria-expanded": X ? "true" : "false",
       "aria-haspopup": "listbox",
-      "aria-label": p,
+      "aria-label": d,
       "aria-labelledby": [y, Ue].filter(Boolean).join(" ") || void 0,
       "aria-describedby": r,
       "aria-required": K ? "true" : void 0,
       "aria-invalid": C ? "true" : void 0,
-      onKeyDown: co,
-      onMouseDown: f || ee ? null : io,
-      onBlur: fo,
-      onFocus: de,
+      onKeyDown: fo,
+      onMouseDown: f || ee ? null : lo,
+      onBlur: mo,
+      onFocus: pe,
       ...N,
       ownerState: le,
-      className: pe(N.className, me.select, v),
+      className: de(N.className, be.select, v),
       id: Ue,
-      children: _o(D) ? (
+      children: Xo(D) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
-        _e || (_e = /* @__PURE__ */ g("span", {
+        Ke || (Ke = /* @__PURE__ */ g("span", {
           className: "notranslate",
           "aria-hidden": !0,
           children: "​"
         }))
       ) : D
-    }), /* @__PURE__ */ g(qo, {
+    }), /* @__PURE__ */ g(Ko, {
       "aria-invalid": C,
-      value: Array.isArray(m) ? m.join(",") : m,
-      name: S,
+      value: Array.isArray(b) ? b.join(",") : b,
+      name: I,
       ref: Le,
       "aria-hidden": !0,
-      onChange: po,
+      onChange: uo,
       tabIndex: -1,
       disabled: f,
-      className: me.nativeInput,
-      autoFocus: d,
+      className: be.nativeInput,
+      autoFocus: p,
       required: K,
       ...U,
       ownerState: le
-    }), /* @__PURE__ */ g(Vo, {
+    }), /* @__PURE__ */ g(_o, {
       as: R,
-      className: me.icon,
+      className: be.icon,
       ownerState: le
-    }), /* @__PURE__ */ g(Oo, {
-      id: `menu-${S || ""}`,
+    }), /* @__PURE__ */ g(So, {
+      id: `menu-${I || ""}`,
       anchorEl: ne,
       open: X,
-      onClose: lo,
+      onClose: po,
       anchorOrigin: {
         vertical: "bottom",
         horizontal: "center"
@@ -1174,10 +1180,10 @@ const Ko = (o) => {
         list: {
           "aria-labelledby": y,
           role: "listbox",
-          "aria-multiselectable": I ? "true" : void 0,
+          "aria-multiselectable": S ? "true" : void 0,
           disableListWrap: !0,
           id: De,
-          ...w.MenuListProps
+          ...go
         },
         paper: {
           ...ge,
@@ -1191,7 +1197,7 @@ const Ko = (o) => {
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ze.propTypes = {
+process.env.NODE_ENV !== "production" && (eo.propTypes = {
   /**
    * @ignore
    */
@@ -1251,7 +1257,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: J,
+  inputRef: Z,
   /**
    * 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,25 +1345,25 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-const Xo = (o) => {
+const Go = (o) => {
   const {
     classes: t,
     disableUnderline: n,
     startAdornment: r,
-    endAdornment: p,
-    size: d,
+    endAdornment: d,
+    size: p,
     hiddenLabel: a,
     multiline: i
   } = o, v = {
-    root: ["root", !n && "underline", r && "adornedStart", p && "adornedEnd", d === "small" && `size${_(d)}`, a && "hiddenLabel", i && "multiline"],
+    root: ["root", !n && "underline", r && "adornedStart", d && "adornedEnd", p === "small" && `size${_(p)}`, a && "hiddenLabel", i && "multiline"],
     input: ["input"]
-  }, b = A(v, No, t);
+  }, m = A(v, ko, t);
   return {
     ...t,
     // forward classes to the InputBase
-    ...b
+    ...m
   };
-}, Ho = h(xe, {
+}, Yo = h(xe, {
   shouldForwardProp: (o) => F(o) || o === "classes",
   name: "MuiFilledInput",
   slot: "Root",
@@ -1370,7 +1376,7 @@ const Xo = (o) => {
 })(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)", p = 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)";
+  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,7 +1387,7 @@ const Xo = (o) => {
       easing: o.transitions.easing.easeOut
     }),
     "&:hover": {
-      backgroundColor: o.vars ? o.vars.palette.FilledInput.hoverBg : p,
+      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
@@ -1391,7 +1397,7 @@ const Xo = (o) => {
       backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r
     },
     [`&.${W.disabled}`]: {
-      backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : d
+      backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : p
     },
     variants: [{
       props: ({
@@ -1503,7 +1509,7 @@ const Xo = (o) => {
       }
     }]
   };
-})), Yo = h(Re, {
+})), Zo = h(Re, {
   name: "MuiFilledInput",
   slot: "Input",
   overridesResolver: Te
@@ -1586,17 +1592,17 @@ const Xo = (o) => {
     }
   }]
 }))), $e = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = G({
+  const r = Y({
     props: t,
     name: "MuiFilledInput"
   }), {
-    disableUnderline: p = !1,
-    components: d = {},
+    disableUnderline: d = !1,
+    components: p = {},
     componentsProps: a,
     fullWidth: i = !1,
     hiddenLabel: v,
     // declare here to prevent spreading to DOM
-    inputComponent: b = "input",
+    inputComponent: m = "input",
     multiline: c = !1,
     slotProps: f,
     slots: O = {},
@@ -1604,27 +1610,27 @@ const Xo = (o) => {
     ...R
   } = r, T = {
     ...r,
-    disableUnderline: p,
+    disableUnderline: d,
     fullWidth: i,
-    inputComponent: b,
+    inputComponent: m,
     multiline: c,
     type: C
-  }, y = Xo(r), w = {
+  }, y = Go(r), w = {
     root: {
       ownerState: T
     },
     input: {
       ownerState: T
     }
-  }, I = f ?? a ? ve(w, f ?? a) : w, S = O.root ?? d.Root ?? Ho, $ = O.input ?? d.Input ?? Yo;
-  return /* @__PURE__ */ g(Se, {
+  }, S = f ?? a ? ve(w, f ?? a) : w, I = O.root ?? p.Root ?? Yo, $ = O.input ?? p.Input ?? Zo;
+  return /* @__PURE__ */ g(Ie, {
     slots: {
-      root: S,
+      root: I,
       input: $
     },
-    slotProps: I,
+    slotProps: S,
     fullWidth: i,
-    inputComponent: b,
+    inputComponent: m,
     multiline: c,
     ref: n,
     type: C,
@@ -1734,7 +1740,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: Z,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -1825,8 +1831,9 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   value: e.any
 });
 $e.muiName = "Input";
-var Xe;
-const Go = h("fieldset", {
+var He;
+const Jo = h("fieldset", {
+  name: "MuiNotchedOutlined",
   shouldForwardProp: F
 })({
   textAlign: "left",
@@ -1843,7 +1850,8 @@ const Go = h("fieldset", {
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), Jo = h("legend", {
+}), Qo = h("legend", {
+  name: "MuiNotchedOutlined",
   shouldForwardProp: F
 })(M(({
   theme: o
@@ -1907,31 +1915,31 @@ const Go = h("fieldset", {
     }
   }]
 })));
-function eo(o) {
+function oo(o) {
   const {
     children: t,
     classes: n,
     className: r,
-    label: p,
-    notched: d,
+    label: d,
+    notched: p,
     ...a
-  } = o, i = p != null && p !== "", v = {
+  } = o, i = d != null && d !== "", v = {
     ...o,
-    notched: d,
+    notched: p,
     withLabel: i
   };
-  return /* @__PURE__ */ g(Go, {
+  return /* @__PURE__ */ g(Jo, {
     "aria-hidden": !0,
     className: r,
     ownerState: v,
     ...a,
-    children: /* @__PURE__ */ g(Jo, {
+    children: /* @__PURE__ */ g(Qo, {
       ownerState: v,
       children: i ? /* @__PURE__ */ g("span", {
-        children: p
+        children: d
       }) : (
         // notranslate needed while Google Translate will not fix zero-width space issue
-        Xe || (Xe = /* @__PURE__ */ g("span", {
+        He || (He = /* @__PURE__ */ g("span", {
           className: "notranslate",
           "aria-hidden": !0,
           children: "​"
@@ -1940,7 +1948,7 @@ function eo(o) {
     })
   });
 }
-process.env.NODE_ENV !== "production" && (eo.propTypes = {
+process.env.NODE_ENV !== "production" && (oo.propTypes = {
   /**
    * The content of the component.
    */
@@ -1966,20 +1974,20 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
    */
   style: e.object
 });
-const Qo = (o) => {
+const et = (o) => {
   const {
     classes: t
   } = o, r = A({
     root: ["root"],
     notchedOutline: ["notchedOutline"],
     input: ["input"]
-  }, Po, t);
+  }, $o, t);
   return {
     ...t,
     // forward classes to the InputBase
     ...r
   };
-}, Zo = h(xe, {
+}, ot = h(xe, {
   shouldForwardProp: (o) => F(o) || o === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
@@ -2054,7 +2062,7 @@ const Qo = (o) => {
       }
     }]
   };
-})), et = h(eo, {
+})), tt = h(oo, {
   name: "MuiOutlinedInput",
   slot: "NotchedOutline"
 })(M(({
@@ -2064,7 +2072,7 @@ const Qo = (o) => {
   return {
     borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
   };
-})), ot = h(Re, {
+})), nt = h(Re, {
   name: "MuiOutlinedInput",
   slot: "Input",
   overridesResolver: Te
@@ -2122,21 +2130,21 @@ const Qo = (o) => {
     }
   }]
 }))), ke = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = G({
+  const r = Y({
     props: t,
     name: "MuiOutlinedInput"
   }), {
-    components: p = {},
-    fullWidth: d = !1,
+    components: d = {},
+    fullWidth: p = !1,
     inputComponent: a = "input",
     label: i,
     multiline: v = !1,
-    notched: b,
+    notched: m,
     slots: c = {},
     slotProps: f = {},
     type: O = "text",
     ...C
-  } = r, R = Qo(r), T = he(), y = ye({
+  } = r, R = et(r), T = he(), y = ye({
     props: r,
     muiFormControl: T,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
@@ -2147,13 +2155,13 @@ const Qo = (o) => {
     error: y.error,
     focused: y.focused,
     formControl: T,
-    fullWidth: d,
+    fullWidth: p,
     hiddenLabel: y.hiddenLabel,
     multiline: v,
     size: y.size,
     type: O
-  }, I = c.root ?? p.Root ?? Zo, S = c.input ?? p.Input ?? ot, [$, k] = Ro("notchedOutline", {
-    elementType: et,
+  }, S = c.root ?? d.Root ?? ot, I = c.input ?? d.Input ?? nt, [$, k] = Po("notchedOutline", {
+    elementType: tt,
     className: R.notchedOutline,
     shouldForwardComponentProp: !0,
     ownerState: w,
@@ -2167,17 +2175,17 @@ const Qo = (o) => {
       }) : i
     }
   });
-  return /* @__PURE__ */ g(Se, {
+  return /* @__PURE__ */ g(Ie, {
     slots: {
-      root: I,
-      input: S
+      root: S,
+      input: I
     },
     slotProps: f,
     renderSuffix: (E) => /* @__PURE__ */ g($, {
       ...k,
-      notched: typeof b < "u" ? b : !!(E.startAdornment || E.filled || E.focused)
+      notched: typeof m < "u" ? m : !!(E.startAdornment || E.filled || E.focused)
     }),
-    fullWidth: d,
+    fullWidth: p,
     inputComponent: a,
     multiline: v,
     ref: n,
@@ -2267,7 +2275,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: Z,
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -2362,7 +2370,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   value: e.any
 });
 ke.muiName = "Input";
-const tt = (o) => {
+const rt = (o) => {
   const {
     classes: t
   } = o, r = A({
@@ -2376,18 +2384,18 @@ const tt = (o) => {
   name: "MuiSelect",
   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({
+}, st = h(Pe, Ee)(""), at = h(ke, Ee)(""), it = h($e, Ee)(""), to = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = Y({
     name: "MuiSelect",
     props: t
   }), {
-    autoWidth: p = !1,
-    children: d,
+    autoWidth: d = !1,
+    children: p,
     classes: a = {},
     className: i,
     defaultOpen: v = !1,
-    displayEmpty: b = !1,
-    IconComponent: c = $o,
+    displayEmpty: m = !1,
+    IconComponent: c = Eo,
     id: f,
     input: O,
     inputProps: C,
@@ -2395,85 +2403,85 @@ const tt = (o) => {
     labelId: T,
     MenuProps: y,
     multiple: w = !1,
-    native: I = !1,
-    onClose: S,
+    native: S = !1,
+    onClose: I,
     onOpen: $,
     open: k,
     renderValue: E,
-    SelectDisplayProps: de,
-    variant: Q = "outlined",
-    ...Z
-  } = r, ee = I ? Je : Ze, oe = he(), K = ye({
+    SelectDisplayProps: pe,
+    variant: J = "outlined",
+    ...Q
+  } = r, ee = S ? Je : eo, oe = he(), K = ye({
     props: r,
     muiFormControl: oe,
     states: ["variant", "error"]
-  }), N = K.variant || Q, j = {
+  }), N = K.variant || J, j = {
     ...r,
     variant: N,
     classes: a
-  }, ue = tt(j), {
+  }, ue = rt(j), {
     root: Fe,
     ...te
   } = ue, U = O || {
-    standard: /* @__PURE__ */ g(nt, {
+    standard: /* @__PURE__ */ g(st, {
       ownerState: j
     }),
-    outlined: /* @__PURE__ */ g(rt, {
+    outlined: /* @__PURE__ */ g(at, {
       label: R,
       ownerState: j
     }),
-    filled: /* @__PURE__ */ g(st, {
+    filled: /* @__PURE__ */ g(it, {
       ownerState: j
     })
-  }[N], m = He(n, wo(U));
+  }[N], b = Ge(n, To(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: d,
+        children: 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: w,
-        ...I ? {
+        ...S ? {
           id: f
         } : {
-          autoWidth: p,
+          autoWidth: d,
           defaultOpen: v,
-          displayEmpty: b,
+          displayEmpty: m,
           labelId: T,
           MenuProps: y,
-          onClose: S,
+          onClose: I,
           onOpen: $,
           open: k,
           renderValue: E,
           SelectDisplayProps: {
             id: f,
-            ...de
+            ...pe
           }
         },
         ...C,
         classes: C ? ve(te, C.classes) : te,
         ...O ? O.props.inputProps : {}
       },
-      ...(w && I || b) && N === "outlined" ? {
+      ...(w && S || m) && N === "outlined" ? {
         notched: !0
       } : {},
-      ref: m,
-      className: pe(U.props.className, i, ue.root),
+      ref: b,
+      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: N
       },
-      ...Z
+      ...Q
     })
   });
 });
-process.env.NODE_ENV !== "production" && (oo.propTypes = {
+process.env.NODE_ENV !== "production" && (to.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -2620,20 +2628,20 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-oo.muiName = "Select";
+to.muiName = "Select";
 export {
-  $o as A,
+  Eo as A,
   $e as F,
   Pe as I,
   ke as O,
-  oo as S,
-  Bo as a,
-  Tt as b,
-  Mo as c,
+  to as S,
+  Ao as a,
+  Pt as b,
+  Lo as c,
   Qe as d,
   W as f,
-  To as g,
+  No as g,
   H as i,
   P as o,
-  Y as s
+  G as s
 };