@cgi-learning-hub/ui 1.7.0-dev.1754301696 → 1.7.0-dev.1754384740

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

@@ -1,75 +1,74 @@
 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 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 { 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 { 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) {
-  return q("MuiInput", o);
+import { F as _, G as X, O as Oe, H as ce, K, Z as Io, X as Ro } from "./identifier-Dnc8T93Z.js";
+import { f as Ce } from "./formControlState-vgaj2ksH.js";
+import { u as Se } from "./useFormControl-CatNKXAi.js";
+import { u as Q, s as C, c as D, r as j, e as wo } from "./DefaultPropsProvider-nxIPd34m.js";
+import { m as L } from "./memoTheme-K37vidlb.js";
+import { jsx as v, jsxs as Ie } from "react/jsx-runtime";
+import { a as xo, b as To } from "./FormLabel-DmLckqyT.js";
+import { M as Po } from "./Menu-3UjlpKRJ.js";
+import { r as ee } from "./refType-Dp7CJc86.js";
+import { i as No } from "./utils-DWqc1kRF.js";
+import { u as Ze } from "./useControlled-nm4pBabJ.js";
+import { u as he } from "./useForkRef-u29GSuCu.js";
+import { o as Je } from "./ownerDocument-CUrv0DIK.js";
+import { u as ko } from "./useId-CK6Kn3Tn.js";
+import { c as Mo } from "./createSvgIcon-BV54rC7k.js";
+import { g as Fo } from "./elementAcceptingRef-CEweUuUA.js";
+import { c as Re } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { i as we, I as xe, a as Te, r as Pe, b as Ne, c as ke } from "./InputBase-BCbPPzW1.js";
+import { u as $o } from "./useSlot-GooGQrej.js";
+function Eo(o) {
+  return X("MuiInput", o);
 }
-const H = {
-  ...Ie,
-  ...V("MuiInput", ["root", "underline", "input"])
+const Z = {
+  ...we,
+  ..._("MuiInput", ["root", "underline", "input"])
 };
-function Po(o) {
-  return q("MuiOutlinedInput", o);
+function jo(o) {
+  return X("MuiOutlinedInput", o);
 }
-const P = {
-  ...Ie,
-  ...V("MuiOutlinedInput", ["root", "notchedOutline", "input"])
+const N = {
+  ...we,
+  ..._("MuiOutlinedInput", ["root", "notchedOutline", "input"])
 };
-function No(o) {
-  return q("MuiFilledInput", o);
+function Lo(o) {
+  return X("MuiFilledInput", o);
 }
-const W = {
-  ...Ie,
-  ...V("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
-}, $o = xo(/* @__PURE__ */ g("path", {
+const A = {
+  ...we,
+  ..._("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
+}, Bo = Mo(/* @__PURE__ */ v("path", {
   d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown"), ko = (o) => {
+}), "ArrowDropDown"), Wo = (o) => {
   const {
     classes: t,
     disableUnderline: n
-  } = o, p = A({
+  } = o, p = D({
     root: ["root", !n && "underline"],
     input: ["input"]
-  }, To, t);
+  }, Eo, t);
   return {
     ...t,
     // forward classes to the InputBase
     ...p
   };
-}, Eo = h(xe, {
-  shouldForwardProp: (o) => F(o) || o === "classes",
+}, Uo = C(Te, {
+  shouldForwardProp: (o) => j(o) || o === "classes",
   name: "MuiInput",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [...we(o, t), !n.disableUnderline && t.underline];
+    return [...Pe(o, t), !n.disableUnderline && t.underline];
   }
-})(M(({
+})(L(({
   theme: o
 }) => {
   let n = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
-  return o.vars && (n = `rgba(${o.vars.palette.common.onBackgroundChannel} / ${o.vars.opacity.inputUnderline})`), {
+  return o.vars && (n = o.alpha(o.vars.palette.common.onBackground, o.vars.opacity.inputUnderline)), {
     position: "relative",
     variants: [{
       props: ({
@@ -99,12 +98,12 @@ const W = {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&.${H.focused}:after`]: {
+        [`&.${Z.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)"
         },
-        [`&.${H.error}`]: {
+        [`&.${Z.error}`]: {
           "&::before, &::after": {
             borderBottomColor: (o.vars || o).palette.error.main
           }
@@ -122,18 +121,18 @@ const W = {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&:hover:not(.${H.disabled}, .${H.error}):before`]: {
+        [`&:hover:not(.${Z.disabled}, .${Z.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}`
           }
         },
-        [`&.${H.disabled}:before`]: {
+        [`&.${Z.disabled}:before`]: {
           borderBottomStyle: "dotted"
         }
       }
-    }, ...Object.entries(o.palette).filter(Ce()).map(([r]) => ({
+    }, ...Object.entries(o.palette).filter(Re()).map(([r]) => ({
       props: {
         color: r,
         disableUnderline: !1
@@ -145,48 +144,48 @@ const W = {
       }
     }))]
   };
-})), Fo = h(Re, {
+})), Ao = C(Ne, {
   name: "MuiInput",
   slot: "Input",
-  overridesResolver: Te
-})({}), Pe = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = G({
+  overridesResolver: ke
+})({}), Me = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = Q({
     props: t,
     name: "MuiInput"
   }), {
     disableUnderline: p = !1,
     components: d = {},
     componentsProps: a,
-    fullWidth: i = !1,
-    inputComponent: v = "input",
-    multiline: b = !1,
-    slotProps: c,
-    slots: f = {},
-    type: O = "text",
-    ...C
-  } = r, R = ko(r), y = {
+    fullWidth: l = !1,
+    inputComponent: y = "input",
+    multiline: m = !1,
+    slotProps: f,
+    slots: b = {},
+    type: S = "text",
+    ...I
+  } = r, x = Wo(r), h = {
     root: {
       ownerState: {
         disableUnderline: p
       }
     }
-  }, w = c ?? a ? ve(c ?? a, y) : y, I = f.root ?? d.Root ?? Eo, S = f.input ?? d.Input ?? Fo;
-  return /* @__PURE__ */ g(Se, {
+  }, O = f ?? a ? Oe(f ?? a, h) : h, R = b.root ?? d.Root ?? Uo, w = b.input ?? d.Input ?? Ao;
+  return /* @__PURE__ */ v(xe, {
     slots: {
-      root: I,
-      input: S
+      root: R,
+      input: w
     },
-    slotProps: w,
-    fullWidth: i,
-    inputComponent: v,
-    multiline: b,
+    slotProps: O,
+    fullWidth: l,
+    inputComponent: y,
+    multiline: m,
     ref: n,
-    type: O,
-    ...C,
-    classes: R
+    type: S,
+    ...I,
+    classes: x
   });
 });
-process.env.NODE_ENV !== "production" && (Pe.propTypes = {
+process.env.NODE_ENV !== "production" && (Me.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -281,7 +280,7 @@ process.env.NODE_ENV !== "production" && (Pe.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: ee,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -371,11 +370,11 @@ process.env.NODE_ENV !== "production" && (Pe.propTypes = {
    */
   value: e.any
 });
-Pe.muiName = "Input";
-function Mo(o) {
-  return q("MuiInputLabel", o);
+Me.muiName = "Input";
+function Do(o) {
+  return X("MuiInputLabel", o);
 }
-const Tt = V("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), jo = (o) => {
+const $t = _("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), zo = (o) => {
   const {
     classes: t,
     formControl: n,
@@ -383,18 +382,18 @@ const Tt = V("MuiInputLabel", ["root", "focused", "disabled", "error", "required
     shrink: p,
     disableAnimation: d,
     variant: a,
-    required: i
-  } = o, v = {
-    root: ["root", n && "formControl", !d && "animated", p && "shrink", r && r !== "medium" && `size${_(r)}`, a],
-    asterisk: [i && "asterisk"]
-  }, b = A(v, Mo, t);
+    required: l
+  } = o, y = {
+    root: ["root", n && "formControl", !d && "animated", p && "shrink", r && r !== "medium" && `size${K(r)}`, a],
+    asterisk: [l && "asterisk"]
+  }, m = D(y, Do, t);
   return {
     ...t,
     // forward the focused, disabled, etc. classes to the FormLabel
-    ...b
+    ...m
   };
-}, Lo = h(yo, {
-  shouldForwardProp: (o) => F(o) || o === "classes",
+}, Vo = C(xo, {
+  shouldForwardProp: (o) => j(o) || o === "classes",
   name: "MuiInputLabel",
   slot: "Root",
   overridesResolver: (o, t) => {
@@ -402,10 +401,10 @@ const Tt = V("MuiInputLabel", ["root", "focused", "disabled", "error", "required
       ownerState: n
     } = o;
     return [{
-      [`& .${ho.asterisk}`]: t.asterisk
+      [`& .${To.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(({
+})(L(({
   theme: o
 }) => ({
   display: "block",
@@ -527,44 +526,44 @@ 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({
+}))), qo = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = Q({
     name: "MuiInputLabel",
     props: t
   }), {
     disableAnimation: p = !1,
     margin: d,
     shrink: a,
-    variant: i,
-    className: v,
-    ...b
-  } = r, c = he();
-  let f = a;
-  typeof f > "u" && c && (f = c.filled || c.focused || c.adornedStart);
-  const O = ye({
+    variant: l,
+    className: y,
+    ...m
+  } = r, f = Se();
+  let b = a;
+  typeof b > "u" && f && (b = f.filled || f.focused || f.adornedStart);
+  const S = Ce({
     props: r,
-    muiFormControl: c,
+    muiFormControl: f,
     states: ["size", "variant", "required", "focused"]
-  }), C = {
+  }), I = {
     ...r,
     disableAnimation: p,
-    formControl: c,
-    shrink: f,
-    size: O.size,
-    variant: O.variant,
-    required: O.required,
-    focused: O.focused
-  }, R = jo(C);
-  return /* @__PURE__ */ g(Lo, {
-    "data-shrink": f,
+    formControl: f,
+    shrink: b,
+    size: S.size,
+    variant: S.variant,
+    required: S.required,
+    focused: S.focused
+  }, x = zo(I);
+  return /* @__PURE__ */ v(Vo, {
+    "data-shrink": b,
     ref: n,
-    className: pe(R.root, v),
-    ...b,
-    ownerState: C,
-    classes: R
+    className: ce(x.root, y),
+    ...m,
+    ownerState: I,
+    classes: x
   });
 });
-process.env.NODE_ENV !== "production" && (Bo.propTypes = {
+process.env.NODE_ENV !== "production" && (qo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -631,10 +630,10 @@ process.env.NODE_ENV !== "production" && (Bo.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-function Wo(o) {
-  return q("MuiNativeSelect", o);
+function _o(o) {
+  return X("MuiNativeSelect", o);
 }
-const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Ao = (o) => {
+const Fe = _("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Xo = (o) => {
   const {
     classes: t,
     variant: n,
@@ -642,12 +641,14 @@ const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     multiple: p,
     open: d,
     error: a
-  } = o, i = {
+  } = o, l = {
     select: ["select", n, r && "disabled", p && "multiple", a && "error"],
-    icon: ["icon", `icon${_(n)}`, d && "iconOpen", r && "disabled"]
+    icon: ["icon", `icon${K(n)}`, d && "iconOpen", r && "disabled"]
   };
-  return A(i, Wo, t);
-}, Ye = h("select")(({
+  return D(l, _o, t);
+}, to = C("select", {
+  name: "MuiNativeSelect"
+})(({
   theme: o
 }) => ({
   // Reset
@@ -664,7 +665,7 @@ const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     // Reset Chrome style
     borderRadius: 0
   },
-  [`&.${Ne.disabled}`]: {
+  [`&.${Fe.disabled}`]: {
     cursor: "default"
   },
   "&[multiple]": {
@@ -709,19 +710,21 @@ const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       }
     }
   }]
-})), Uo = h(Ye, {
+})), Ko = C(to, {
   name: "MuiNativeSelect",
   slot: "Select",
-  shouldForwardProp: F,
+  shouldForwardProp: j,
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
     return [t.select, t[n.variant], n.error && t.error, {
-      [`&.${Ne.multiple}`]: t.multiple
+      [`&.${Fe.multiple}`]: t.multiple
     }];
   }
-})({}), Ge = h("svg")(({
+})({}), no = C("svg", {
+  name: "MuiNativeSelect"
+})(({
   theme: o
 }) => ({
   // We use a position absolute over a flexbox in order to forward the pointer events
@@ -733,7 +736,7 @@ const Ne = V("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,
-  [`&.${Ne.disabled}`]: {
+  [`&.${Fe.disabled}`]: {
     color: (o.vars || o).palette.action.disabled
   },
   variants: [{
@@ -758,45 +761,45 @@ const Ne = V("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       right: 7
     }
   }]
-})), Do = h(Ge, {
+})), Ho = C(no, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [t.icon, n.variant && t[`icon${_(n.variant)}`], n.open && t.iconOpen];
+    return [t.icon, n.variant && t[`icon${K(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), Je = /* @__PURE__ */ u.forwardRef(function(t, n) {
+})({}), ro = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const {
     className: r,
     disabled: p,
     error: d,
     IconComponent: a,
-    inputRef: i,
-    variant: v = "standard",
-    ...b
-  } = t, c = {
+    inputRef: l,
+    variant: y = "standard",
+    ...m
+  } = t, f = {
     ...t,
     disabled: p,
-    variant: v,
+    variant: y,
     error: d
-  }, f = Ao(c);
-  return /* @__PURE__ */ Oe(u.Fragment, {
-    children: [/* @__PURE__ */ g(Uo, {
-      ownerState: c,
-      className: pe(f.select, r),
+  }, b = Xo(f);
+  return /* @__PURE__ */ Ie(u.Fragment, {
+    children: [/* @__PURE__ */ v(Ko, {
+      ownerState: f,
+      className: ce(b.select, r),
       disabled: p,
-      ref: i || n,
-      ...b
-    }), t.multiple ? null : /* @__PURE__ */ g(Do, {
+      ref: l || n,
+      ...m
+    }), t.multiple ? null : /* @__PURE__ */ v(Ho, {
       as: a,
-      ownerState: c,
-      className: f.icon
+      ownerState: f,
+      className: b.icon
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Je.propTypes = {
+process.env.NODE_ENV !== "production" && (ro.propTypes = {
   /**
    * The option elements to populate the select with.
    * Can be some `<option>` elements.
@@ -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: ee,
   /**
    * @ignore
    */
@@ -851,12 +854,12 @@ process.env.NODE_ENV !== "production" && (Je.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-function Qe(o) {
-  return q("MuiSelect", o);
+function so(o) {
+  return X("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 J = _("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
+var Qe;
+const Yo = C(to, {
   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
+        [`&.${J.select}`]: t.select
       },
       {
-        [`&.${Y.select}`]: t[n.variant]
+        [`&.${J.select}`]: t[n.variant]
       },
       {
-        [`&.${Y.error}`]: t.error
+        [`&.${J.error}`]: t.error
       },
       {
-        [`&.${Y.multiple}`]: t.multiple
+        [`&.${J.multiple}`]: t.multiple
       }
     ];
   }
 })({
   // Win specificity over the input base
-  [`&.${Y.select}`]: {
+  [`&.${J.select}`]: {
     height: "auto",
     // Resets for multiple select with chips
     minHeight: "1.4375em",
@@ -890,17 +893,17 @@ const zo = h(Ye, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), Vo = h(Ge, {
+}), Go = C(no, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [t.icon, n.variant && t[`icon${_(n.variant)}`], n.open && t.iconOpen];
+    return [t.icon, n.variant && t[`icon${K(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), qo = h("input", {
-  shouldForwardProp: (o) => vo(o) && o !== "classes",
+})({}), Zo = C("input", {
+  shouldForwardProp: (o) => wo(o) && o !== "classes",
   name: "MuiSelect",
   slot: "NativeInput"
 })({
@@ -912,13 +915,13 @@ const zo = h(Ye, {
   width: "100%",
   boxSizing: "border-box"
 });
-function Ke(o, t) {
+function eo(o, t) {
   return typeof t == "object" && t !== null ? o === t : String(o) === String(t);
 }
-function _o(o) {
+function Jo(o) {
   return o == null || typeof o == "string" && !o.trim();
 }
-const Ko = (o) => {
+const Qo = (o) => {
   const {
     classes: t,
     variant: n,
@@ -926,159 +929,192 @@ const Ko = (o) => {
     multiple: p,
     open: d,
     error: a
-  } = o, i = {
+  } = o, l = {
     select: ["select", n, r && "disabled", p && "multiple", a && "error"],
-    icon: ["icon", `icon${_(n)}`, d && "iconOpen", r && "disabled"],
+    icon: ["icon", `icon${K(n)}`, d && "iconOpen", r && "disabled"],
     nativeInput: ["nativeInput"]
   };
-  return A(i, Qe, t);
-}, Ze = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  var ze;
+  return D(l, so, t);
+}, ao = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  var Ke, He, Ye, Ge;
   const {
     "aria-describedby": r,
     "aria-label": p,
     autoFocus: d,
     autoWidth: a,
-    children: i,
-    className: v,
-    defaultOpen: b,
-    defaultValue: c,
-    disabled: f,
-    displayEmpty: O,
-    error: C = !1,
-    IconComponent: R,
-    inputRef: T,
-    labelId: y,
-    MenuProps: w = {},
-    multiple: I,
-    name: S,
-    onBlur: $,
-    onChange: k,
+    children: l,
+    className: y,
+    defaultOpen: m,
+    defaultValue: f,
+    disabled: b,
+    displayEmpty: S,
+    error: I = !1,
+    IconComponent: x,
+    inputRef: P,
+    labelId: h,
+    MenuProps: O = {},
+    multiple: R,
+    name: w,
+    onBlur: F,
+    onChange: $,
     onClose: E,
-    onFocus: de,
-    onOpen: Q,
-    open: Z,
-    readOnly: ee,
-    renderValue: oe,
-    required: K,
-    SelectDisplayProps: N = {},
-    tabIndex: j,
+    onFocus: fe,
+    onOpen: oe,
+    open: te,
+    readOnly: ne,
+    renderValue: re,
+    required: H,
+    SelectDisplayProps: k = {},
+    tabIndex: B,
     // catching `type` from Input which makes no sense for SelectInput
-    type: ue,
-    value: Fe,
-    variant: te = "standard",
-    ...U
-  } = t, [m, Me] = qe({
-    controlled: Fe,
-    default: c,
+    type: be,
+    value: Le,
+    variant: se = "standard",
+    ...z
+  } = t, [g, Be] = Ze({
+    controlled: Le,
+    default: f,
     name: "Select"
-  }), [je, to] = qe({
-    controlled: Z,
-    default: b,
+  }), [We, po] = Ze({
+    controlled: te,
+    default: m,
     name: "Select"
-  }), Le = u.useRef(null), L = u.useRef(null), [B, no] = u.useState(null), {
-    current: ce
-  } = u.useRef(Z != null), [ro, Be] = u.useState(), so = He(n, T), ao = u.useCallback((s) => {
-    L.current = s, s && no(s);
-  }, []), ne = B == null ? void 0 : B.parentNode;
-  u.useImperativeHandle(so, () => ({
+  }), Ue = u.useRef(null), M = u.useRef(null), Ae = u.useRef(null), ae = u.useRef(!1), [W, uo] = u.useState(null), {
+    current: me
+  } = u.useRef(te != null), [co, De] = u.useState(), Y = W !== null && We, V = {
+    ...t,
+    variant: se,
+    value: g,
+    open: Y,
+    error: I
+  }, ie = {
+    ...O.PaperProps,
+    ...typeof ((Ke = O.slotProps) == null ? void 0 : Ke.paper) == "function" ? O.slotProps.paper(V) : (He = O.slotProps) == null ? void 0 : He.paper
+  }, fo = he(n, P), bo = he(ie.ref, Ae), mo = u.useCallback((s) => {
+    M.current = s, s && uo(s);
+  }, []), le = W == null ? void 0 : W.parentNode;
+  u.useImperativeHandle(fo, () => ({
     focus: () => {
-      L.current.focus();
+      M.current.focus();
     },
-    node: Le.current,
-    value: m
-  }), [m]), u.useEffect(() => {
-    b && je && B && !ce && (Be(a ? null : ne.clientWidth), L.current.focus());
-  }, [B, a]), u.useEffect(() => {
-    d && L.current.focus();
+    node: Ue.current,
+    value: g
+  }), [g]), u.useEffect(() => {
+    m && We && W && !me && (De(a ? null : le.clientWidth), M.current.focus());
+  }, [W, a]), u.useEffect(() => {
+    d && M.current.focus();
   }, [d]), u.useEffect(() => {
-    if (!y)
+    if (!h)
       return;
-    const s = Io(L.current).getElementById(y);
+    const s = Je(M.current).getElementById(h);
     if (s) {
-      const l = () => {
-        getSelection().isCollapsed && L.current.focus();
+      const i = () => {
+        getSelection().isCollapsed && M.current.focus();
       };
-      return s.addEventListener("click", l), () => {
-        s.removeEventListener("click", l);
+      return s.addEventListener("click", i), () => {
+        s.removeEventListener("click", i);
       };
     }
-  }, [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));
-  }, lo = (s) => {
-    re(!1, s);
-  }, se = u.Children.toArray(i), po = (s) => {
-    const l = se.find((x) => x.props.value === s.target.value);
-    l !== void 0 && (Me(l.props.value), k && k(s, l));
-  }, uo = (s) => (l) => {
-    let x;
-    if (l.currentTarget.hasAttribute("tabindex")) {
-      if (I) {
-        x = Array.isArray(m) ? m.slice() : [];
-        const z = m.indexOf(s.props.value);
-        z === -1 ? x.push(s.props.value) : x.splice(z, 1);
+  }, [h]);
+  const G = (s, i) => {
+    s ? oe && oe(i) : E && E(i), me || (De(a ? null : le.clientWidth), po(s));
+  }, go = (s) => {
+    if (s.button !== 0)
+      return;
+    s.preventDefault(), M.current.focus();
+    const i = Je(s.currentTarget);
+    function c(T) {
+      if (!M.current || Ae.current.contains(T.target))
+        return;
+      const U = M.current.getBoundingClientRect();
+      T.clientX >= U.left && T.clientX <= U.right && T.clientY >= U.top && T.clientY <= U.bottom || G(!1, T);
+    }
+    i.addEventListener("mouseup", c, {
+      once: !0
+    }), G(!0, s);
+  }, vo = (s) => {
+    G(!1, s);
+  }, pe = u.Children.toArray(l), yo = (s) => {
+    const i = pe.find((c) => c.props.value === s.target.value);
+    i !== void 0 && (Be(i.props.value), $ && $(s, i));
+  }, ze = (s) => (i) => {
+    let c;
+    if (i.currentTarget.hasAttribute("tabindex")) {
+      if (R) {
+        c = Array.isArray(g) ? g.slice() : [];
+        const T = g.indexOf(s.props.value);
+        T === -1 ? c.push(s.props.value) : c.splice(T, 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", {
+        c = s.props.value;
+      if (g !== c && (Be(c), $)) {
+        const T = i.nativeEvent || i, U = new T.constructor(T.type, T);
+        Object.defineProperty(U, "target", {
           writable: !0,
           value: {
-            value: x,
-            name: S
+            value: c,
+            name: w
           }
-        }), k(Ve, s);
+        }), $(U, s);
       }
-      I || re(!1, l);
+      R || G(!1, i);
     }
-  }, co = (s) => {
-    ee || [
+  }, ho = (s) => {
+    ne || [
       " ",
       "ArrowUp",
       "ArrowDown",
       // The native select doesn't respond to enter on macOS, but it's recommended by
       // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       "Enter"
-    ].includes(s.key) && (s.preventDefault(), re(!0, s));
-  }, X = B !== null && je, fo = (s) => {
-    !X && $ && (Object.defineProperty(s, "target", {
+    ].includes(s.key) && (s.preventDefault(), G(!0, s));
+  }, Oo = (s) => {
+    !Y && F && (Object.defineProperty(s, "target", {
       writable: !0,
       value: {
-        value: m,
-        name: S
+        value: g,
+        name: w
       }
-    }), $(s));
+    }), F(s));
   };
-  delete U["aria-invalid"];
-  let D, We;
-  const ae = [];
-  let ie = !1, fe = !1;
-  (Co({
-    value: m
-  }) || O) && (oe ? D = oe(m) : ie = !0);
-  const bo = se.map((s) => {
+  delete z["aria-invalid"];
+  let q, Ve;
+  const de = [];
+  let ue = !1, ge = !1;
+  (No({
+    value: g
+  }) || S) && (re ? q = re(g) : ue = !0);
+  const Co = pe.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" && Io.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);
+    let i;
+    if (R) {
+      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`." : Ro(2));
+      i = g.some((c) => eo(c, s.props.value)), i && ue && de.push(s.props.children);
     } else
-      l = Ke(m, s.props.value), l && ie && (We = s.props.children);
-    return l && (fe = !0), /* @__PURE__ */ u.cloneElement(s, {
-      "aria-selected": l ? "true" : "false",
-      onClick: uo(s),
-      onKeyUp: (x) => {
-        x.key === " " && x.preventDefault(), s.props.onKeyUp && s.props.onKeyUp(x);
+      i = eo(g, s.props.value), i && ue && (Ve = s.props.children);
+    return i && (ge = !0), /* @__PURE__ */ u.cloneElement(s, {
+      "aria-selected": i ? "true" : "false",
+      onPointerDown: () => {
+        ae.current = !0;
+      },
+      onClick: (c) => {
+        ae.current = !1, s.props.onClick && s.props.onClick(c), ze(s)(c);
+      },
+      onMouseUp: (c) => {
+        if (ae.current) {
+          ae.current = !1;
+          return;
+        }
+        s.props.onMouseUp && s.props.onMouseUp(c), ze(s)(c);
+      },
+      onKeyUp: (c) => {
+        c.key === " " && c.preventDefault(), s.props.onKeyUp && s.props.onKeyUp(c);
       },
       role: "option",
-      selected: l,
+      selected: i,
       value: void 0,
       // The value is most likely not a valid HTML attribute.
       "data-value": s.props.value
@@ -1086,80 +1122,74 @@ const Ko = (o) => {
     });
   });
   process.env.NODE_ENV !== "production" && u.useEffect(() => {
-    if (!fe && !I && m !== "") {
-      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(`
+    if (!ge && !R && g !== "") {
+      const s = pe.map((i) => i.props.value);
+      console.warn([`MUI: You have provided an out-of-range value \`${g}\` for the select ${w ? `(name="${w}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${s.filter((i) => i != null).map((i) => `\`${i}\``).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;
-  !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 = {
-    ...t,
-    variant: te,
-    value: m,
-    open: X,
-    error: C
-  }, me = Ko(le), ge = {
-    ...w.PaperProps,
-    ...(ze = w.slotProps) == null ? void 0 : ze.paper
-  }, De = So();
-  return /* @__PURE__ */ Oe(u.Fragment, {
-    children: [/* @__PURE__ */ g(zo, {
+  }, [ge, pe, R, w, g]), ue && (R ? de.length === 0 ? q = null : q = de.reduce((s, i, c) => (s.push(i), c < de.length - 1 && s.push(", "), s), []) : q = Ve);
+  let qe = co;
+  !a && me && W && (qe = le.clientWidth);
+  let ve;
+  typeof B < "u" ? ve = B : ve = b ? null : 0;
+  const _e = k.id || (w ? `mui-component-select-${w}` : void 0), ye = Qo(V), So = {
+    ...O.MenuListProps,
+    ...typeof ((Ye = O.slotProps) == null ? void 0 : Ye.list) == "function" ? O.slotProps.list(V) : (Ge = O.slotProps) == null ? void 0 : Ge.list
+  }, Xe = ko();
+  return /* @__PURE__ */ Ie(u.Fragment, {
+    children: [/* @__PURE__ */ v(Yo, {
       as: "div",
-      ref: ao,
-      tabIndex: be,
+      ref: mo,
+      tabIndex: ve,
       role: "combobox",
-      "aria-controls": X ? De : void 0,
-      "aria-disabled": f ? "true" : void 0,
-      "aria-expanded": X ? "true" : "false",
+      "aria-controls": Y ? Xe : void 0,
+      "aria-disabled": b ? "true" : void 0,
+      "aria-expanded": Y ? "true" : "false",
       "aria-haspopup": "listbox",
       "aria-label": p,
-      "aria-labelledby": [y, Ue].filter(Boolean).join(" ") || void 0,
+      "aria-labelledby": [h, _e].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,
-      ...N,
-      ownerState: le,
-      className: pe(N.className, me.select, v),
-      id: Ue,
-      children: _o(D) ? (
+      "aria-required": H ? "true" : void 0,
+      "aria-invalid": I ? "true" : void 0,
+      onKeyDown: ho,
+      onMouseDown: b || ne ? null : go,
+      onBlur: Oo,
+      onFocus: fe,
+      ...k,
+      ownerState: V,
+      className: ce(k.className, ye.select, y),
+      id: _e,
+      children: Jo(q) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
-        _e || (_e = /* @__PURE__ */ g("span", {
+        Qe || (Qe = /* @__PURE__ */ v("span", {
           className: "notranslate",
           "aria-hidden": !0,
           children: "​"
         }))
-      ) : D
-    }), /* @__PURE__ */ g(qo, {
-      "aria-invalid": C,
-      value: Array.isArray(m) ? m.join(",") : m,
-      name: S,
-      ref: Le,
+      ) : q
+    }), /* @__PURE__ */ v(Zo, {
+      "aria-invalid": I,
+      value: Array.isArray(g) ? g.join(",") : g,
+      name: w,
+      ref: Ue,
       "aria-hidden": !0,
-      onChange: po,
+      onChange: yo,
       tabIndex: -1,
-      disabled: f,
-      className: me.nativeInput,
+      disabled: b,
+      className: ye.nativeInput,
       autoFocus: d,
-      required: K,
-      ...U,
-      ownerState: le
-    }), /* @__PURE__ */ g(Vo, {
-      as: R,
-      className: me.icon,
-      ownerState: le
-    }), /* @__PURE__ */ g(Oo, {
-      id: `menu-${S || ""}`,
-      anchorEl: ne,
-      open: X,
-      onClose: lo,
+      required: H,
+      ...z,
+      ownerState: V
+    }), /* @__PURE__ */ v(Go, {
+      as: x,
+      className: ye.icon,
+      ownerState: V
+    }), /* @__PURE__ */ v(Po, {
+      id: `menu-${w || ""}`,
+      anchorEl: le,
+      open: Y,
+      onClose: vo,
       anchorOrigin: {
         vertical: "bottom",
         horizontal: "center"
@@ -1168,30 +1198,31 @@ const Ko = (o) => {
         vertical: "top",
         horizontal: "center"
       },
-      ...w,
+      ...O,
       slotProps: {
-        ...w.slotProps,
+        ...O.slotProps,
         list: {
-          "aria-labelledby": y,
+          "aria-labelledby": h,
           role: "listbox",
-          "aria-multiselectable": I ? "true" : void 0,
+          "aria-multiselectable": R ? "true" : void 0,
           disableListWrap: !0,
-          id: De,
-          ...w.MenuListProps
+          id: Xe,
+          ...So
         },
         paper: {
-          ...ge,
+          ...ie,
+          ref: bo,
           style: {
-            minWidth: Ae,
-            ...ge != null ? ge.style : null
+            minWidth: qe,
+            ...ie != null ? ie.style : null
           }
         }
       },
-      children: bo
+      children: Co
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ze.propTypes = {
+process.env.NODE_ENV !== "production" && (ao.propTypes = {
   /**
    * @ignore
    */
@@ -1251,7 +1282,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: J,
+  inputRef: ee,
   /**
    * 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,7 +1370,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-const Xo = (o) => {
+const et = (o) => {
   const {
     classes: t,
     disableUnderline: n,
@@ -1347,27 +1378,27 @@ const Xo = (o) => {
     endAdornment: p,
     size: d,
     hiddenLabel: a,
-    multiline: i
-  } = o, v = {
-    root: ["root", !n && "underline", r && "adornedStart", p && "adornedEnd", d === "small" && `size${_(d)}`, a && "hiddenLabel", i && "multiline"],
+    multiline: l
+  } = o, y = {
+    root: ["root", !n && "underline", r && "adornedStart", p && "adornedEnd", d === "small" && `size${K(d)}`, a && "hiddenLabel", l && "multiline"],
     input: ["input"]
-  }, b = A(v, No, t);
+  }, m = D(y, Lo, t);
   return {
     ...t,
     // forward classes to the InputBase
-    ...b
+    ...m
   };
-}, Ho = h(xe, {
-  shouldForwardProp: (o) => F(o) || o === "classes",
+}, ot = C(Te, {
+  shouldForwardProp: (o) => j(o) || o === "classes",
   name: "MuiFilledInput",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [...we(o, t), !n.disableUnderline && t.underline];
+    return [...Pe(o, t), !n.disableUnderline && t.underline];
   }
-})(M(({
+})(L(({
   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)";
@@ -1387,10 +1418,10 @@ const Xo = (o) => {
         backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r
       }
     },
-    [`&.${W.focused}`]: {
+    [`&.${A.focused}`]: {
       backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r
     },
-    [`&.${W.disabled}`]: {
+    [`&.${A.disabled}`]: {
       backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : d
     },
     variants: [{
@@ -1412,18 +1443,18 @@ const Xo = (o) => {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&.${W.focused}:after`]: {
+        [`&.${A.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)"
         },
-        [`&.${W.error}`]: {
+        [`&.${A.error}`]: {
           "&::before, &::after": {
             borderBottomColor: (o.vars || o).palette.error.main
           }
         },
         "&::before": {
-          borderBottom: `1px solid ${o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / ${o.vars.opacity.inputUnderline})` : n}`,
+          borderBottom: `1px solid ${o.vars ? o.alpha(o.vars.palette.common.onBackground, o.vars.opacity.inputUnderline) : n}`,
           left: 0,
           bottom: 0,
           content: '"\\00a0"',
@@ -1435,15 +1466,15 @@ const Xo = (o) => {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&:hover:not(.${W.disabled}, .${W.error}):before`]: {
+        [`&:hover:not(.${A.disabled}, .${A.error}):before`]: {
           borderBottom: `1px solid ${(o.vars || o).palette.text.primary}`
         },
-        [`&.${W.disabled}:before`]: {
+        [`&.${A.disabled}:before`]: {
           borderBottomStyle: "dotted"
         }
       }
-    }, ...Object.entries(o.palette).filter(Ce()).map(([a]) => {
-      var i;
+    }, ...Object.entries(o.palette).filter(Re()).map(([a]) => {
+      var l;
       return {
         props: {
           disableUnderline: !1,
@@ -1451,7 +1482,7 @@ const Xo = (o) => {
         },
         style: {
           "&::after": {
-            borderBottom: `2px solid ${(i = (o.vars || o).palette[a]) == null ? void 0 : i.main}`
+            borderBottom: `2px solid ${(l = (o.vars || o).palette[a]) == null ? void 0 : l.main}`
           }
         }
       };
@@ -1479,8 +1510,8 @@ const Xo = (o) => {
     }, {
       props: ({
         ownerState: a,
-        size: i
-      }) => a.multiline && i === "small",
+        size: l
+      }) => a.multiline && l === "small",
       style: {
         paddingTop: 21,
         paddingBottom: 4
@@ -1503,11 +1534,11 @@ const Xo = (o) => {
       }
     }]
   };
-})), Yo = h(Re, {
+})), tt = C(Ne, {
   name: "MuiFilledInput",
   slot: "Input",
-  overridesResolver: Te
-})(M(({
+  overridesResolver: ke
+})(L(({
   theme: o
 }) => ({
   paddingTop: 25,
@@ -1586,50 +1617,50 @@ const Xo = (o) => {
     }
   }]
 }))), $e = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = G({
+  const r = Q({
     props: t,
     name: "MuiFilledInput"
   }), {
     disableUnderline: p = !1,
     components: d = {},
     componentsProps: a,
-    fullWidth: i = !1,
-    hiddenLabel: v,
+    fullWidth: l = !1,
+    hiddenLabel: y,
     // declare here to prevent spreading to DOM
-    inputComponent: b = "input",
-    multiline: c = !1,
-    slotProps: f,
-    slots: O = {},
-    type: C = "text",
-    ...R
-  } = r, T = {
+    inputComponent: m = "input",
+    multiline: f = !1,
+    slotProps: b,
+    slots: S = {},
+    type: I = "text",
+    ...x
+  } = r, P = {
     ...r,
     disableUnderline: p,
-    fullWidth: i,
-    inputComponent: b,
-    multiline: c,
-    type: C
-  }, y = Xo(r), w = {
+    fullWidth: l,
+    inputComponent: m,
+    multiline: f,
+    type: I
+  }, h = et(r), O = {
     root: {
-      ownerState: T
+      ownerState: P
     },
     input: {
-      ownerState: T
+      ownerState: P
     }
-  }, I = f ?? a ? ve(w, f ?? a) : w, S = O.root ?? d.Root ?? Ho, $ = O.input ?? d.Input ?? Yo;
-  return /* @__PURE__ */ g(Se, {
+  }, R = b ?? a ? Oe(O, b ?? a) : O, w = S.root ?? d.Root ?? ot, F = S.input ?? d.Input ?? tt;
+  return /* @__PURE__ */ v(xe, {
     slots: {
-      root: S,
-      input: $
+      root: w,
+      input: F
     },
-    slotProps: I,
-    fullWidth: i,
-    inputComponent: b,
-    multiline: c,
+    slotProps: R,
+    fullWidth: l,
+    inputComponent: m,
+    multiline: f,
     ref: n,
-    type: C,
-    ...R,
-    classes: y
+    type: I,
+    ...x,
+    classes: h
   });
 });
 process.env.NODE_ENV !== "production" && ($e.propTypes = {
@@ -1734,7 +1765,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: ee,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -1825,9 +1856,10 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   value: e.any
 });
 $e.muiName = "Input";
-var Xe;
-const Go = h("fieldset", {
-  shouldForwardProp: F
+var oo;
+const nt = C("fieldset", {
+  name: "MuiNotchedOutlined",
+  shouldForwardProp: j
 })({
   textAlign: "left",
   position: "absolute",
@@ -1843,9 +1875,10 @@ const Go = h("fieldset", {
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), Jo = h("legend", {
-  shouldForwardProp: F
-})(M(({
+}), rt = C("legend", {
+  name: "MuiNotchedOutlined",
+  shouldForwardProp: j
+})(L(({
   theme: o
 }) => ({
   float: "unset",
@@ -1907,7 +1940,7 @@ const Go = h("fieldset", {
     }
   }]
 })));
-function eo(o) {
+function io(o) {
   const {
     children: t,
     classes: n,
@@ -1915,23 +1948,23 @@ function eo(o) {
     label: p,
     notched: d,
     ...a
-  } = o, i = p != null && p !== "", v = {
+  } = o, l = p != null && p !== "", y = {
     ...o,
     notched: d,
-    withLabel: i
+    withLabel: l
   };
-  return /* @__PURE__ */ g(Go, {
+  return /* @__PURE__ */ v(nt, {
     "aria-hidden": !0,
     className: r,
-    ownerState: v,
+    ownerState: y,
     ...a,
-    children: /* @__PURE__ */ g(Jo, {
-      ownerState: v,
-      children: i ? /* @__PURE__ */ g("span", {
+    children: /* @__PURE__ */ v(rt, {
+      ownerState: y,
+      children: l ? /* @__PURE__ */ v("span", {
         children: p
       }) : (
         // notranslate needed while Google Translate will not fix zero-width space issue
-        Xe || (Xe = /* @__PURE__ */ g("span", {
+        oo || (oo = /* @__PURE__ */ v("span", {
           className: "notranslate",
           "aria-hidden": !0,
           children: "​"
@@ -1940,7 +1973,7 @@ function eo(o) {
     })
   });
 }
-process.env.NODE_ENV !== "production" && (eo.propTypes = {
+process.env.NODE_ENV !== "production" && (io.propTypes = {
   /**
    * The content of the component.
    */
@@ -1966,49 +1999,49 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
    */
   style: e.object
 });
-const Qo = (o) => {
+const st = (o) => {
   const {
     classes: t
-  } = o, r = A({
+  } = o, r = D({
     root: ["root"],
     notchedOutline: ["notchedOutline"],
     input: ["input"]
-  }, Po, t);
+  }, jo, t);
   return {
     ...t,
     // forward classes to the InputBase
     ...r
   };
-}, Zo = h(xe, {
-  shouldForwardProp: (o) => F(o) || o === "classes",
+}, at = C(Te, {
+  shouldForwardProp: (o) => j(o) || o === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
-  overridesResolver: we
-})(M(({
+  overridesResolver: Pe
+})(L(({
   theme: o
 }) => {
   const t = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
   return {
     position: "relative",
     borderRadius: (o.vars || o).shape.borderRadius,
-    [`&:hover .${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}`]: {
-        borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
+      [`&:hover .${N.notchedOutline}`]: {
+        borderColor: o.vars ? o.alpha(o.vars.palette.common.onBackground, 0.23) : t
       }
     },
-    [`&.${P.focused} .${P.notchedOutline}`]: {
+    [`&.${N.focused} .${N.notchedOutline}`]: {
       borderWidth: 2
     },
-    variants: [...Object.entries(o.palette).filter(Ce()).map(([n]) => ({
+    variants: [...Object.entries(o.palette).filter(Re()).map(([n]) => ({
       props: {
         color: n
       },
       style: {
-        [`&.${P.focused} .${P.notchedOutline}`]: {
+        [`&.${N.focused} .${N.notchedOutline}`]: {
           borderColor: (o.vars || o).palette[n].main
         }
       }
@@ -2016,10 +2049,10 @@ const Qo = (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
         }
       }
@@ -2054,21 +2087,21 @@ const Qo = (o) => {
       }
     }]
   };
-})), et = h(eo, {
+})), it = C(io, {
   name: "MuiOutlinedInput",
   slot: "NotchedOutline"
-})(M(({
+})(L(({
   theme: o
 }) => {
   const t = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
   return {
-    borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
+    borderColor: o.vars ? o.alpha(o.vars.palette.common.onBackground, 0.23) : t
   };
-})), ot = h(Re, {
+})), lt = C(Ne, {
   name: "MuiOutlinedInput",
   slot: "Input",
-  overridesResolver: Te
-})(M(({
+  overridesResolver: ke
+})(L(({
   theme: o
 }) => ({
   padding: "16.5px 14px",
@@ -2121,75 +2154,75 @@ const Qo = (o) => {
       paddingRight: 0
     }
   }]
-}))), ke = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = G({
+}))), Ee = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = Q({
     props: t,
     name: "MuiOutlinedInput"
   }), {
     components: p = {},
     fullWidth: d = !1,
     inputComponent: a = "input",
-    label: i,
-    multiline: v = !1,
-    notched: b,
-    slots: c = {},
-    slotProps: f = {},
-    type: O = "text",
-    ...C
-  } = r, R = Qo(r), T = he(), y = ye({
+    label: l,
+    multiline: y = !1,
+    notched: m,
+    slots: f = {},
+    slotProps: b = {},
+    type: S = "text",
+    ...I
+  } = r, x = st(r), P = Se(), h = Ce({
     props: r,
-    muiFormControl: T,
+    muiFormControl: P,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
-  }), w = {
+  }), O = {
     ...r,
-    color: y.color || "primary",
-    disabled: y.disabled,
-    error: y.error,
-    focused: y.focused,
-    formControl: T,
+    color: h.color || "primary",
+    disabled: h.disabled,
+    error: h.error,
+    focused: h.focused,
+    formControl: P,
     fullWidth: d,
-    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,
-    className: R.notchedOutline,
+    hiddenLabel: h.hiddenLabel,
+    multiline: y,
+    size: h.size,
+    type: S
+  }, R = f.root ?? p.Root ?? at, w = f.input ?? p.Input ?? lt, [F, $] = $o("notchedOutline", {
+    elementType: it,
+    className: x.notchedOutline,
     shouldForwardComponentProp: !0,
-    ownerState: w,
+    ownerState: O,
     externalForwardedProps: {
-      slots: c,
-      slotProps: f
+      slots: f,
+      slotProps: b
     },
     additionalProps: {
-      label: i != null && i !== "" && y.required ? /* @__PURE__ */ Oe(u.Fragment, {
-        children: [i, " ", "*"]
-      }) : i
+      label: l != null && l !== "" && h.required ? /* @__PURE__ */ Ie(u.Fragment, {
+        children: [l, " ", "*"]
+      }) : l
     }
   });
-  return /* @__PURE__ */ g(Se, {
+  return /* @__PURE__ */ v(xe, {
     slots: {
-      root: I,
-      input: S
+      root: R,
+      input: w
     },
-    slotProps: f,
-    renderSuffix: (E) => /* @__PURE__ */ g($, {
-      ...k,
-      notched: typeof b < "u" ? b : !!(E.startAdornment || E.filled || E.focused)
+    slotProps: b,
+    renderSuffix: (E) => /* @__PURE__ */ v(F, {
+      ...$,
+      notched: typeof m < "u" ? m : !!(E.startAdornment || E.filled || E.focused)
     }),
     fullWidth: d,
     inputComponent: a,
-    multiline: v,
+    multiline: y,
     ref: n,
-    type: O,
-    ...C,
+    type: S,
+    ...I,
     classes: {
-      ...R,
+      ...x,
       notchedOutline: null
     }
   });
 });
-process.env.NODE_ENV !== "production" && (ke.propTypes = {
+process.env.NODE_ENV !== "production" && (Ee.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -2267,7 +2300,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: J,
+  inputRef: ee,
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -2361,119 +2394,119 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
    */
   value: e.any
 });
-ke.muiName = "Input";
-const tt = (o) => {
+Ee.muiName = "Input";
+const pt = (o) => {
   const {
     classes: t
-  } = o, r = A({
+  } = o, r = D({
     root: ["root"]
-  }, Qe, t);
+  }, so, t);
   return {
     ...t,
     ...r
   };
-}, Ee = {
+}, je = {
   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({
+  shouldForwardProp: (o) => j(o) && o !== "variant"
+}, dt = C(Me, je)(""), ut = C(Ee, je)(""), ct = C($e, je)(""), lo = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = Q({
     name: "MuiSelect",
     props: t
   }), {
     autoWidth: p = !1,
     children: d,
     classes: a = {},
-    className: i,
-    defaultOpen: v = !1,
-    displayEmpty: b = !1,
-    IconComponent: c = $o,
-    id: f,
-    input: O,
-    inputProps: C,
-    label: R,
-    labelId: T,
-    MenuProps: y,
-    multiple: w = !1,
-    native: I = !1,
-    onClose: S,
-    onOpen: $,
-    open: k,
+    className: l,
+    defaultOpen: y = !1,
+    displayEmpty: m = !1,
+    IconComponent: f = Bo,
+    id: b,
+    input: S,
+    inputProps: I,
+    label: x,
+    labelId: P,
+    MenuProps: h,
+    multiple: O = !1,
+    native: R = !1,
+    onClose: w,
+    onOpen: F,
+    open: $,
     renderValue: E,
-    SelectDisplayProps: de,
-    variant: Q = "outlined",
-    ...Z
-  } = r, ee = I ? Je : Ze, oe = he(), K = ye({
+    SelectDisplayProps: fe,
+    variant: oe = "outlined",
+    ...te
+  } = r, ne = R ? ro : ao, re = Se(), H = Ce({
     props: r,
-    muiFormControl: oe,
+    muiFormControl: re,
     states: ["variant", "error"]
-  }), N = K.variant || Q, j = {
+  }), k = H.variant || oe, B = {
     ...r,
-    variant: N,
+    variant: k,
     classes: a
-  }, ue = tt(j), {
-    root: Fe,
-    ...te
-  } = ue, U = O || {
-    standard: /* @__PURE__ */ g(nt, {
-      ownerState: j
+  }, be = pt(B), {
+    root: Le,
+    ...se
+  } = be, z = S || {
+    standard: /* @__PURE__ */ v(dt, {
+      ownerState: B
     }),
-    outlined: /* @__PURE__ */ g(rt, {
-      label: R,
-      ownerState: j
+    outlined: /* @__PURE__ */ v(ut, {
+      label: x,
+      ownerState: B
     }),
-    filled: /* @__PURE__ */ g(st, {
-      ownerState: j
+    filled: /* @__PURE__ */ v(ct, {
+      ownerState: B
     })
-  }[N], m = He(n, wo(U));
-  return /* @__PURE__ */ g(u.Fragment, {
-    children: /* @__PURE__ */ u.cloneElement(U, {
+  }[k], g = he(n, Fo(z));
+  return /* @__PURE__ */ v(u.Fragment, {
+    children: /* @__PURE__ */ u.cloneElement(z, {
       // 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,
+      inputComponent: ne,
       inputProps: {
         children: d,
-        error: K.error,
-        IconComponent: c,
-        variant: N,
+        error: H.error,
+        IconComponent: f,
+        variant: k,
         type: void 0,
         // We render a select. We can ignore the type provided by the `Input`.
-        multiple: w,
-        ...I ? {
-          id: f
+        multiple: O,
+        ...R ? {
+          id: b
         } : {
           autoWidth: p,
-          defaultOpen: v,
-          displayEmpty: b,
-          labelId: T,
-          MenuProps: y,
-          onClose: S,
-          onOpen: $,
-          open: k,
+          defaultOpen: y,
+          displayEmpty: m,
+          labelId: P,
+          MenuProps: h,
+          onClose: w,
+          onOpen: F,
+          open: $,
           renderValue: E,
           SelectDisplayProps: {
-            id: f,
-            ...de
+            id: b,
+            ...fe
           }
         },
-        ...C,
-        classes: C ? ve(te, C.classes) : te,
-        ...O ? O.props.inputProps : {}
+        ...I,
+        classes: I ? Oe(se, I.classes) : se,
+        ...S ? S.props.inputProps : {}
       },
-      ...(w && I || b) && N === "outlined" ? {
+      ...(O && R || m) && k === "outlined" ? {
         notched: !0
       } : {},
-      ref: m,
-      className: pe(U.props.className, i, ue.root),
+      ref: g,
+      className: ce(z.props.className, l, be.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
+      ...!S && {
+        variant: k
       },
-      ...Z
+      ...te
     })
   });
 });
-process.env.NODE_ENV !== "production" && (oo.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`.     │
@@ -2620,20 +2653,20 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-oo.muiName = "Select";
+lo.muiName = "Select";
 export {
-  $o as A,
+  Bo as A,
   $e as F,
-  Pe as I,
-  ke as O,
-  oo as S,
-  Bo as a,
-  Tt as b,
-  Mo as c,
-  Qe as d,
-  W as f,
-  To as g,
-  H as i,
-  P as o,
-  Y as s
+  Me as I,
+  Ee as O,
+  lo as S,
+  qo as a,
+  $t as b,
+  Do as c,
+  so as d,
+  A as f,
+  Eo as g,
+  Z as i,
+  N as o,
+  J as s
 };