kdpa-components 1.2.0 → 1.3.0

package/dist/{TextField-57c51dbe.js → TextField-f859a694.js}

@@ -1,29 +1,29 @@
 import { _ as H, a as s } from "./extends-135d7828.js";
 import * as a from "react";
-import { j as v, P as e, T as Go, c as ue, f as Oo, e as Ze, g as pe } from "./identifier-2647f844.js";
-import { e as Xo, i as Yo, s as $, u as te, c as ee, a as oe, b as Oe, g as fe, r as Je, j as Zo } from "./useThemeProps-ea792506.js";
-import { i as Co, F as Jo } from "./FormControl-ca7447ab.js";
+import { j as v, P as e, T as Go, c as ue, f as Oo, e as Ze, g as pe } from "./identifier-4b679058.js";
+import { e as Xo, h as Yo, s as $, u as te, c as ee, a as oe, b as Oe, g as fe, r as Je, i as Zo } from "./useThemeProps-8045630a.js";
+import { i as Co, F as Jo } from "./FormControl-5ca46149.js";
 import { u as Qo } from "./useId-a21bd5c3.js";
 import { f as Se } from "./formControlState-9148c46f.js";
 import { u as Ee, F as en } from "./useFormControl-af690c26.js";
-import { u as on } from "./useTheme-6ea322ec.js";
-import { g as nn, M as tn } from "./Modal-daf2a588.js";
-import { M as To, i as rn } from "./Paper-00aea968.js";
-import { r as ge } from "./refType-450337d6.js";
+import { u as on } from "./useTheme-b80df7a1.js";
+import { g as nn, M as tn } from "./Modal-e4b4343a.js";
+import { M as To, i as rn } from "./Paper-745bae33.js";
+import { r as ge } from "./refType-c6eb9d17.js";
 import { c as sn } from "./chainPropTypes-004bf492.js";
 import { H as Xe } from "./HTMLElementType-ff213f3c.js";
-import { e as Ro } from "./elementTypeAcceptingRef-dea9e62a.js";
-import { G as ln } from "./Grow-55d0786d.js";
+import { e as Ro } from "./elementTypeAcceptingRef-5d2fd806.js";
+import { G as ln } from "./Grow-e68cfcc6.js";
 import { u as Ne } from "./useForkRef-0781dda0.js";
 import { o as Le } from "./ownerDocument-5430cd5b.js";
 import { o as Ae, d as wo } from "./ownerWindow-e6cc3097.js";
 import { L as an } from "./ListContext-de5072f9.js";
 import { u as Qe } from "./useEventCallback-83a2883c.js";
 import { u as ao } from "./useControlled-cc2d41cb.js";
-import { a as Ye, g as cn, f as xe, b as dn, i as Fe, c as un, o as he, d as pn, A as fn } from "./ArrowDropDown-07b9ccae.js";
+import { a as Ye, g as cn, f as xe, b as dn, i as Me, c as un, o as he, d as pn, A as fn } from "./ArrowDropDown-ec1b3024.js";
 import * as mn from "react-dom";
-import { i as co } from "./useSlotProps-3b927bcb.js";
-import { G as bn } from "./emotion-react.browser.esm-3fa5f721.js";
+import { i as co } from "./useSlotProps-a1ec34df.js";
+import { G as bn } from "./emotion-react.browser.esm-9ce05923.js";
 const hn = ["onChange", "maxRows", "minRows", "style", "value"];
 function ze(o) {
   return parseInt(o, 10) || 0;
@@ -55,7 +55,7 @@ const Io = /* @__PURE__ */ a.forwardRef(function(n, t) {
     value: d
   } = n, p = H(n, hn), {
     current: u
-  } = a.useRef(d != null), h = a.useRef(null), O = Ne(t, h), R = a.useRef(null), f = a.useRef(0), [w, j] = a.useState({
+  } = a.useRef(d != null), h = a.useRef(null), O = Ne(t, h), R = a.useRef(null), f = a.useRef(0), [w, F] = a.useState({
     outerHeightStyle: 0
   }), E = a.useCallback(() => {
     const m = h.current, x = Ae(m).getComputedStyle(m);
@@ -88,11 +88,11 @@ const Io = /* @__PURE__ */ a.forwardRef(function(n, t) {
 `)), m);
   }, T = a.useCallback(() => {
     const m = E();
-    uo(m) || j((C) => S(C, m));
+    uo(m) || F((C) => S(C, m));
   }, [E]), b = () => {
     const m = E();
     uo(m) || mn.flushSync(() => {
-      j((C) => S(C, m));
+      F((C) => S(C, m));
     });
   };
   a.useEffect(() => {
@@ -258,11 +258,11 @@ const xn = ["aria-describedby", "autoComplete", "autoFocus", "className", "color
     size: R,
     startAdornment: f,
     type: w
-  } = o, j = {
+  } = o, F = {
     root: ["root", `color${ue(t)}`, r && "disabled", i && "error", p && "fullWidth", c && "focused", d && "formControl", R === "small" && "sizeSmall", h && "multiline", f && "adornedStart", l && "adornedEnd", u && "hiddenLabel", O && "readOnly"],
     input: ["input", r && "disabled", w === "search" && "inputTypeSearch", h && "inputMultiline", R === "small" && "inputSizeSmall", u && "inputHiddenLabel", f && "inputAdornedStart", l && "inputAdornedEnd", O && "readOnly"]
   };
-  return oe(j, cn, n);
+  return oe(F, cn, n);
 }, Ue = $("div", {
   name: "MuiInputBase",
   slot: "Root",
@@ -420,7 +420,7 @@ const xn = ["aria-describedby", "autoComplete", "autoFocus", "className", "color
     disabled: R,
     disableInjectingGlobalStyles: f,
     endAdornment: w,
-    fullWidth: j = !1,
+    fullWidth: F = !1,
     id: E,
     inputComponent: S = "input",
     inputProps: T = {},
@@ -438,7 +438,7 @@ const xn = ["aria-describedby", "autoComplete", "autoFocus", "className", "color
     placeholder: W,
     readOnly: U,
     renderSuffix: K,
-    rows: F,
+    rows: M,
     slotProps: se = {},
     slots: ie = {},
     startAdornment: N,
@@ -462,9 +462,9 @@ const xn = ["aria-describedby", "autoComplete", "autoFocus", "className", "color
   J.focused = P ? P.focused : Q, a.useEffect(() => {
     !P && R && Q && (re(!1), I && I());
   }, [P, R, Q, I]);
-  const je = P && P.onFilled, ce = P && P.onEmpty, ve = a.useCallback((D) => {
-    Co(D) ? je && je() : ce && ce();
-  }, [je, ce]);
+  const Fe = P && P.onFilled, ce = P && P.onEmpty, ve = a.useCallback((D) => {
+    Co(D) ? Fe && Fe() : ce && ce();
+  }, [Fe, ce]);
   Qe(() => {
     _ && ve({
       value: V
@@ -496,10 +496,10 @@ const xn = ["aria-describedby", "autoComplete", "autoFocus", "className", "color
     Z.current && D.currentTarget === D.target && Z.current.focus(), k && !J.disabled && k(D);
   };
   let ae = S, ne = T;
-  C && ae === "input" && (F ? (process.env.NODE_ENV !== "production" && (m || y) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), ne = s({
+  C && ae === "input" && (M ? (process.env.NODE_ENV !== "production" && (m || y) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), ne = s({
     type: void 0,
-    minRows: F,
-    maxRows: F
+    minRows: M,
+    maxRows: M
   }, ne)) : ne = s({
     type: void 0,
     maxRows: y,
@@ -520,7 +520,7 @@ const xn = ["aria-describedby", "autoComplete", "autoFocus", "className", "color
     error: J.error,
     focused: J.focused,
     formControl: P,
-    fullWidth: j,
+    fullWidth: F,
     hiddenLabel: J.hiddenLabel,
     multiline: C,
     size: J.size,
@@ -551,7 +551,7 @@ const xn = ["aria-describedby", "autoComplete", "autoFocus", "className", "color
           placeholder: W,
           readOnly: U,
           required: J.required,
-          rows: F,
+          rows: M,
           value: V,
           onKeyDown: Y,
           onKeyUp: q,
@@ -973,12 +973,12 @@ const eo = No, Tn = ["disableUnderline", "components", "componentsProps", "fullW
     multiline: R = !1,
     slotProps: f,
     slots: w = {},
-    type: j = "text"
+    type: F = "text"
   } = d, E = H(d, Tn), S = s({}, d, {
     fullWidth: h,
     inputComponent: O,
     multiline: R,
-    type: j
+    type: F
   }), T = Rn(d), b = {
     root: {
       ownerState: S
@@ -997,7 +997,7 @@ const eo = No, Tn = ["disableUnderline", "components", "componentsProps", "fullW
     inputComponent: O,
     multiline: R,
     ref: t,
-    type: j
+    type: F
   }, E, {
     classes: T
   }));
@@ -1196,7 +1196,7 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
   value: e.any
 });
 oo.muiName = "Input";
-const jo = oo;
+const Fo = oo;
 function Pn(o) {
   return pe("MuiFormHelperText", o);
 }
@@ -1216,7 +1216,7 @@ const En = ["children", "className", "component", "disabled", "error", "filled",
     root: ["root", i && "disabled", l && "error", r && `size${ue(r)}`, t && "contained", d && "focused", c && "filled", p && "required"]
   };
   return oe(u, Pn, n);
-}, jn = $("p", {
+}, Fn = $("p", {
   name: "MuiFormHelperText",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -1247,7 +1247,7 @@ const En = ["children", "className", "component", "disabled", "error", "filled",
 }, n.contained && {
   marginLeft: 14,
   marginRight: 14
-})), Fo = /* @__PURE__ */ a.forwardRef(function(n, t) {
+})), Mo = /* @__PURE__ */ a.forwardRef(function(n, t) {
   const r = te({
     props: n,
     name: "MuiFormHelperText"
@@ -1270,7 +1270,7 @@ const En = ["children", "className", "component", "disabled", "error", "filled",
     focused: u.focused,
     required: u.required
   }), O = Nn(h);
-  return /* @__PURE__ */ v.jsx(jn, s({
+  return /* @__PURE__ */ v.jsx(Fn, s({
     as: c,
     ownerState: h,
     className: ee(O.root, l),
@@ -1285,7 +1285,7 @@ const En = ["children", "className", "component", "disabled", "error", "filled",
     ) : i
   }));
 });
-process.env.NODE_ENV !== "production" && (Fo.propTypes = {
+process.env.NODE_ENV !== "production" && (Mo.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -1343,8 +1343,8 @@ process.env.NODE_ENV !== "production" && (Fo.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
 });
-const Fn = Fo;
-function Mn(o) {
+const Mn = Mo;
+function jn(o) {
   return pe("MuiFormLabel", o);
 }
 const $n = fe("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), ke = $n, kn = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"], Ln = (o) => {
@@ -1360,7 +1360,7 @@ const $n = fe("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
     root: ["root", `color${ue(t)}`, i && "disabled", l && "error", c && "filled", r && "focused", d && "required"],
     asterisk: ["asterisk", l && "error"]
   };
-  return oe(p, Mn, n);
+  return oe(p, jn, n);
 }, Dn = $("label", {
   name: "MuiFormLabel",
   slot: "Root",
@@ -1395,7 +1395,7 @@ const $n = fe("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
   [`&.${ke.error}`]: {
     color: (o.vars || o).palette.error.main
   }
-})), Mo = /* @__PURE__ */ a.forwardRef(function(n, t) {
+})), jo = /* @__PURE__ */ a.forwardRef(function(n, t) {
   const r = te({
     props: n,
     name: "MuiFormLabel"
@@ -1430,7 +1430,7 @@ const $n = fe("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
     })]
   }));
 });
-process.env.NODE_ENV !== "production" && (Mo.propTypes = {
+process.env.NODE_ENV !== "production" && (jo.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -1483,7 +1483,7 @@ process.env.NODE_ENV !== "production" && (Mo.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const Wn = Mo, An = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"], _n = (o) => {
+const Wn = jo, An = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"], _n = (o) => {
   const {
     classes: n,
     disableUnderline: t
@@ -1530,12 +1530,12 @@ const Wn = Mo, An = ["disableUnderline", "components", "componentsProps", "fullW
       pointerEvents: "none"
       // Transparent to the hover style.
     },
-    [`&.${Fe.focused}:after`]: {
+    [`&.${Me.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)"
     },
-    [`&.${Fe.error}`]: {
+    [`&.${Me.error}`]: {
       "&:before, &:after": {
         borderBottomColor: (o.vars || o).palette.error.main
       }
@@ -1554,14 +1554,14 @@ const Wn = Mo, An = ["disableUnderline", "components", "componentsProps", "fullW
       pointerEvents: "none"
       // Transparent to the hover style.
     },
-    [`&:hover:not(.${Fe.disabled}, .${Fe.error}):before`]: {
+    [`&:hover:not(.${Me.disabled}, .${Me.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 ${r}`
       }
     },
-    [`&.${Fe.disabled}:before`]: {
+    [`&.${Me.disabled}:before`]: {
       borderBottomStyle: "dotted"
     }
   });
@@ -1582,7 +1582,7 @@ const Wn = Mo, An = ["disableUnderline", "components", "componentsProps", "fullW
     inputComponent: R = "input",
     multiline: f = !1,
     slotProps: w,
-    slots: j = {},
+    slots: F = {},
     type: E = "text"
   } = d, S = H(d, An), T = _n(d), y = {
     root: {
@@ -1590,7 +1590,7 @@ const Wn = Mo, An = ["disableUnderline", "components", "componentsProps", "fullW
         disableUnderline: p
       }
     }
-  }, m = w ?? h ? Ze(w ?? h, y) : y, C = (r = (i = j.root) != null ? i : u.Root) != null ? r : Bn, x = (l = (c = j.input) != null ? c : u.Input) != null ? l : Un;
+  }, m = w ?? h ? Ze(w ?? h, y) : y, C = (r = (i = F.root) != null ? i : u.Root) != null ? r : Bn, x = (l = (c = F.input) != null ? c : u.Input) != null ? l : Un;
   return /* @__PURE__ */ v.jsx(eo, s({
     slots: {
       root: C,
@@ -2106,7 +2106,7 @@ function Do(o, n) {
   let t = o.innerText;
   return t === void 0 && (t = o.textContent), t = t.trim().toLowerCase(), t.length === 0 ? !1 : n.repeating ? t[0] === n.keys[0] : t.indexOf(n.keys.join("")) === 0;
 }
-function Me(o, n, t, r, i, l) {
+function je(o, n, t, r, i, l) {
   let c = !1, d = i(o, n, n ? t : !1);
   for (; d; ) {
     if (d === o.firstChild) {
@@ -2153,21 +2153,21 @@ const zo = /* @__PURE__ */ a.forwardRef(function(n, t) {
       return f.current;
     }
   }), []);
-  const j = (b) => {
+  const F = (b) => {
     const y = f.current, m = b.key, C = Le(y).activeElement;
     if (m === "ArrowDown")
-      b.preventDefault(), Me(y, C, u, p, Ge);
+      b.preventDefault(), je(y, C, u, p, Ge);
     else if (m === "ArrowUp")
-      b.preventDefault(), Me(y, C, u, p, mo);
+      b.preventDefault(), je(y, C, u, p, mo);
     else if (m === "Home")
-      b.preventDefault(), Me(y, null, u, p, Ge);
+      b.preventDefault(), je(y, null, u, p, Ge);
     else if (m === "End")
-      b.preventDefault(), Me(y, null, u, p, mo);
+      b.preventDefault(), je(y, null, u, p, mo);
     else if (m.length === 1) {
       const x = w.current, I = m.toLowerCase(), A = performance.now();
       x.keys.length > 0 && (A - x.lastTime > 500 ? (x.keys = [], x.repeating = !0, x.previousKeyMatched = !0) : x.repeating && I !== x.keys[0] && (x.repeating = !1)), x.lastTime = A, x.keys.push(I);
       const k = C && !x.repeating && Do(C, x);
-      x.previousKeyMatched && (k || Me(y, C, !1, p, Ge, x)) ? b.preventDefault() : x.previousKeyMatched = !1;
+      x.previousKeyMatched && (k || je(y, C, !1, p, Ge, x)) ? b.preventDefault() : x.previousKeyMatched = !1;
     }
     h && h(b);
   }, E = Ne(f, t);
@@ -2187,7 +2187,7 @@ const zo = /* @__PURE__ */ a.forwardRef(function(n, t) {
     role: "menu",
     ref: E,
     className: d,
-    onKeyDown: j,
+    onKeyDown: F,
     tabIndex: i ? 0 : -1
   }, R, {
     children: T
@@ -2305,7 +2305,7 @@ const st = (o) => {
     elevation: R = 8,
     marginThreshold: f = 16,
     open: w,
-    PaperProps: j = {},
+    PaperProps: F = {},
     transformOrigin: E = {
       vertical: "top",
       horizontal: "left"
@@ -2315,12 +2315,12 @@ const st = (o) => {
     TransitionProps: {
       onEntering: b
     } = {}
-  } = r, y = H(r.TransitionProps, tt), m = H(r, rt), C = a.useRef(), x = Ne(C, j.ref), I = s({}, r, {
+  } = r, y = H(r.TransitionProps, tt), m = H(r, rt), C = a.useRef(), x = Ne(C, F.ref), I = s({}, r, {
     anchorOrigin: c,
     anchorReference: p,
     elevation: R,
     marginThreshold: f,
-    PaperProps: j,
+    PaperProps: F,
     transformOrigin: E,
     TransitionComponent: S,
     transitionDuration: T,
@@ -2383,7 +2383,7 @@ const st = (o) => {
     L.top !== null && (N.style.top = L.top), L.left !== null && (N.style.left = L.left), N.style.transformOrigin = L.transformOrigin, W(!0);
   }, [Y]), K = (N, L) => {
     b && b(N, L), U();
-  }, F = () => {
+  }, M = () => {
     W(!1);
   };
   a.useEffect(() => {
@@ -2419,16 +2419,16 @@ const st = (o) => {
       appear: !0,
       in: w,
       onEntering: K,
-      onExited: F,
+      onExited: M,
       timeout: se
     }, y, {
       children: /* @__PURE__ */ v.jsx(lt, s({
         elevation: R
-      }, j, {
+      }, F, {
         ref: x,
-        className: ee(A.paper, j.className)
+        className: ee(A.paper, F.className)
       }, q ? void 0 : {
-        style: s({}, j.style, {
+        style: s({}, F.style, {
           opacity: 0
         })
       }, {
@@ -2646,14 +2646,14 @@ const dt = ["onEntering"], ut = ["autoFocus", "children", "disableAutoFocusItem"
       onEntering: f
     } = {},
     variant: w = "selectedMenu"
-  } = r, j = H(r.TransitionProps, dt), E = H(r, ut), S = on(), T = S.direction === "rtl", b = s({}, r, {
+  } = r, F = H(r.TransitionProps, dt), E = H(r, ut), S = on(), T = S.direction === "rtl", b = s({}, r, {
     autoFocus: i,
     disableAutoFocusItem: c,
     MenuListProps: d,
     onEntering: f,
     PaperProps: h,
     transitionDuration: R,
-    TransitionProps: j,
+    TransitionProps: F,
     variant: w
   }), y = mt(b), m = i && !c && u, C = a.useRef(null), x = (k, B) => {
     C.current && C.current.adjustStyleForScrollbar(k, S), f && f(k, B);
@@ -2684,7 +2684,7 @@ const dt = ["onEntering"], ut = ["autoFocus", "children", "disableAutoFocusItem"
     transitionDuration: R,
     TransitionProps: s({
       onEntering: x
-    }, j),
+    }, F),
     ownerState: b
   }, E, {
     classes: O,
@@ -3106,7 +3106,7 @@ const Et = ["components", "fullWidth", "inputComponent", "label", "multiline", "
     input: ["input"]
   }, pn, n);
   return s({}, n, r);
-}, jt = $(Ue, {
+}, Ft = $(Ue, {
   shouldForwardProp: (o) => Oe(o) || o === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
@@ -3147,7 +3147,7 @@ const Et = ["components", "fullWidth", "inputComponent", "label", "multiline", "
   }, n.size === "small" && {
     padding: "8.5px 14px"
   }));
-}), Ft = $(Vo, {
+}), Mt = $(Vo, {
   name: "MuiOutlinedInput",
   slot: "NotchedOutline",
   overridesResolver: (o, n) => n.notchedOutline
@@ -3158,7 +3158,7 @@ const Et = ["components", "fullWidth", "inputComponent", "label", "multiline", "
   return {
     borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : n
   };
-}), Mt = $(Ve, {
+}), jt = $(Ve, {
   name: "MuiOutlinedInput",
   slot: "Input",
   overridesResolver: Be
@@ -3205,7 +3205,7 @@ const Et = ["components", "fullWidth", "inputComponent", "label", "multiline", "
     label: R,
     multiline: f = !1,
     notched: w,
-    slots: j = {},
+    slots: F = {},
     type: E = "text"
   } = p, S = H(p, Et), T = Nt(p), b = Ee(), y = Se({
     props: p,
@@ -3222,13 +3222,13 @@ const Et = ["components", "fullWidth", "inputComponent", "label", "multiline", "
     multiline: f,
     size: y.size,
     type: E
-  }), C = (r = (i = j.root) != null ? i : u.Root) != null ? r : jt, x = (l = (c = j.input) != null ? c : u.Input) != null ? l : Mt;
+  }), C = (r = (i = F.root) != null ? i : u.Root) != null ? r : Ft, x = (l = (c = F.input) != null ? c : u.Input) != null ? l : jt;
   return /* @__PURE__ */ v.jsx(eo, s({
     slots: {
       root: C,
       input: x
     },
-    renderSuffix: (I) => /* @__PURE__ */ v.jsx(Ft, {
+    renderSuffix: (I) => /* @__PURE__ */ v.jsx(Mt, {
       ownerState: m,
       className: T.notchedOutline,
       label: R != null && R !== "" && y.required ? d || (d = /* @__PURE__ */ v.jsxs(a.Fragment, {
@@ -3511,7 +3511,7 @@ const _t = (o) => {
     displayEmpty: R,
     error: f = !1,
     IconComponent: w,
-    inputRef: j,
+    inputRef: F,
     labelId: E,
     MenuProps: S = {},
     multiple: T,
@@ -3528,7 +3528,7 @@ const _t = (o) => {
     tabIndex: q,
     value: W,
     variant: U = "standard"
-  } = n, K = H(n, Lt), [F, se] = ao({
+  } = n, K = H(n, Lt), [M, se] = ao({
     controlled: W,
     default: h,
     name: "Select"
@@ -3538,7 +3538,7 @@ const _t = (o) => {
     name: "Select"
   }), L = a.useRef(null), z = a.useRef(null), [G, V] = a.useState(null), {
     current: _
-  } = a.useRef(A != null), [Z, le] = a.useState(), me = Ne(t, j), Q = a.useCallback((g) => {
+  } = a.useRef(A != null), [Z, le] = a.useState(), me = Ne(t, F), Q = a.useCallback((g) => {
     z.current = g, g && V(g);
   }, []), re = G == null ? void 0 : G.parentNode;
   a.useImperativeHandle(me, () => ({
@@ -3546,8 +3546,8 @@ const _t = (o) => {
       z.current.focus();
     },
     node: L.current,
-    value: F
-  }), [F]), a.useEffect(() => {
+    value: M
+  }), [M]), a.useEffect(() => {
     u && ie && G && !_ && (le(c ? null : re.clientWidth), z.current.focus());
   }, [G, c]), a.useEffect(() => {
     l && z.current.focus();
@@ -3556,37 +3556,37 @@ const _t = (o) => {
       return;
     const g = Le(z.current).getElementById(E);
     if (g) {
-      const M = () => {
+      const j = () => {
         getSelection().isCollapsed && z.current.focus();
       };
-      return g.addEventListener("click", M), () => {
-        g.removeEventListener("click", M);
+      return g.addEventListener("click", j), () => {
+        g.removeEventListener("click", j);
       };
     }
   }, [E]);
-  const P = (g, M) => {
-    g ? I && I(M) : C && C(M), _ || (le(c ? null : re.clientWidth), N(g));
+  const P = (g, j) => {
+    g ? I && I(j) : C && C(j), _ || (le(c ? null : re.clientWidth), N(g));
   }, J = (g) => {
     g.button === 0 && (g.preventDefault(), z.current.focus(), P(!0, g));
-  }, je = (g) => {
+  }, Fe = (g) => {
     P(!1, g);
   }, ce = a.Children.toArray(d), ve = (g) => {
-    const M = ce.map((be) => be.props.value).indexOf(g.target.value);
-    if (M === -1)
+    const j = ce.map((be) => be.props.value).indexOf(g.target.value);
+    if (j === -1)
       return;
-    const X = ce[M];
+    const X = ce[j];
     se(X.props.value), m && m(g, X);
-  }, He = (g) => (M) => {
+  }, He = (g) => (j) => {
     let X;
-    if (M.currentTarget.hasAttribute("tabindex")) {
+    if (j.currentTarget.hasAttribute("tabindex")) {
       if (T) {
-        X = Array.isArray(F) ? F.slice() : [];
-        const be = F.indexOf(g.props.value);
+        X = Array.isArray(M) ? M.slice() : [];
+        const be = M.indexOf(g.props.value);
         be === -1 ? X.push(g.props.value) : X.splice(be, 1);
       } else
         X = g.props.value;
-      if (g.props.onClick && g.props.onClick(M), F !== X && (se(X), m)) {
-        const be = M.nativeEvent || M, lo = new be.constructor(be.type, be);
+      if (g.props.onClick && g.props.onClick(j), M !== X && (se(X), m)) {
+        const be = j.nativeEvent || j, lo = new be.constructor(be.type, be);
         Object.defineProperty(lo, "target", {
           writable: !0,
           value: {
@@ -3595,7 +3595,7 @@ const _t = (o) => {
           }
         }), m(lo, g);
       }
-      T || P(!1, M);
+      T || P(!1, j);
     }
   }, qe = (g) => {
     k || [
@@ -3610,7 +3610,7 @@ const _t = (o) => {
     !Ce && y && (Object.defineProperty(g, "target", {
       writable: !0,
       value: {
-        value: F,
+        value: M,
         name: b
       }
     }), y(g));
@@ -3620,28 +3620,28 @@ const _t = (o) => {
   const Te = [];
   let de = !1, Re = !1;
   (Co({
-    value: F
-  }) || R) && (B ? ae = B(F) : de = !0);
+    value: M
+  }) || R) && (B ? ae = B(M) : de = !0);
   const De = ce.map((g) => {
     if (!/* @__PURE__ */ a.isValidElement(g))
       return null;
     process.env.NODE_ENV !== "production" && Je.isFragment(g) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
-    let M;
+    let j;
     if (T) {
-      if (!Array.isArray(F))
+      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`." : Oo(2));
-      M = F.some((X) => xo(X, g.props.value)), M && de && Te.push(g.props.children);
+      j = M.some((X) => xo(X, g.props.value)), j && de && Te.push(g.props.children);
     } else
-      M = xo(F, g.props.value), M && de && (ne = g.props.children);
-    return M && (Re = !0), /* @__PURE__ */ a.cloneElement(g, {
-      "aria-selected": M ? "true" : "false",
+      j = xo(M, g.props.value), j && de && (ne = g.props.children);
+    return j && (Re = !0), /* @__PURE__ */ a.cloneElement(g, {
+      "aria-selected": j ? "true" : "false",
       onClick: He(g),
       onKeyUp: (X) => {
         X.key === " " && X.preventDefault(), g.props.onKeyUp && g.props.onKeyUp(X);
       },
       role: "option",
-      selected: M,
+      selected: j,
       value: void 0,
       // The value is most likely not a valid HTML attribute.
       "data-value": g.props.value
@@ -3649,19 +3649,19 @@ const _t = (o) => {
     });
   });
   process.env.NODE_ENV !== "production" && a.useEffect(() => {
-    if (!Re && !T && F !== "") {
-      const g = ce.map((M) => M.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${F}\` for the select ${b ? `(name="${b}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${g.filter((M) => M != null).map((M) => `\`${M}\``).join(", ") || '""'}.`].join(`
+    if (!Re && !T && M !== "") {
+      const g = ce.map((j) => j.props.value);
+      console.warn([`MUI: You have provided an out-of-range value \`${M}\` for the select ${b ? `(name="${b}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${g.filter((j) => j != null).map((j) => `\`${j}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [Re, ce, T, b, F]), de && (T ? Te.length === 0 ? ae = null : ae = Te.reduce((g, M, X) => (g.push(M), X < Te.length - 1 && g.push(", "), g), []) : ae = ne);
+  }, [Re, ce, T, b, M]), de && (T ? Te.length === 0 ? ae = null : ae = Te.reduce((g, j, X) => (g.push(j), X < Te.length - 1 && g.push(", "), g), []) : ae = ne);
   let we = Z;
   !c && _ && G && (we = re.clientWidth);
   let Ie;
   typeof q < "u" ? Ie = q : Ie = O ? null : 0;
   const D = Y.id || (b ? `mui-component-select-${b}` : void 0), ye = s({}, n, {
     variant: U,
-    value: F,
+    value: M,
     open: Ce,
     error: f
   }), Pe = _t(ye);
@@ -3693,7 +3693,7 @@ const _t = (o) => {
       ) : ae
     })), /* @__PURE__ */ v.jsx(Wt, s({
       "aria-invalid": f,
-      value: Array.isArray(F) ? F.join(",") : F,
+      value: Array.isArray(M) ? M.join(",") : M,
       name: b,
       ref: L,
       "aria-hidden": !0,
@@ -3711,7 +3711,7 @@ const _t = (o) => {
       id: `menu-${b || ""}`,
       anchorEl: re,
       open: Ce,
-      onClose: je,
+      onClose: Fe,
       anchorOrigin: {
         vertical: "bottom",
         horizontal: "center"
@@ -3890,7 +3890,7 @@ const Bt = qo, Ut = ["autoWidth", "children", "classes", "className", "defaultOp
   overridesResolver: (o, n) => n.root,
   shouldForwardProp: (o) => Oe(o) && o !== "variant",
   slot: "Root"
-}, Ht = $($o, so)(""), qt = $(Ho, so)(""), Kt = $(jo, so)(""), io = /* @__PURE__ */ a.forwardRef(function(n, t) {
+}, Ht = $($o, so)(""), qt = $(Ho, so)(""), Kt = $(Fo, so)(""), io = /* @__PURE__ */ a.forwardRef(function(n, t) {
   const r = te({
     name: "MuiSelect",
     props: n
@@ -3906,7 +3906,7 @@ const Bt = qo, Ut = ["autoWidth", "children", "classes", "className", "defaultOp
     input: R,
     inputProps: f,
     label: w,
-    labelId: j,
+    labelId: F,
     MenuProps: E,
     multiple: S = !1,
     native: T = !1,
@@ -3934,7 +3934,7 @@ const Bt = qo, Ut = ["autoWidth", "children", "classes", "className", "defaultOp
     filled: /* @__PURE__ */ v.jsx(Kt, {
       ownerState: W
     })
-  }[q], F = Ne(t, K.ref);
+  }[q], M = Ne(t, K.ref);
   return /* @__PURE__ */ v.jsx(a.Fragment, {
     children: /* @__PURE__ */ a.cloneElement(K, s({
       // Most of the logic is implemented in `SelectInput`.
@@ -3954,7 +3954,7 @@ const Bt = qo, Ut = ["autoWidth", "children", "classes", "className", "defaultOp
         autoWidth: i,
         defaultOpen: p,
         displayEmpty: u,
-        labelId: j,
+        labelId: F,
         MenuProps: E,
         onClose: b,
         onOpen: y,
@@ -3969,7 +3969,7 @@ const Bt = qo, Ut = ["autoWidth", "children", "classes", "className", "defaultOp
     }, S && T && q === "outlined" ? {
       notched: !0
     } : {}, {
-      ref: F,
+      ref: M,
       className: ee(K.props.className, d)
     }, !R && {
       variant: q
@@ -4131,7 +4131,7 @@ function Xt(o) {
 fe("MuiTextField", ["root"]);
 const Yt = ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"], Zt = {
   standard: $o,
-  filled: jo,
+  filled: Fo,
   outlined: Ho
 }, Jt = (o) => {
   const {
@@ -4160,7 +4160,7 @@ const Yt = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     FormHelperTextProps: R,
     fullWidth: f = !1,
     helperText: w,
-    id: j,
+    id: F,
     InputLabelProps: E,
     inputProps: S,
     InputProps: T,
@@ -4178,7 +4178,7 @@ const Yt = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     required: W = !1,
     rows: U,
     select: K = !1,
-    SelectProps: F,
+    SelectProps: M,
     type: se,
     value: ie,
     variant: N = "outlined"
@@ -4195,8 +4195,8 @@ const Yt = ["autoComplete", "autoFocus", "children", "className", "color", "defa
   }), G = Jt(z);
   process.env.NODE_ENV !== "production" && K && !c && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
   const V = {};
-  N === "outlined" && (E && typeof E.shrink < "u" && (V.notched = E.shrink), V.label = y), K && ((!F || !F.native) && (V.id = void 0), V["aria-describedby"] = void 0);
-  const _ = Qo(j), Z = w && _ ? `${_}-helper-text` : void 0, le = y && _ ? `${_}-label` : void 0, me = Zt[N], Q = /* @__PURE__ */ v.jsx(me, s({
+  N === "outlined" && (E && typeof E.shrink < "u" && (V.notched = E.shrink), V.label = y), K && ((!M || !M.native) && (V.id = void 0), V["aria-describedby"] = void 0);
+  const _ = Qo(F), Z = w && _ ? `${_}-helper-text` : void 0, le = y && _ ? `${_}-label` : void 0, me = Zt[N], Q = /* @__PURE__ */ v.jsx(me, s({
     "aria-describedby": Z,
     autoComplete: i,
     autoFocus: l,
@@ -4240,9 +4240,9 @@ const Yt = ["autoComplete", "autoFocus", "children", "className", "color", "defa
       labelId: le,
       value: ie,
       input: Q
-    }, F, {
+    }, M, {
       children: c
-    })) : Q, w && /* @__PURE__ */ v.jsx(Fn, s({
+    })) : Q, w && /* @__PURE__ */ v.jsx(Mn, s({
       id: Z
     }, R, {
       children: w