@cgi-learning-hub/ui 1.5.1 → 1.6.0

package/dist/{Select-CxnCi-3l.js → Select-DZMwqCYA.js}

@@ -1,23 +1,24 @@
 import * as u from "react";
-import { G as z, H as V, a2 as ve, P as e, I as pe, S as mo, J as go } from "./generateUtilityClasses-BpRGbQmY.js";
+import { P as e } from "./index-Sy88PpwE.js";
+import { F as z, G as V, $ as ve, H as pe, X as mo, I as go } from "./generateUtilityClasses-DngCqveO.js";
 import { f as ye } from "./formControlState-vgaj2ksH.js";
 import { u as he } from "./useFormControl-CatNKXAi.js";
-import { u as G, s as h, c as B, r as k, e as vo } from "./DefaultPropsProvider-Ik4eAJdt.js";
-import { m as E } from "./memoTheme-44McxcVZ.js";
+import { u as G, s as h, c as B, r as k, e as vo } from "./DefaultPropsProvider-hFv1J_xl.js";
+import { m as E } from "./memoTheme-nmt7i1dS.js";
 import { jsx as v, jsxs as Oe } from "react/jsx-runtime";
-import { c as q } from "./capitalize-DSG2FA7x.js";
-import { a as yo, b as ho } from "./FormLabel-EkpI8MQr.js";
-import { M as Oo } from "./Menu-DPhreDcS.js";
-import { r as J } from "./refType-DsRJ5_Sj.js";
+import { c as q } from "./capitalize-BHFotl9B.js";
+import { a as yo, b as ho } from "./FormLabel-DSi2pGSZ.js";
+import { M as Oo } from "./Menu-By6cOqEO.js";
+import { r as Y } from "./refType-Dp7CJc86.js";
 import { i as Co } from "./utils-DWqc1kRF.js";
 import { u as qe } from "./useControlled-BYdyS7Pn.js";
-import { u as He } from "./useForkRef-C_4o__cU.js";
+import { u as He } from "./useForkRef-u29GSuCu.js";
 import { o as Io } from "./ownerDocument-CUrv0DIK.js";
 import { u as So } from "./useId-CK6Kn3Tn.js";
-import { c as Ro } from "./createSvgIcon-CsMK8tGM.js";
-import { g as xo } from "./getReactElementRef-CD3_Stk5.js";
+import { c as Ro } from "./createSvgIcon-BlKmtOkV.js";
+import { g as xo } from "./getReactElementRef-H8kwrWP1.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-BQnEIwl1.js";
+import { i as Ie, I as Se, a as Re, r as xe, b as we, c as Te } from "./InputBase-DxLqRpcl.js";
 function wo(o) {
   return V("MuiInput", o);
 }
@@ -28,19 +29,19 @@ const X = {
 function To(o) {
   return V("MuiOutlinedInput", o);
 }
-const P = {
+const N = {
   ...Ie,
   ...z("MuiOutlinedInput", ["root", "notchedOutline", "input"])
 };
-function No(o) {
+function $o(o) {
   return V("MuiFilledInput", o);
 }
 const L = {
   ...Ie,
   ...z("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
-}, Po = Ro(/* @__PURE__ */ v("path", {
+}, No = Ro(/* @__PURE__ */ v("path", {
   d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown"), $o = (o) => {
+}), "ArrowDropDown"), Po = (o) => {
   const {
     classes: t,
     disableUnderline: n
@@ -147,7 +148,7 @@ const L = {
   name: "MuiInput",
   slot: "Input",
   overridesResolver: Te
-})({}), Ne = /* @__PURE__ */ u.forwardRef(function(t, n) {
+})({}), $e = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const r = G({
     props: t,
     name: "MuiInput"
@@ -162,7 +163,7 @@ const L = {
     slots: c = {},
     type: O = "text",
     ...C
-  } = r, w = $o(r), y = {
+  } = r, w = Po(r), y = {
     root: {
       ownerState: {
         disableUnderline: i
@@ -184,7 +185,7 @@ const L = {
     classes: w
   });
 });
-process.env.NODE_ENV !== "production" && (Ne.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`.     │
@@ -213,7 +214,7 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -225,7 +226,7 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -279,7 +280,7 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: Y,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -369,11 +370,11 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
    */
   value: e.any
 });
-Ne.muiName = "Input";
+$e.muiName = "Input";
 function Fo(o) {
   return V("MuiInputLabel", o);
 }
-const Rt = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), Mo = (o) => {
+const xt = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), Mo = (o) => {
   const {
     classes: t,
     formControl: n,
@@ -383,7 +384,7 @@ const Rt = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required
     variant: a,
     required: d
   } = o, b = {
-    root: ["root", n && "formControl", !p && "animated", i && "shrink", r && r !== "normal" && `size${q(r)}`, a],
+    root: ["root", n && "formControl", !p && "animated", i && "shrink", r && r !== "medium" && `size${q(r)}`, a],
     asterisk: [d && "asterisk"]
   }, m = B(b, Fo, t);
   return {
@@ -617,9 +618,9 @@ process.env.NODE_ENV !== "production" && (Lo.propTypes = {
   shrink: e.bool,
   /**
    * The size of the component.
-   * @default 'normal'
+   * @default 'medium'
    */
-  size: e.oneOfType([e.oneOf(["normal", "small"]), e.string]),
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -632,7 +633,7 @@ process.env.NODE_ENV !== "production" && (Lo.propTypes = {
 function Bo(o) {
   return V("MuiNativeSelect", o);
 }
-const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Wo = (o) => {
+const Ne = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Wo = (o) => {
   const {
     classes: t,
     variant: n,
@@ -662,7 +663,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     // Reset Chrome style
     borderRadius: 0
   },
-  [`&.${Pe.disabled}`]: {
+  [`&.${Ne.disabled}`]: {
     cursor: "default"
   },
   "&[multiple]": {
@@ -716,10 +717,10 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       ownerState: n
     } = o;
     return [t.select, t[n.variant], n.error && t.error, {
-      [`&.${Pe.multiple}`]: t.multiple
+      [`&.${Ne.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
@@ -731,7 +732,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
   // Don't block pointer events on the select under the icon.
   pointerEvents: "none",
   color: (o.vars || o).palette.action.active,
-  [`&.${Pe.disabled}`]: {
+  [`&.${Ne.disabled}`]: {
     color: (o.vars || o).palette.action.disabled
   },
   variants: [{
@@ -756,7 +757,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       right: 7
     }
   }]
-})), Uo = h(Je, {
+})), Uo = h(Ye, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -765,7 +766,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     } = o;
     return [t.icon, n.variant && t[`icon${q(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), Ye = /* @__PURE__ */ u.forwardRef(function(t, n) {
+})({}), Je = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const {
     className: r,
     disabled: i,
@@ -794,7 +795,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ye.propTypes = {
+process.env.NODE_ENV !== "production" && (Je.propTypes = {
   /**
    * The option elements to populate the select with.
    * Can be some `<option>` elements.
@@ -824,7 +825,7 @@ process.env.NODE_ENV !== "production" && (Ye.propTypes = {
    * Use that prop to pass a ref to the native select element.
    * @deprecated
    */
-  inputRef: J,
+  inputRef: Y,
   /**
    * @ignore
    */
@@ -888,7 +889,7 @@ const Do = h(Ge, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), zo = h(Je, {
+}), zo = h(Ye, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -951,16 +952,16 @@ const _o = (o) => {
     MenuProps: x = {},
     multiple: I,
     name: S,
-    onBlur: N,
+    onBlur: $,
     onChange: W,
-    onClose: Y,
+    onClose: J,
     onFocus: de,
     onOpen: Q,
     open: Z,
     readOnly: ee,
     renderValue: oe,
     required: _,
-    SelectDisplayProps: $ = {},
+    SelectDisplayProps: P = {},
     tabIndex: F,
     // catching `type` from Input which makes no sense for SelectInput
     type: ue,
@@ -1004,7 +1005,7 @@ const _o = (o) => {
     }
   }, [y]);
   const re = (s, l) => {
-    s ? Q && Q(l) : Y && Y(l), ce || (Be(a ? null : ne.clientWidth), to(s));
+    s ? Q && Q(l) : J && J(l), ce || (Be(a ? null : ne.clientWidth), to(s));
   }, io = (s) => {
     s.button === 0 && (s.preventDefault(), M.current.focus(), re(!0, s));
   }, lo = (s) => {
@@ -1043,13 +1044,13 @@ const _o = (o) => {
       "Enter"
     ].includes(s.key) && (s.preventDefault(), re(!0, s));
   }, K = j !== null && je, fo = (s) => {
-    !K && N && (Object.defineProperty(s, "target", {
+    !K && $ && (Object.defineProperty(s, "target", {
       writable: !0,
       value: {
         value: g,
         name: S
       }
-    }), N(s));
+    }), $(s));
   };
   delete A["aria-invalid"];
   let U, We;
@@ -1095,7 +1096,7 @@ const _o = (o) => {
   !a && ce && j && (Ae = ne.clientWidth);
   let be;
   typeof F < "u" ? be = F : be = c ? null : 0;
-  const Ue = $.id || (S ? `mui-component-select-${S}` : void 0), le = {
+  const Ue = P.id || (S ? `mui-component-select-${S}` : void 0), le = {
     ...t,
     variant: te,
     value: g,
@@ -1124,9 +1125,9 @@ const _o = (o) => {
       onMouseDown: c || ee ? null : io,
       onBlur: fo,
       onFocus: de,
-      ...$,
+      ...P,
       ownerState: le,
-      className: pe($.className, me.select, b),
+      className: pe(P.className, me.select, b),
       id: Ue,
       children: qo(U) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
@@ -1168,16 +1169,16 @@ const _o = (o) => {
         horizontal: "center"
       },
       ...x,
-      MenuListProps: {
-        "aria-labelledby": y,
-        role: "listbox",
-        "aria-multiselectable": I ? "true" : void 0,
-        disableListWrap: !0,
-        id: De,
-        ...x.MenuListProps
-      },
       slotProps: {
         ...x.slotProps,
+        list: {
+          "aria-labelledby": y,
+          role: "listbox",
+          "aria-multiselectable": I ? "true" : void 0,
+          disableListWrap: !0,
+          id: De,
+          ...x.MenuListProps
+        },
         paper: {
           ...ge,
           style: {
@@ -1250,7 +1251,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: J,
+  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 +1351,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 = B(b, No, t);
+  }, m = B(b, $o, t);
   return {
     ...t,
     // forward classes to the InputBase
@@ -1584,7 +1585,7 @@ const Ko = (o) => {
       paddingRight: 0
     }
   }]
-}))), $e = /* @__PURE__ */ u.forwardRef(function(t, n) {
+}))), Pe = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const r = G({
     props: t,
     name: "MuiFilledInput"
@@ -1615,11 +1616,11 @@ const Ko = (o) => {
     input: {
       ownerState: T
     }
-  }, I = c ?? a ? ve(x, c ?? a) : x, S = O.root ?? p.Root ?? Xo, N = O.input ?? p.Input ?? Ho;
+  }, I = c ?? a ? ve(x, c ?? a) : x, S = O.root ?? p.Root ?? Xo, $ = O.input ?? p.Input ?? Ho;
   return /* @__PURE__ */ v(Se, {
     slots: {
       root: S,
-      input: N
+      input: $
     },
     slotProps: I,
     fullWidth: d,
@@ -1631,7 +1632,7 @@ const Ko = (o) => {
     classes: y
   });
 });
-process.env.NODE_ENV !== "production" && ($e.propTypes = {
+process.env.NODE_ENV !== "production" && (Pe.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1660,7 +1661,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -1672,7 +1673,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -1733,7 +1734,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: Y,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -1823,7 +1824,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    */
   value: e.any
 });
-$e.muiName = "Input";
+Pe.muiName = "Input";
 var Xe;
 const Go = h("fieldset", {
   shouldForwardProp: k
@@ -1842,7 +1843,7 @@ const Go = h("fieldset", {
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), Jo = h("legend", {
+}), Yo = h("legend", {
   shouldForwardProp: k
 })(E(({
   theme: o
@@ -1924,7 +1925,7 @@ function eo(o) {
     className: r,
     ownerState: b,
     ...a,
-    children: /* @__PURE__ */ v(Jo, {
+    children: /* @__PURE__ */ v(Yo, {
       ownerState: b,
       children: d ? /* @__PURE__ */ v("span", {
         children: i
@@ -1965,7 +1966,7 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
    */
   style: e.object
 });
-const Yo = (o) => {
+const Jo = (o) => {
   const {
     classes: t
   } = o, r = B({
@@ -1990,16 +1991,16 @@ const Yo = (o) => {
   return {
     position: "relative",
     borderRadius: (o.vars || o).shape.borderRadius,
-    [`&:hover .${P.notchedOutline}`]: {
+    [`&:hover .${N.notchedOutline}`]: {
       borderColor: (o.vars || o).palette.text.primary
     },
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
-      [`&:hover .${P.notchedOutline}`]: {
+      [`&:hover .${N.notchedOutline}`]: {
         borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
       }
     },
-    [`&.${P.focused} .${P.notchedOutline}`]: {
+    [`&.${N.focused} .${N.notchedOutline}`]: {
       borderWidth: 2
     },
     variants: [...Object.entries(o.palette).filter(Ce()).map(([n]) => ({
@@ -2007,7 +2008,7 @@ const Yo = (o) => {
         color: n
       },
       style: {
-        [`&.${P.focused} .${P.notchedOutline}`]: {
+        [`&.${N.focused} .${N.notchedOutline}`]: {
           borderColor: (o.vars || o).palette[n].main
         }
       }
@@ -2015,10 +2016,10 @@ const Yo = (o) => {
       props: {},
       // to overide the above style
       style: {
-        [`&.${P.error} .${P.notchedOutline}`]: {
+        [`&.${N.error} .${N.notchedOutline}`]: {
           borderColor: (o.vars || o).palette.error.main
         },
-        [`&.${P.disabled} .${P.notchedOutline}`]: {
+        [`&.${N.disabled} .${N.notchedOutline}`]: {
           borderColor: (o.vars || o).palette.action.disabled
         }
       }
@@ -2136,7 +2137,7 @@ const Yo = (o) => {
     slots: c = {},
     type: O = "text",
     ...C
-  } = i, w = Yo(i), T = he(), y = ye({
+  } = i, w = Jo(i), T = he(), y = ye({
     props: i,
     muiFormControl: T,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
@@ -2158,13 +2159,13 @@ const Yo = (o) => {
       root: I,
       input: S
     },
-    renderSuffix: (N) => /* @__PURE__ */ v(Zo, {
+    renderSuffix: ($) => /* @__PURE__ */ v(Zo, {
       ownerState: x,
       className: w.notchedOutline,
       label: b != null && b !== "" && y.required ? r || (r = /* @__PURE__ */ Oe(u.Fragment, {
         children: [b, " ", "*"]
       })) : b,
-      notched: typeof f < "u" ? f : !!(N.startAdornment || N.filled || N.focused)
+      notched: typeof f < "u" ? f : !!($.startAdornment || $.filled || $.focused)
     }),
     fullWidth: a,
     inputComponent: d,
@@ -2207,7 +2208,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -2256,7 +2257,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: Y,
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -2359,7 +2360,7 @@ const ot = (o) => {
   overridesResolver: (o, t) => t.root,
   shouldForwardProp: (o) => k(o) && o !== "variant",
   slot: "Root"
-}, tt = h(Ne, Ee)(""), nt = h(ke, Ee)(""), rt = h($e, Ee)(""), oo = /* @__PURE__ */ u.forwardRef(function(t, n) {
+}, tt = h($e, Ee)(""), nt = h(ke, Ee)(""), rt = h(Pe, Ee)(""), oo = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const r = G({
     name: "MuiSelect",
     props: t
@@ -2370,7 +2371,7 @@ const ot = (o) => {
     className: d,
     defaultOpen: b = !1,
     displayEmpty: m = !1,
-    IconComponent: f = Po,
+    IconComponent: f = No,
     id: c,
     input: O,
     inputProps: C,
@@ -2380,19 +2381,19 @@ const ot = (o) => {
     multiple: x = !1,
     native: I = !1,
     onClose: S,
-    onOpen: N,
+    onOpen: $,
     open: W,
-    renderValue: Y,
+    renderValue: J,
     SelectDisplayProps: de,
     variant: Q = "outlined",
     ...Z
-  } = r, ee = I ? Ye : Ze, oe = he(), _ = ye({
+  } = r, ee = I ? Je : Ze, oe = he(), _ = ye({
     props: r,
     muiFormControl: oe,
     states: ["variant", "error"]
-  }), $ = _.variant || Q, F = {
+  }), P = _.variant || Q, F = {
     ...r,
-    variant: $,
+    variant: P,
     classes: a
   }, ue = ot(F), {
     root: Fe,
@@ -2408,7 +2409,7 @@ const ot = (o) => {
     filled: /* @__PURE__ */ v(rt, {
       ownerState: F
     })
-  }[$], g = He(n, xo(A));
+  }[P], g = He(n, xo(A));
   return /* @__PURE__ */ v(u.Fragment, {
     children: /* @__PURE__ */ u.cloneElement(A, {
       // Most of the logic is implemented in `SelectInput`.
@@ -2418,7 +2419,7 @@ const ot = (o) => {
         children: p,
         error: _.error,
         IconComponent: f,
-        variant: $,
+        variant: P,
         type: void 0,
         // We render a select. We can ignore the type provided by the `Input`.
         multiple: x,
@@ -2431,9 +2432,9 @@ const ot = (o) => {
           labelId: T,
           MenuProps: y,
           onClose: S,
-          onOpen: N,
+          onOpen: $,
           open: W,
-          renderValue: Y,
+          renderValue: J,
           SelectDisplayProps: {
             id: c,
             ...de
@@ -2443,14 +2444,14 @@ const ot = (o) => {
         classes: C ? ve(te, C.classes) : te,
         ...O ? O.props.inputProps : {}
       },
-      ...(x && I || m) && $ === "outlined" ? {
+      ...(x && I || m) && P === "outlined" ? {
         notched: !0
       } : {},
       ref: g,
       className: pe(A.props.className, d, ue.root),
       // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
       ...!O && {
-        variant: $
+        variant: P
       },
       ...Z
     })
@@ -2605,18 +2606,18 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
 });
 oo.muiName = "Select";
 export {
-  Po as A,
-  $e as F,
-  Ne as I,
+  No as A,
+  Pe as F,
+  $e as I,
   ke as O,
   oo as S,
   Lo as a,
-  Rt as b,
+  xt as b,
   Fo as c,
   Qe as d,
   L as f,
   wo as g,
   X as i,
-  P as o,
+  N as o,
   H as s
 };