@fangzsx/component-library 0.0.31 → 0.0.32

package/dist/components/TextFieldInput/index.js

@@ -1,5 +1,5 @@
 import { jsxs as Te, jsx as I } from "react/jsx-runtime";
-import * as u from "react";
+import * as c from "react";
 import ot, { useState as Bt } from "react";
 import { P as e, a as de, g as fe, c as Re, j as on, k as Nt, r as kt } from "../../generateUtilityClasses-BCID9NF1.js";
 import { s as U, u as be, c as pe, m as ye, a as ce, r as we, e as Ln } from "../../DefaultPropsProvider-DVX_ssOt.js";
@@ -27,9 +27,9 @@ function un(t) {
     }
   };
 }
-const to = /* @__PURE__ */ u.createContext();
+const to = /* @__PURE__ */ c.createContext();
 process.env.NODE_ENV !== "production" && (e.node, e.bool);
-const no = () => u.useContext(to) ?? !1;
+const no = () => c.useContext(to) ?? !1;
 function pn(t, n = 166) {
   let o;
   function r(...a) {
@@ -418,7 +418,7 @@ function io(t) {
 function Ht(t) {
   return io(t) || t.outerHeightStyle === 0 && !t.overflowing;
 }
-const dn = /* @__PURE__ */ u.forwardRef(function(n, o) {
+const dn = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const {
     onChange: r,
     maxRows: a,
@@ -428,19 +428,19 @@ const dn = /* @__PURE__ */ u.forwardRef(function(n, o) {
     ...d
   } = n, {
     current: m
-  } = u.useRef(l != null), b = u.useRef(null), y = ve(o, b), E = u.useRef(null), f = u.useRef(null), h = u.useCallback(() => {
-    const c = b.current, p = f.current;
-    if (!c || !p)
+  } = c.useRef(l != null), b = c.useRef(null), y = ve(o, b), E = c.useRef(null), f = c.useRef(null), h = c.useCallback(() => {
+    const u = b.current, p = f.current;
+    if (!u || !p)
       return;
-    const O = Se(c).getComputedStyle(c);
-    if (O.width === "0px")
+    const T = Se(u).getComputedStyle(u);
+    if (T.width === "0px")
       return {
         outerHeightStyle: 0,
         overflowing: !1
       };
-    p.style.width = O.width, p.value = c.value || n.placeholder || "x", p.value.slice(-1) === `
+    p.style.width = T.width, p.value = u.value || n.placeholder || "x", p.value.slice(-1) === `
 ` && (p.value += " ");
-    const C = O.boxSizing, w = st(O.paddingBottom) + st(O.paddingTop), D = st(O.borderBottomWidth) + st(O.borderTopWidth), B = p.scrollHeight;
+    const C = T.boxSizing, w = st(T.paddingBottom) + st(T.paddingTop), D = st(T.borderBottomWidth) + st(T.borderTopWidth), B = p.scrollHeight;
     p.value = "x";
     const $ = p.scrollHeight;
     let j = B;
@@ -451,42 +451,42 @@ const dn = /* @__PURE__ */ u.forwardRef(function(n, o) {
       overflowing: M
     };
   }, [a, s, n.placeholder]), N = wt(() => {
-    const c = b.current, p = h();
-    if (!c || !p || Ht(p))
+    const u = b.current, p = h();
+    if (!u || !p || Ht(p))
       return !1;
     const v = p.outerHeightStyle;
     return E.current != null && E.current !== v;
-  }), T = u.useCallback(() => {
-    const c = b.current, p = h();
-    if (!c || !p || Ht(p))
+  }), O = c.useCallback(() => {
+    const u = b.current, p = h();
+    if (!u || !p || Ht(p))
       return;
     const v = p.outerHeightStyle;
-    E.current !== v && (E.current = v, c.style.height = `${v}px`), c.style.overflow = p.overflowing ? "hidden" : "";
-  }, [h]), g = u.useRef(-1);
+    E.current !== v && (E.current = v, u.style.height = `${v}px`), u.style.overflow = p.overflowing ? "hidden" : "";
+  }, [h]), g = c.useRef(-1);
   ze(() => {
-    const c = pn(T), p = b?.current;
+    const u = pn(O), p = b?.current;
     if (!p)
       return;
     const v = Se(p);
-    v.addEventListener("resize", c);
-    let O;
-    return typeof ResizeObserver < "u" && (O = new ResizeObserver(() => {
-      N() && (O.unobserve(p), cancelAnimationFrame(g.current), T(), g.current = requestAnimationFrame(() => {
-        O.observe(p);
+    v.addEventListener("resize", u);
+    let T;
+    return typeof ResizeObserver < "u" && (T = new ResizeObserver(() => {
+      N() && (T.unobserve(p), cancelAnimationFrame(g.current), O(), g.current = requestAnimationFrame(() => {
+        T.observe(p);
       }));
-    }), O.observe(p)), () => {
-      c.clear(), cancelAnimationFrame(g.current), v.removeEventListener("resize", c), O && O.disconnect();
+    }), T.observe(p)), () => {
+      u.clear(), cancelAnimationFrame(g.current), v.removeEventListener("resize", u), T && T.disconnect();
     };
-  }, [h, T, N]), ze(() => {
-    T();
+  }, [h, O, N]), ze(() => {
+    O();
   });
-  const R = (c) => {
-    m || T();
-    const p = c.target, v = p.value.length, O = p.value.endsWith(`
+  const R = (u) => {
+    m || O();
+    const p = u.target, v = p.value.length, T = p.value.endsWith(`
 `), C = p.selectionStart === v;
-    O && C && p.setSelectionRange(v, v), r && r(c);
+    T && C && p.setSelectionRange(v, v), r && r(u);
   };
-  return /* @__PURE__ */ Te(u.Fragment, {
+  return /* @__PURE__ */ Te(c.Fragment, {
     children: [/* @__PURE__ */ I("textarea", {
       value: l,
       onChange: R,
@@ -750,7 +750,7 @@ const ft = (t, n) => {
       display: "block"
     }
   }
-}), gt = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}), gt = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     props: n,
     name: "MuiInputBase"
@@ -767,13 +767,13 @@ const ft = (t, n) => {
     disableInjectingGlobalStyles: f,
     endAdornment: h,
     error: N,
-    fullWidth: T = !1,
+    fullWidth: O = !1,
     id: g,
     inputComponent: R = "input",
-    inputProps: c = {},
+    inputProps: u = {},
     inputRef: p,
     margin: v,
-    maxRows: O,
+    maxRows: T,
     minRows: C,
     multiline: w = !1,
     name: D,
@@ -794,13 +794,13 @@ const ft = (t, n) => {
     type: ae = "text",
     value: Q,
     ...ee
-  } = r, te = c.value != null ? c.value : Q, {
+  } = r, te = u.value != null ? u.value : Q, {
     current: he
-  } = u.useRef(te != null), Z = u.useRef(), L = u.useCallback((K) => {
+  } = c.useRef(te != null), Z = c.useRef(), L = c.useCallback((K) => {
     process.env.NODE_ENV !== "production" && K && K.nodeName !== "INPUT" && !K.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), A = ve(Z, p, c.ref, L), [G, ie] = u.useState(!1), F = pt();
-  process.env.NODE_ENV !== "production" && u.useEffect(() => {
+  }, []), A = ve(Z, p, u.ref, L), [G, ie] = c.useState(!1), F = pt();
+  process.env.NODE_ENV !== "production" && c.useEffect(() => {
     if (F)
       return F.registerEffect();
   }, [F]);
@@ -809,10 +809,10 @@ const ft = (t, n) => {
     muiFormControl: F,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
-  _.focused = F ? F.focused : G, u.useEffect(() => {
+  _.focused = F ? F.focused : G, c.useEffect(() => {
     !F && E && G && (ie(!1), B && B());
   }, [F, E, G, B]);
-  const ue = F && F.onFilled, Ee = F && F.onEmpty, me = u.useCallback((K) => {
+  const ue = F && F.onFilled, Ee = F && F.onEmpty, me = c.useCallback((K) => {
     sn(K) ? ue && ue() : Ee && Ee();
   }, [ue, Ee]);
   ze(() => {
@@ -821,9 +821,9 @@ const ft = (t, n) => {
     });
   }, [te, me, he]);
   const le = (K) => {
-    q && q(K), c.onFocus && c.onFocus(K), F && F.onFocus ? F.onFocus(K) : ie(!0);
+    q && q(K), u.onFocus && u.onFocus(K), F && F.onFocus ? F.onFocus(K) : ie(!0);
   }, Ce = (K) => {
-    B && B(K), c.onBlur && c.onBlur(K), F && F.onBlur ? F.onBlur(K) : ie(!1);
+    B && B(K), u.onBlur && u.onBlur(K), F && F.onBlur ? F.onBlur(K) : ie(!1);
   }, ne = (K, ..._e) => {
     if (!he) {
       const Pe = K.target || Z.current;
@@ -833,23 +833,23 @@ const ft = (t, n) => {
         value: Pe.value
       });
     }
-    c.onChange && c.onChange(K, ..._e), $ && $(K, ..._e);
+    u.onChange && u.onChange(K, ..._e), $ && $(K, ..._e);
   };
-  u.useEffect(() => {
+  c.useEffect(() => {
     me(Z.current);
   }, []);
   const Ue = (K) => {
     Z.current && K.currentTarget === K.target && Z.current.focus(), j && j(K);
   };
-  let ke = R, J = c;
-  w && ke === "input" && (k ? (process.env.NODE_ENV !== "production" && (C || O) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), J = {
+  let ke = R, J = u;
+  w && ke === "input" && (k ? (process.env.NODE_ENV !== "production" && (C || T) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), J = {
     type: void 0,
     minRows: k,
     maxRows: k,
     ...J
   }) : J = {
     type: void 0,
-    maxRows: O,
+    maxRows: T,
     minRows: C,
     ...J
   }, ke = dn);
@@ -858,7 +858,7 @@ const ft = (t, n) => {
       value: "x"
     });
   };
-  u.useEffect(() => {
+  c.useEffect(() => {
     F && F.setAdornedStart(!!Y);
   }, [F, Y]);
   const Ie = {
@@ -869,7 +869,7 @@ const ft = (t, n) => {
     error: _.error,
     focused: _.focused,
     formControl: F,
-    fullWidth: T,
+    fullWidth: O,
     hiddenLabel: _.hiddenLabel,
     multiline: w,
     size: _.size,
@@ -879,7 +879,7 @@ const ft = (t, n) => {
   return J = {
     ...J,
     ...z.input ?? b.input
-  }, /* @__PURE__ */ Te(u.Fragment, {
+  }, /* @__PURE__ */ Te(c.Fragment, {
     children: [!f && typeof qt == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
     // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
     (_t || (_t = /* @__PURE__ */ I(qt, {}))), /* @__PURE__ */ Te(je, {
@@ -1276,7 +1276,7 @@ const qe = {
   name: "MuiInput",
   slot: "Input",
   overridesResolver: mt
-})({}), yt = /* @__PURE__ */ u.forwardRef(function(n, o) {
+})({}), yt = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     props: n,
     name: "MuiInput"
@@ -1291,17 +1291,17 @@ const qe = {
     slots: y = {},
     type: E = "text",
     ...f
-  } = r, h = uo(r), T = {
+  } = r, h = uo(r), O = {
     root: {
       ownerState: {
         disableUnderline: a
       }
     }
-  }, g = b ?? i ? Nt(b ?? i, T) : T, R = y.root ?? s.Root ?? po, c = y.input ?? s.Input ?? fo;
+  }, g = b ?? i ? Nt(b ?? i, O) : O, R = y.root ?? s.Root ?? po, u = y.input ?? s.Input ?? fo;
   return /* @__PURE__ */ I(gt, {
     slots: {
       root: R,
-      input: c
+      input: u
     },
     slotProps: g,
     fullWidth: l,
@@ -1748,7 +1748,7 @@ const Fe = {
       paddingRight: 0
     }
   }]
-}))), vt = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}))), vt = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     props: n,
     name: "MuiFilledInput"
@@ -1772,17 +1772,17 @@ const Fe = {
     inputComponent: m,
     multiline: b,
     type: f
-  }, T = bo(r), g = {
+  }, O = bo(r), g = {
     root: {
       ownerState: N
     },
     input: {
       ownerState: N
     }
-  }, R = y ?? i ? Nt(g, y ?? i) : g, c = E.root ?? s.Root ?? ho, p = E.input ?? s.Input ?? go;
+  }, R = y ?? i ? Nt(g, y ?? i) : g, u = E.root ?? s.Root ?? ho, p = E.input ?? s.Input ?? go;
   return /* @__PURE__ */ I(gt, {
     slots: {
-      root: c,
+      root: u,
       input: p
     },
     slotProps: R,
@@ -1792,7 +1792,7 @@ const Fe = {
     ref: o,
     type: f,
     ...h,
-    classes: T
+    classes: O
   });
 });
 process.env.NODE_ENV !== "production" && (vt.propTypes = {
@@ -2292,7 +2292,7 @@ const xe = {
       paddingRight: 0
     }
   }]
-}))), Et = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}))), Et = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     props: n,
     name: "MuiOutlinedInput"
@@ -2307,23 +2307,23 @@ const xe = {
     slotProps: y = {},
     type: E = "text",
     ...f
-  } = r, h = xo(r), N = pt(), T = dt({
+  } = r, h = xo(r), N = pt(), O = dt({
     props: r,
     muiFormControl: N,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
   }), g = {
     ...r,
-    color: T.color || "primary",
-    disabled: T.disabled,
-    error: T.error,
-    focused: T.focused,
+    color: O.color || "primary",
+    disabled: O.disabled,
+    error: O.error,
+    focused: O.focused,
     formControl: N,
     fullWidth: s,
-    hiddenLabel: T.hiddenLabel,
+    hiddenLabel: O.hiddenLabel,
     multiline: d,
-    size: T.size,
+    size: O.size,
     type: E
-  }, R = b.root ?? a.Root ?? To, c = b.input ?? a.Input ?? Po, [p, v] = re("notchedOutline", {
+  }, R = b.root ?? a.Root ?? To, u = b.input ?? a.Input ?? Po, [p, v] = re("notchedOutline", {
     elementType: Oo,
     className: h.notchedOutline,
     shouldForwardComponentProp: !0,
@@ -2333,7 +2333,7 @@ const xe = {
       slotProps: y
     },
     additionalProps: {
-      label: l != null && l !== "" && T.required ? /* @__PURE__ */ Te(u.Fragment, {
+      label: l != null && l !== "" && O.required ? /* @__PURE__ */ Te(c.Fragment, {
         children: [l, " ", "*"]
       }) : l
     }
@@ -2341,12 +2341,12 @@ const xe = {
   return /* @__PURE__ */ I(gt, {
     slots: {
       root: R,
-      input: c
+      input: u
     },
     slotProps: y,
-    renderSuffix: (O) => /* @__PURE__ */ I(p, {
+    renderSuffix: (T) => /* @__PURE__ */ I(p, {
       ...v,
-      notched: typeof m < "u" ? m : !!(O.startAdornment || O.filled || O.focused)
+      notched: typeof m < "u" ? m : !!(T.startAdornment || T.filled || T.focused)
     }),
     fullWidth: s,
     inputComponent: i,
@@ -2689,7 +2689,7 @@ const So = (t) => {
       transform: "translate(14px, -9px) scale(0.75)"
     }
   }]
-}))), mn = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}))), mn = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     name: "MuiInputLabel",
     props: n
@@ -2794,7 +2794,7 @@ process.env.NODE_ENV !== "production" && (mn.propTypes = {
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
 function et(t) {
-  return parseInt(u.version, 10) >= 19 ? t?.props?.ref || null : t?.ref || null;
+  return parseInt(c.version, 10) >= 19 ? t?.props?.ref || null : t?.ref || null;
 }
 function Qe(t, n, o, r, a) {
   if (process.env.NODE_ENV === "production")
@@ -2821,7 +2821,7 @@ function Co(t) {
     ref: m
   }, r);
 }
-const bn = /* @__PURE__ */ u.createContext({});
+const bn = /* @__PURE__ */ c.createContext({});
 process.env.NODE_ENV !== "production" && (bn.displayName = "ListContext");
 function Io(t) {
   return fe("MuiList", t);
@@ -2867,7 +2867,7 @@ const No = (t) => {
       paddingTop: 0
     }
   }]
-}), hn = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}), hn = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     props: n,
     name: "MuiList"
@@ -2879,7 +2879,7 @@ const No = (t) => {
     disablePadding: d = !1,
     subheader: m,
     ...b
-  } = r, y = u.useMemo(() => ({
+  } = r, y = c.useMemo(() => ({
     dense: l
   }), [l]), E = {
     ...r,
@@ -2980,7 +2980,7 @@ function Ke(t, n, o, r, a, s) {
   }
   return !1;
 }
-const vn = /* @__PURE__ */ u.forwardRef(function(n, o) {
+const vn = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const {
     // private
     // eslint-disable-next-line react/prop-types
@@ -2994,7 +2994,7 @@ const vn = /* @__PURE__ */ u.forwardRef(function(n, o) {
     onKeyDown: b,
     variant: y = "selectedMenu",
     ...E
-  } = n, f = u.useRef(null), h = u.useRef({
+  } = n, f = c.useRef(null), h = c.useRef({
     keys: [],
     repeating: !0,
     previousKeyMatched: !0,
@@ -3002,60 +3002,60 @@ const vn = /* @__PURE__ */ u.forwardRef(function(n, o) {
   });
   ze(() => {
     a && f.current.focus();
-  }, [a]), u.useImperativeHandle(r, () => ({
-    adjustStyleForScrollbar: (c, {
+  }, [a]), c.useImperativeHandle(r, () => ({
+    adjustStyleForScrollbar: (u, {
       direction: p
     }) => {
       const v = !f.current.style.width;
-      if (c.clientHeight < f.current.clientHeight && v) {
-        const O = `${gn(Se(c))}px`;
-        f.current.style[p === "rtl" ? "paddingLeft" : "paddingRight"] = O, f.current.style.width = `calc(100% + ${O})`;
+      if (u.clientHeight < f.current.clientHeight && v) {
+        const T = `${gn(Se(u))}px`;
+        f.current.style[p === "rtl" ? "paddingLeft" : "paddingRight"] = T, f.current.style.width = `calc(100% + ${T})`;
       }
       return f.current;
     }
   }), []);
-  const N = (c) => {
-    const p = f.current, v = c.key;
-    if (c.ctrlKey || c.metaKey || c.altKey) {
-      b && b(c);
+  const N = (u) => {
+    const p = f.current, v = u.key;
+    if (u.ctrlKey || u.metaKey || u.altKey) {
+      b && b(u);
       return;
     }
     const C = Ye(ge(p));
     if (v === "ArrowDown")
-      c.preventDefault(), Ke(p, C, m, d, Ot);
+      u.preventDefault(), Ke(p, C, m, d, Ot);
     else if (v === "ArrowUp")
-      c.preventDefault(), Ke(p, C, m, d, Gt);
+      u.preventDefault(), Ke(p, C, m, d, Gt);
     else if (v === "Home")
-      c.preventDefault(), Ke(p, null, m, d, Ot);
+      u.preventDefault(), Ke(p, null, m, d, Ot);
     else if (v === "End")
-      c.preventDefault(), Ke(p, null, m, d, Gt);
+      u.preventDefault(), Ke(p, null, m, d, Gt);
     else if (v.length === 1) {
       const w = h.current, D = v.toLowerCase(), B = performance.now();
       w.keys.length > 0 && (B - w.lastTime > 500 ? (w.keys = [], w.repeating = !0, w.previousKeyMatched = !0) : w.repeating && D !== w.keys[0] && (w.repeating = !1)), w.lastTime = B, w.keys.push(D);
       const $ = C && !w.repeating && yn(C, w);
-      w.previousKeyMatched && ($ || Ke(p, C, !1, d, Ot, w)) ? c.preventDefault() : w.previousKeyMatched = !1;
+      w.previousKeyMatched && ($ || Ke(p, C, !1, d, Ot, w)) ? u.preventDefault() : w.previousKeyMatched = !1;
     }
-    b && b(c);
-  }, T = ve(f, o);
+    b && b(u);
+  }, O = ve(f, o);
   let g = -1;
-  u.Children.forEach(i, (c, p) => {
-    if (!/* @__PURE__ */ u.isValidElement(c)) {
+  c.Children.forEach(i, (u, p) => {
+    if (!/* @__PURE__ */ c.isValidElement(u)) {
       g === p && (g += 1, g >= i.length && (g = -1));
       return;
     }
-    process.env.NODE_ENV !== "production" && kt.isFragment(c) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`)), c.props.disabled || (y === "selectedMenu" && c.props.selected || g === -1) && (g = p), g === p && (c.props.disabled || c.props.muiSkipListHighlight || c.type.muiSkipListHighlight) && (g += 1, g >= i.length && (g = -1));
+    process.env.NODE_ENV !== "production" && kt.isFragment(u) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), u.props.disabled || (y === "selectedMenu" && u.props.selected || g === -1) && (g = p), g === p && (u.props.disabled || u.props.muiSkipListHighlight || u.type.muiSkipListHighlight) && (g += 1, g >= i.length && (g = -1));
   });
-  const R = u.Children.map(i, (c, p) => {
+  const R = c.Children.map(i, (u, p) => {
     if (p === g) {
       const v = {};
-      return s && (v.autoFocus = !0), c.props.tabIndex === void 0 && y === "selectedMenu" && (v.tabIndex = 0), /* @__PURE__ */ u.cloneElement(c, v);
+      return s && (v.autoFocus = !0), u.props.tabIndex === void 0 && y === "selectedMenu" && (v.tabIndex = 0), /* @__PURE__ */ c.cloneElement(u, v);
     }
-    return c;
+    return u;
   });
   return /* @__PURE__ */ I(hn, {
     role: "menu",
-    ref: T,
+    ref: O,
     className: l,
     onKeyDown: N,
     tabIndex: a ? 0 : -1,
@@ -3153,7 +3153,7 @@ const Fo = {
     opacity: 1,
     transform: "none"
   }
-}, Pt = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), lt = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}, Pt = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), lt = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const {
     addEndListener: r,
     appear: a = !0,
@@ -3169,9 +3169,9 @@ const Fo = {
     style: h,
     timeout: N = "auto",
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: T = Oe,
+    TransitionComponent: O = Oe,
     ...g
-  } = n, R = Kn(), c = u.useRef(), p = cn(), v = u.useRef(null), O = ve(v, et(s), o), C = (x) => (P) => {
+  } = n, R = Kn(), u = c.useRef(), p = cn(), v = c.useRef(null), T = ve(v, et(s), o), C = (x) => (P) => {
     if (x) {
       const V = v.current;
       P === void 0 ? x(V) : x(V, P);
@@ -3190,7 +3190,7 @@ const Fo = {
       mode: "enter"
     });
     let H;
-    N === "auto" ? (H = p.transitions.getAutoHeightDuration(x.clientHeight), c.current = H) : H = V, x.style.transition = [p.transitions.create("opacity", {
+    N === "auto" ? (H = p.transitions.getAutoHeightDuration(x.clientHeight), u.current = H) : H = V, x.style.transition = [p.transitions.create("opacity", {
       duration: H,
       delay: X
     }), p.transitions.create("transform", {
@@ -3211,7 +3211,7 @@ const Fo = {
       mode: "exit"
     });
     let k;
-    N === "auto" ? (k = p.transitions.getAutoHeightDuration(x.clientHeight), c.current = k) : k = P, x.style.transition = [p.transitions.create("opacity", {
+    N === "auto" ? (k = p.transitions.getAutoHeightDuration(x.clientHeight), u.current = k) : k = P, x.style.transition = [p.transitions.create("opacity", {
       duration: k,
       delay: V
     }), p.transitions.create("transform", {
@@ -3220,7 +3220,7 @@ const Fo = {
       easing: X
     })].join(","), x.style.opacity = 0, x.style.transform = It(0.75), y && y(x);
   }), q = C(E);
-  return /* @__PURE__ */ I(T, {
+  return /* @__PURE__ */ I(O, {
     appear: a,
     in: l,
     nodeRef: v,
@@ -3231,14 +3231,14 @@ const Fo = {
     onExited: q,
     onExiting: $,
     addEndListener: (x) => {
-      N === "auto" && R.start(c.current || 0, x), r && r(v.current, x);
+      N === "auto" && R.start(u.current || 0, x), r && r(v.current, x);
     },
     timeout: N === "auto" ? null : N,
     ...g,
     children: (x, {
       ownerState: P,
       ...V
-    }) => /* @__PURE__ */ u.cloneElement(s, {
+    }) => /* @__PURE__ */ c.cloneElement(s, {
       style: {
         opacity: 0,
         transform: It(0.75),
@@ -3247,7 +3247,7 @@ const Fo = {
         ...h,
         ...s.props.style
       },
-      ref: O,
+      ref: T,
       ...V
     })
   });
@@ -3486,30 +3486,30 @@ function ct(t) {
     getTabbable: s = Vo,
     isEnabled: i = Ho,
     open: l
-  } = t, d = u.useRef(!1), m = u.useRef(null), b = u.useRef(null), y = u.useRef(null), E = u.useRef(null), f = u.useRef(!1), h = u.useRef(null), N = ve(et(n), h), T = u.useRef(null);
-  u.useEffect(() => {
+  } = t, d = c.useRef(!1), m = c.useRef(null), b = c.useRef(null), y = c.useRef(null), E = c.useRef(null), f = c.useRef(!1), h = c.useRef(null), N = ve(et(n), h), O = c.useRef(null);
+  c.useEffect(() => {
     !l || !h.current || (f.current = !o);
-  }, [o, l]), u.useEffect(() => {
+  }, [o, l]), c.useEffect(() => {
     if (!l || !h.current)
       return;
-    const c = ge(h.current), p = Ye(c);
+    const u = ge(h.current), p = Ye(u);
     return h.current.contains(p) || (h.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
 `)), h.current.setAttribute("tabIndex", "-1")), f.current && h.current.focus()), () => {
       a || (y.current && y.current.focus && (d.current = !0, y.current.focus()), y.current = null);
     };
-  }, [l]), u.useEffect(() => {
+  }, [l]), c.useEffect(() => {
     if (!l || !h.current)
       return;
-    const c = ge(h.current), p = (C) => {
-      if (T.current = C, r || !i() || C.key !== "Tab")
+    const u = ge(h.current), p = (C) => {
+      if (O.current = C, r || !i() || C.key !== "Tab")
         return;
-      Ye(c) === h.current && C.shiftKey && (d.current = !0, b.current && b.current.focus());
+      Ye(u) === h.current && C.shiftKey && (d.current = !0, b.current && b.current.focus());
     }, v = () => {
       const C = h.current;
       if (C === null)
         return;
-      const w = Ye(c);
-      if (!c.hasFocus() || !i() || d.current) {
+      const w = Ye(u);
+      if (!u.hasFocus() || !i() || d.current) {
         d.current = !1;
         return;
       }
@@ -3523,34 +3523,34 @@ function ct(t) {
         return;
       let D = [];
       if ((w === m.current || w === b.current) && (D = s(h.current)), D.length > 0) {
-        const B = !!(T.current?.shiftKey && T.current?.key === "Tab"), $ = D[0], j = D[D.length - 1];
+        const B = !!(O.current?.shiftKey && O.current?.key === "Tab"), $ = D[0], j = D[D.length - 1];
         typeof $ != "string" && typeof j != "string" && (B ? j.focus() : $.focus());
       } else
         C.focus();
     };
-    c.addEventListener("focusin", v), c.addEventListener("keydown", p, !0);
-    const O = setInterval(() => {
-      const C = Ye(c);
+    u.addEventListener("focusin", v), u.addEventListener("keydown", p, !0);
+    const T = setInterval(() => {
+      const C = Ye(u);
       C && C.tagName === "BODY" && v();
     }, 50);
     return () => {
-      clearInterval(O), c.removeEventListener("focusin", v), c.removeEventListener("keydown", p, !0);
+      clearInterval(T), u.removeEventListener("focusin", v), u.removeEventListener("keydown", p, !0);
     };
   }, [o, r, a, i, l, s]);
-  const g = (c) => {
-    y.current === null && (y.current = c.relatedTarget), f.current = !0, E.current = c.target;
+  const g = (u) => {
+    y.current === null && (y.current = u.relatedTarget), f.current = !0, E.current = u.target;
     const p = n.props.onFocus;
-    p && p(c);
-  }, R = (c) => {
-    y.current === null && (y.current = c.relatedTarget), f.current = !0;
+    p && p(u);
+  }, R = (u) => {
+    y.current === null && (y.current = u.relatedTarget), f.current = !0;
   };
-  return /* @__PURE__ */ Te(u.Fragment, {
+  return /* @__PURE__ */ Te(c.Fragment, {
     children: [/* @__PURE__ */ I("div", {
       tabIndex: l ? 0 : -1,
       onFocus: R,
       ref: m,
       "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ u.cloneElement(n, {
+    }), /* @__PURE__ */ c.cloneElement(n, {
       ref: N,
       onFocus: g
     }), /* @__PURE__ */ I("div", {
@@ -3619,12 +3619,12 @@ process.env.NODE_ENV !== "production" && (ct.propTypes = un(ct.propTypes));
 function _o(t) {
   return typeof t == "function" ? t() : t;
 }
-const ut = /* @__PURE__ */ u.forwardRef(function(n, o) {
+const ut = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const {
     children: r,
     container: a,
     disablePortal: s = !1
-  } = n, [i, l] = u.useState(null), d = ve(/* @__PURE__ */ u.isValidElement(r) ? et(r) : null, o);
+  } = n, [i, l] = c.useState(null), d = ve(/* @__PURE__ */ c.isValidElement(r) ? et(r) : null, o);
   if (ze(() => {
     s || l(_o(a) || document.body);
   }, [a, s]), ze(() => {
@@ -3633,11 +3633,11 @@ const ut = /* @__PURE__ */ u.forwardRef(function(n, o) {
         Ut(o, null);
       };
   }, [o, i, s]), s) {
-    if (/* @__PURE__ */ u.isValidElement(r)) {
+    if (/* @__PURE__ */ c.isValidElement(r)) {
       const m = {
         ref: d
       };
-      return /* @__PURE__ */ u.cloneElement(r, m);
+      return /* @__PURE__ */ c.cloneElement(r, m);
     }
     return r;
   }
@@ -3677,7 +3677,7 @@ const qo = {
   entered: {
     opacity: 1
   }
-}, Tn = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}, Tn = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = cn(), a = {
     enter: r.transitions.duration.enteringScreen,
     exit: r.transitions.duration.leavingScreen
@@ -3693,36 +3693,36 @@ const qo = {
     onExit: f,
     onExited: h,
     onExiting: N,
-    style: T,
+    style: O,
     timeout: g = a,
     // eslint-disable-next-line react/prop-types
     TransitionComponent: R = Oe,
-    ...c
-  } = n, p = u.useRef(null), v = ve(p, et(l), o), O = (M) => (x) => {
+    ...u
+  } = n, p = c.useRef(null), v = ve(p, et(l), o), T = (M) => (x) => {
     if (M) {
       const P = p.current;
       x === void 0 ? M(P) : M(P, x);
     }
-  }, C = O(E), w = O((M, x) => {
+  }, C = T(E), w = T((M, x) => {
     xn(M);
     const P = at({
-      style: T,
+      style: O,
       timeout: g,
       easing: d
     }, {
       mode: "enter"
     });
     M.style.webkitTransition = r.transitions.create("opacity", P), M.style.transition = r.transitions.create("opacity", P), b && b(M, x);
-  }), D = O(y), B = O(N), $ = O((M) => {
+  }), D = T(y), B = T(N), $ = T((M) => {
     const x = at({
-      style: T,
+      style: O,
       timeout: g,
       easing: d
     }, {
       mode: "exit"
     });
     M.style.webkitTransition = r.transitions.create("opacity", x), M.style.transition = r.transitions.create("opacity", x), f && f(M);
-  }), j = O(h);
+  }), j = T(h);
   return /* @__PURE__ */ I(R, {
     appear: i,
     in: m,
@@ -3737,16 +3737,16 @@ const qo = {
       s && s(p.current, M);
     },
     timeout: g,
-    ...c,
+    ...u,
     children: (M, {
       ownerState: x,
       ...P
-    }) => /* @__PURE__ */ u.cloneElement(l, {
+    }) => /* @__PURE__ */ c.cloneElement(l, {
       style: {
         opacity: 0,
         visibility: M === "exited" && !m ? "hidden" : void 0,
         ...qo[M],
-        ...T,
+        ...O,
         ...l.props.style
       },
       ref: v,
@@ -3869,7 +3869,7 @@ const Go = (t) => {
       backgroundColor: "transparent"
     }
   }]
-}), On = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}), On = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     props: n,
     name: "MuiBackdrop"
@@ -3886,30 +3886,30 @@ const Go = (t) => {
     TransitionComponent: f,
     transitionDuration: h,
     ...N
-  } = r, T = {
+  } = r, O = {
     ...r,
     component: i,
     invisible: l
-  }, g = Go(T), R = {
+  }, g = Go(O), R = {
     transition: f,
     root: m.Root,
     ...E
-  }, c = {
+  }, u = {
     ...b,
     ...y
   }, p = {
     component: i,
     slots: R,
-    slotProps: c
-  }, [v, O] = re("root", {
+    slotProps: u
+  }, [v, T] = re("root", {
     elementType: Xo,
     externalForwardedProps: p,
     className: pe(g.root, s),
-    ownerState: T
+    ownerState: O
   }), [C, w] = re("transition", {
     elementType: Tn,
     externalForwardedProps: p,
-    ownerState: T
+    ownerState: O
   });
   return /* @__PURE__ */ I(C, {
     in: d,
@@ -3918,7 +3918,7 @@ const Go = (t) => {
     ...w,
     children: /* @__PURE__ */ I(v, {
       "aria-hidden": !0,
-      ...O,
+      ...T,
       ref: o,
       children: a
     })
@@ -4034,26 +4034,26 @@ function Jo(t) {
     onClose: d,
     open: m,
     rootRef: b
-  } = t, y = u.useRef({}), E = u.useRef(null), f = u.useRef(null), h = ve(f, b), [N, T] = u.useState(!m), g = Zo(l);
+  } = t, y = c.useRef({}), E = c.useRef(null), f = c.useRef(null), h = ve(f, b), [N, O] = c.useState(!m), g = Zo(l);
   let R = !0;
   (t["aria-hidden"] === "false" || t["aria-hidden"] === !1) && (R = !1);
-  const c = () => ge(E.current), p = () => (y.current.modalRef = f.current, y.current.mount = E.current, y.current), v = () => {
+  const u = () => ge(E.current), p = () => (y.current.modalRef = f.current, y.current.mount = E.current, y.current), v = () => {
     it.mount(p(), {
       disableScrollLock: r
     }), f.current && (f.current.scrollTop = 0);
-  }, O = wt(() => {
-    const x = Yo(n) || c().body;
+  }, T = wt(() => {
+    const x = Yo(n) || u().body;
     it.add(p(), x), f.current && v();
   }), C = () => it.isTopModal(p()), w = wt((x) => {
     E.current = x, x && (m && C() ? v() : f.current && Je(f.current, R));
-  }), D = u.useCallback(() => {
+  }), D = c.useCallback(() => {
     it.remove(p(), R);
   }, [R]);
-  u.useEffect(() => () => {
+  c.useEffect(() => () => {
     D();
-  }, [D]), u.useEffect(() => {
-    m ? O() : (!g || !a) && D();
-  }, [m, D, g, a, O]);
+  }, [D]), c.useEffect(() => {
+    m ? T() : (!g || !a) && D();
+  }, [m, D, g, a, T]);
   const B = (x) => (P) => {
     x.onKeyDown?.(P), !(P.key !== "Escape" || P.which === 229 || // Wait until IME is settled.
     !C()) && (o || (P.stopPropagation(), d && d(P, "escapeKeyDown")));
@@ -4092,9 +4092,9 @@ function Jo(t) {
     },
     getTransitionProps: () => {
       const x = () => {
-        T(!1), s && s();
+        O(!1), s && s();
       }, P = () => {
-        T(!0), i && i(), a && D();
+        O(!0), i && i(), a && D();
       };
       return {
         onEnter: Wt(x, l?.props.onEnter ?? Zt),
@@ -4153,7 +4153,7 @@ const er = (t) => {
   slot: "Backdrop"
 })({
   zIndex: -1
-}), Pn = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}), Pn = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     name: "MuiModal",
     props: n
@@ -4170,13 +4170,13 @@ const er = (t) => {
     componentsProps: f = {},
     disableAutoFocus: h = !1,
     disableEnforceFocus: N = !1,
-    disableEscapeKeyDown: T = !1,
+    disableEscapeKeyDown: O = !1,
     disablePortal: g = !1,
     disableRestoreFocus: R = !1,
-    disableScrollLock: c = !1,
+    disableScrollLock: u = !1,
     hideBackdrop: p = !1,
     keepMounted: v = !1,
-    onClose: O,
+    onClose: T,
     onTransitionEnter: C,
     onTransitionExited: w,
     open: D,
@@ -4190,10 +4190,10 @@ const er = (t) => {
     closeAfterTransition: d,
     disableAutoFocus: h,
     disableEnforceFocus: N,
-    disableEscapeKeyDown: T,
+    disableEscapeKeyDown: O,
     disablePortal: g,
     disableRestoreFocus: R,
-    disableScrollLock: c,
+    disableScrollLock: u,
     hideBackdrop: p,
     keepMounted: v
   }, {
@@ -4268,7 +4268,7 @@ const er = (t) => {
         disableRestoreFocus: R,
         isEnabled: k,
         open: D,
-        children: /* @__PURE__ */ u.cloneElement(m, ae)
+        children: /* @__PURE__ */ c.cloneElement(m, ae)
       })]
     })
   });
@@ -4488,7 +4488,7 @@ const rr = (t) => {
   maxHeight: "calc(100% - 32px)",
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
-}), Sn = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}), Sn = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     props: n,
     name: "MuiPopover"
@@ -4509,30 +4509,30 @@ const rr = (t) => {
     open: h,
     PaperProps: N = {},
     // TODO: remove in v7
-    slots: T = {},
+    slots: O = {},
     slotProps: g = {},
     transformOrigin: R = {
       vertical: "top",
       horizontal: "left"
     },
-    TransitionComponent: c,
+    TransitionComponent: u,
     // TODO: remove in v7
     transitionDuration: p = "auto",
     TransitionProps: v = {},
     // TODO: remove in v7
-    disableScrollLock: O = !1,
+    disableScrollLock: T = !1,
     ...C
-  } = r, w = u.useRef(), D = {
+  } = r, w = c.useRef(), D = {
     ...r,
     anchorOrigin: i,
     anchorReference: d,
     elevation: E,
     marginThreshold: f,
     transformOrigin: R,
-    TransitionComponent: c,
+    TransitionComponent: u,
     transitionDuration: p,
     TransitionProps: v
-  }, B = rr(D), $ = u.useCallback(() => {
+  }, B = rr(D), $ = c.useCallback(() => {
     if (d === "anchorPosition")
       return process.env.NODE_ENV !== "production" && (l || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), l;
     const L = Ze(s), A = L && L.nodeType === 1 ? L : ge(w.current).body, G = A.getBoundingClientRect();
@@ -4545,10 +4545,10 @@ const rr = (t) => {
       top: G.top + Jt(G, i.vertical),
       left: G.left + Qt(G, i.horizontal)
     };
-  }, [s, i.horizontal, i.vertical, l, d]), j = u.useCallback((L) => ({
+  }, [s, i.horizontal, i.vertical, l, d]), j = c.useCallback((L) => ({
     vertical: Jt(L, R.vertical),
     horizontal: Qt(L, R.horizontal)
-  }), [R.horizontal, R.vertical]), q = u.useCallback((L) => {
+  }), [R.horizontal, R.vertical]), q = c.useCallback((L) => {
     const A = {
       width: L.offsetWidth,
       height: L.offsetHeight
@@ -4582,26 +4582,26 @@ const rr = (t) => {
       left: `${Math.round(_)}px`,
       transformOrigin: en(G)
     };
-  }, [s, d, $, j, f]), [M, x] = u.useState(h), P = u.useCallback(() => {
+  }, [s, d, $, j, f]), [M, x] = c.useState(h), P = c.useCallback(() => {
     const L = w.current;
     if (!L)
       return;
     const A = q(L);
     A.top !== null && L.style.setProperty("top", A.top), A.left !== null && (L.style.left = A.left), L.style.transformOrigin = A.transformOrigin, x(!0);
   }, [q]);
-  u.useEffect(() => (O && window.addEventListener("scroll", P), () => window.removeEventListener("scroll", P)), [s, O, P]);
+  c.useEffect(() => (T && window.addEventListener("scroll", P), () => window.removeEventListener("scroll", P)), [s, T, P]);
   const V = () => {
     P();
   }, X = () => {
     x(!1);
   };
-  u.useEffect(() => {
+  c.useEffect(() => {
     h && P();
-  }), u.useImperativeHandle(a, () => h ? {
+  }), c.useImperativeHandle(a, () => h ? {
     updatePosition: () => {
       P();
     }
-  } : null, [h, P]), u.useEffect(() => {
+  } : null, [h, P]), c.useEffect(() => {
     if (!h)
       return;
     const L = pn(() => {
@@ -4614,8 +4614,8 @@ const rr = (t) => {
   let k = p;
   const H = {
     slots: {
-      transition: c,
-      ...T
+      transition: u,
+      ...O
     },
     slotProps: {
       transition: v,
@@ -4655,7 +4655,7 @@ const rr = (t) => {
     shouldForwardComponentProp: !0,
     additionalProps: {
       slots: {
-        backdrop: T.backdrop
+        backdrop: O.backdrop
       },
       slotProps: {
         backdrop: Zn(typeof g.backdrop == "function" ? g.backdrop(D) : g.backdrop, {
@@ -4686,7 +4686,7 @@ const rr = (t) => {
     ...!St(ae) && {
       slots: Q,
       slotProps: ee,
-      disableScrollLock: O
+      disableScrollLock: T
     },
     children: /* @__PURE__ */ I(z, {
       ...se,
@@ -4936,7 +4936,7 @@ const ar = {
 })({
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
-}), wn = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}), wn = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     props: n,
     name: "MuiMenu"
@@ -4955,10 +4955,10 @@ const ar = {
       onEntering: h,
       ...N
     } = {},
-    variant: T = "selectedMenu",
+    variant: O = "selectedMenu",
     slots: g = {},
     slotProps: R = {},
-    ...c
+    ...u
   } = r, p = no(), v = {
     ...r,
     autoFocus: a,
@@ -4968,8 +4968,8 @@ const ar = {
     PaperProps: y,
     transitionDuration: f,
     TransitionProps: N,
-    variant: T
-  }, O = cr(v), C = a && !l && b, w = u.useRef(null), D = (k, H) => {
+    variant: O
+  }, T = cr(v), C = a && !l && b, w = c.useRef(null), D = (k, H) => {
     w.current && w.current.adjustStyleForScrollbar(k, {
       direction: p ? "rtl" : "ltr"
     }), h && h(k, H);
@@ -4977,9 +4977,9 @@ const ar = {
     k.key === "Tab" && (k.preventDefault(), m && m(k, "tabKeyDown"));
   };
   let $ = -1;
-  u.Children.map(s, (k, H) => {
-    /* @__PURE__ */ u.isValidElement(k) && (process.env.NODE_ENV !== "production" && kt.isFragment(k) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`)), k.props.disabled || (T === "selectedMenu" && k.props.selected || $ === -1) && ($ = H));
+  c.Children.map(s, (k, H) => {
+    /* @__PURE__ */ c.isValidElement(k) && (process.env.NODE_ENV !== "production" && kt.isFragment(k) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), k.props.disabled || (O === "selectedMenu" && k.props.selected || $ === -1) && ($ = H));
   });
   const j = {
     slots: g,
@@ -4993,15 +4993,15 @@ const ar = {
     elementType: g.root,
     externalSlotProps: R.root,
     ownerState: v,
-    className: [O.root, i]
+    className: [T.root, i]
   }), [M, x] = re("paper", {
-    className: O.paper,
+    className: T.paper,
     elementType: pr,
     externalForwardedProps: j,
     shouldForwardComponentProp: !0,
     ownerState: v
   }), [P, V] = re("list", {
-    className: pe(O.list, d.className),
+    className: pe(T.list, d.className),
     elementType: dr,
     shouldForwardComponentProp: !0,
     externalForwardedProps: j,
@@ -5044,13 +5044,13 @@ const ar = {
     ref: o,
     transitionDuration: f,
     ownerState: v,
-    ...c,
+    ...u,
     classes: E,
     children: /* @__PURE__ */ I(P, {
       actions: w,
       autoFocus: a && ($ === -1 || l),
       autoFocusItem: C,
-      variant: T,
+      variant: O,
       ...V,
       children: s
     })
@@ -5307,7 +5307,7 @@ const Dt = de("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
     } = t;
     return [n.icon, o.variant && n[`icon${Re(o.variant)}`], o.open && n.iconOpen];
   }
-})({}), Nn = /* @__PURE__ */ u.forwardRef(function(n, o) {
+})({}), Nn = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const {
     className: r,
     disabled: a,
@@ -5322,7 +5322,7 @@ const Dt = de("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
     variant: d,
     error: s
   }, y = mr(b);
-  return /* @__PURE__ */ Te(u.Fragment, {
+  return /* @__PURE__ */ Te(c.Fragment, {
     children: [/* @__PURE__ */ I(br, {
       ownerState: b,
       className: pe(y.select, r),
@@ -5472,7 +5472,7 @@ const xr = (t) => {
     nativeInput: ["nativeInput"]
   };
   return ce(l, kn, n);
-}, Mn = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}, Mn = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const {
     "aria-describedby": r,
     "aria-label": a,
@@ -5487,13 +5487,13 @@ const xr = (t) => {
     error: f = !1,
     IconComponent: h,
     inputRef: N,
-    labelId: T,
+    labelId: O,
     MenuProps: g = {},
     multiple: R,
-    name: c,
+    name: u,
     onBlur: p,
     onChange: v,
-    onClose: O,
+    onClose: T,
     onFocus: C,
     // eslint-disable-next-line react/prop-types
     onKeyDown: w,
@@ -5519,12 +5519,12 @@ const xr = (t) => {
     controlled: $,
     default: m,
     name: "Select"
-  }), Q = u.useRef(null), ee = u.useRef(null), [te, he] = u.useState(null), {
+  }), Q = c.useRef(null), ee = c.useRef(null), [te, he] = c.useState(null), {
     current: Z
-  } = u.useRef($ != null), [L, A] = u.useState(), G = ve(o, N), ie = u.useCallback((S) => {
+  } = c.useRef($ != null), [L, A] = c.useState(), G = ve(o, N), ie = c.useCallback((S) => {
     ee.current = S, S && he(S);
   }, []), F = te?.parentNode;
-  u.useImperativeHandle(G, () => ({
+  c.useImperativeHandle(G, () => ({
     focus: () => {
       ee.current.focus();
     },
@@ -5532,7 +5532,7 @@ const xr = (t) => {
     value: z
   }), [z]);
   const _ = te !== null && Y;
-  u.useEffect(() => {
+  c.useEffect(() => {
     if (!_ || !F || i || typeof ResizeObserver > "u")
       return;
     const S = new ResizeObserver(() => {
@@ -5541,14 +5541,14 @@ const xr = (t) => {
     return S.observe(F), () => {
       S.disconnect();
     };
-  }, [_, F, i]), u.useEffect(() => {
+  }, [_, F, i]), c.useEffect(() => {
     m && Y && te && !Z && (A(i ? null : F.clientWidth), ee.current.focus());
-  }, [te, i]), u.useEffect(() => {
+  }, [te, i]), c.useEffect(() => {
     s && ee.current.focus();
-  }, [s]), u.useEffect(() => {
-    if (!T)
+  }, [s]), c.useEffect(() => {
+    if (!O)
       return;
-    const S = ge(ee.current).getElementById(T);
+    const S = ge(ee.current).getElementById(O);
     if (S) {
       const W = () => {
         getSelection().isCollapsed && ee.current.focus();
@@ -5557,14 +5557,14 @@ const xr = (t) => {
         S.removeEventListener("click", W);
       };
     }
-  }, [T]);
+  }, [O]);
   const ue = (S, W) => {
-    S ? B && B(W) : O && O(W), Z || (A(i ? null : F.clientWidth), ae(S));
+    S ? B && B(W) : T && T(W), Z || (A(i ? null : F.clientWidth), ae(S));
   }, Ee = (S) => {
     D?.(S), S.button === 0 && (S.preventDefault(), ee.current.focus(), ue(!0, S));
   }, me = (S) => {
     ue(!1, S);
-  }, le = u.Children.toArray(l), Ce = (S) => {
+  }, le = c.Children.toArray(l), Ce = (S) => {
     const W = le.find((oe) => oe.props.value === S.target.value);
     W !== void 0 && (se(W.props.value), v && v(S, W));
   }, ne = (S) => (W) => {
@@ -5582,7 +5582,7 @@ const xr = (t) => {
           writable: !0,
           value: {
             value: oe,
-            name: c
+            name: u
           }
         }), v($t, S);
       }
@@ -5602,7 +5602,7 @@ const xr = (t) => {
       writable: !0,
       value: {
         value: z,
-        name: c
+        name: u
       }
     }), p(S));
   };
@@ -5614,7 +5614,7 @@ const xr = (t) => {
     value: z
   }) || E) && (q ? J = q(z) : Me = !0);
   const Ve = le.map((S) => {
-    if (!/* @__PURE__ */ u.isValidElement(S))
+    if (!/* @__PURE__ */ c.isValidElement(S))
       return null;
     process.env.NODE_ENV !== "production" && kt.isFragment(S) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
@@ -5625,7 +5625,7 @@ const xr = (t) => {
       W = z.some((oe) => nn(oe, S.props.value)), W && Me && Ie.push(S.props.children);
     } else
       W = nn(z, S.props.value), W && Me && (nt = S.props.children);
-    return W && (je = !0), /* @__PURE__ */ u.cloneElement(S, {
+    return W && (je = !0), /* @__PURE__ */ c.cloneElement(S, {
       "aria-selected": W ? "true" : "false",
       onClick: ne(S),
       onKeyUp: (oe) => {
@@ -5639,18 +5639,18 @@ const xr = (t) => {
       // Instead, we provide it as a data attribute.
     });
   });
-  process.env.NODE_ENV !== "production" && u.useEffect(() => {
+  process.env.NODE_ENV !== "production" && c.useEffect(() => {
     if (!je && !R && z !== "") {
       const S = le.map((W) => W.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${z}\` for the select ${c ? `(name="${c}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${S.filter((W) => W != null).map((W) => `\`${W}\``).join(", ") || '""'}.`].join(`
+      console.warn([`MUI: You have provided an out-of-range value \`${z}\` for the select ${u ? `(name="${u}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${S.filter((W) => W != null).map((W) => `\`${W}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [je, le, R, c, z]), Me && (R ? Ie.length === 0 ? J = null : J = Ie.reduce((S, W, oe) => (S.push(W), oe < Ie.length - 1 && S.push(", "), S), []) : J = nt);
+  }, [je, le, R, u, z]), Me && (R ? Ie.length === 0 ? J = null : J = Ie.reduce((S, W, oe) => (S.push(W), oe < Ie.length - 1 && S.push(", "), S), []) : J = nt);
   let He = L;
   !i && Z && te && (He = F.clientWidth);
   let K;
   typeof P < "u" ? K = P : K = y ? null : 0;
-  const _e = x.id || (c ? `mui-component-select-${c}` : void 0), Pe = {
+  const _e = x.id || (u ? `mui-component-select-${u}` : void 0), Pe = {
     ...n,
     variant: k,
     value: z,
@@ -5663,7 +5663,7 @@ const xr = (t) => {
     ...g.MenuListProps,
     ...typeof g.slotProps?.list == "function" ? g.slotProps.list(Pe) : g.slotProps?.list
   }, At = rn();
-  return /* @__PURE__ */ Te(u.Fragment, {
+  return /* @__PURE__ */ Te(c.Fragment, {
     children: [/* @__PURE__ */ I(gr, {
       as: "div",
       ref: ie,
@@ -5674,7 +5674,7 @@ const xr = (t) => {
       "aria-expanded": _ ? "true" : "false",
       "aria-haspopup": "listbox",
       "aria-label": a,
-      "aria-labelledby": [T, _e].filter(Boolean).join(" ") || void 0,
+      "aria-labelledby": [O, _e].filter(Boolean).join(" ") || void 0,
       "aria-describedby": r,
       "aria-required": M ? "true" : void 0,
       "aria-invalid": f ? "true" : void 0,
@@ -5697,7 +5697,7 @@ const xr = (t) => {
     }), /* @__PURE__ */ I(vr, {
       "aria-invalid": f,
       value: Array.isArray(z) ? z.join(",") : z,
-      name: c,
+      name: u,
       ref: Q,
       "aria-hidden": !0,
       onChange: Ce,
@@ -5713,7 +5713,7 @@ const xr = (t) => {
       className: xt.icon,
       ownerState: Pe
     }), /* @__PURE__ */ I(wn, {
-      id: `menu-${c || ""}`,
+      id: `menu-${u || ""}`,
       anchorEl: F,
       open: _,
       onClose: me,
@@ -5729,7 +5729,7 @@ const xr = (t) => {
       slotProps: {
         ...g.slotProps,
         list: {
-          "aria-labelledby": T,
+          "aria-labelledby": O,
           role: "listbox",
           "aria-multiselectable": R ? "true" : void 0,
           disableListWrap: !0,
@@ -5912,7 +5912,7 @@ const Tr = Qn(/* @__PURE__ */ I("path", {
   name: "MuiSelect",
   slot: "Root",
   shouldForwardProp: (t) => we(t) && t !== "variant"
-}, Pr = U(yt, Lt)(""), Rr = U(Et, Lt)(""), Sr = U(vt, Lt)(""), jt = /* @__PURE__ */ u.forwardRef(function(n, o) {
+}, Pr = U(yt, Lt)(""), Rr = U(Et, Lt)(""), Sr = U(vt, Lt)(""), jt = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     name: "MuiSelect",
     props: n
@@ -5929,13 +5929,13 @@ const Tr = Qn(/* @__PURE__ */ I("path", {
     inputProps: f,
     label: h,
     labelId: N,
-    MenuProps: T,
+    MenuProps: O,
     multiple: g = !1,
     native: R = !1,
-    onClose: c,
+    onClose: u,
     onOpen: p,
     open: v,
-    renderValue: O,
+    renderValue: T,
     SelectDisplayProps: C,
     variant: w = "outlined",
     ...D
@@ -5962,8 +5962,8 @@ const Tr = Qn(/* @__PURE__ */ I("path", {
       ownerState: M
     })
   }[q], k = ve(o, et(X));
-  return /* @__PURE__ */ I(u.Fragment, {
-    children: /* @__PURE__ */ u.cloneElement(X, {
+  return /* @__PURE__ */ I(c.Fragment, {
+    children: /* @__PURE__ */ c.cloneElement(X, {
       // Most of the logic is implemented in `SelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
       inputComponent: B,
@@ -5982,11 +5982,11 @@ const Tr = Qn(/* @__PURE__ */ I("path", {
           defaultOpen: d,
           displayEmpty: m,
           labelId: N,
-          MenuProps: T,
-          onClose: c,
+          MenuProps: O,
+          onClose: u,
           onOpen: p,
           open: v,
-          renderValue: O,
+          renderValue: T,
           SelectDisplayProps: {
             id: y,
             ...C
@@ -6175,7 +6175,7 @@ const Cr = {
 }, Nr = U(Hn, {
   name: "MuiTextField",
   slot: "Root"
-})({}), Fn = /* @__PURE__ */ u.forwardRef(function(n, o) {
+})({}), Fn = /* @__PURE__ */ c.forwardRef(function(n, o) {
   const r = be({
     props: n,
     name: "MuiTextField"
@@ -6192,13 +6192,13 @@ const Cr = {
     fullWidth: f = !1,
     helperText: h,
     id: N,
-    InputLabelProps: T,
+    InputLabelProps: O,
     inputProps: g,
     InputProps: R,
-    inputRef: c,
+    inputRef: u,
     label: p,
     maxRows: v,
-    minRows: O,
+    minRows: T,
     multiline: C = !1,
     name: w,
     onBlur: D,
@@ -6232,7 +6232,7 @@ const Cr = {
     slots: V,
     slotProps: {
       input: R,
-      inputLabel: T,
+      inputLabel: O,
       htmlInput: g,
       formHelperText: E,
       select: P,
@@ -6289,11 +6289,11 @@ const Cr = {
     name: w,
     rows: M,
     maxRows: v,
-    minRows: O,
+    minRows: T,
     type: k,
     value: H,
     id: Q,
-    inputRef: c,
+    inputRef: u,
     onBlur: D,
     onChange: B,
     onFocus: $,
@@ -6540,24 +6540,25 @@ function Gr({
   type: d = "text",
   multiline: m = !1,
   rows: b,
-  sx: y
+  sx: y,
+  forceError: E = !1
 }) {
-  const [E, f] = Bt(l), [h, N] = Bt(!1), T = (p) => {
-    const v = p.target.value;
-    f(v), i && i(v);
-  }, g = () => {
-    N(!0);
-  }, R = String(E || "").trim() === "", c = h && o && R;
+  const [f, h] = Bt(l), [N, O] = Bt(!1), g = (v) => {
+    const T = v.target.value;
+    h(T), i && i(T);
+  }, R = () => {
+    O(!0);
+  }, u = String(f || "").trim() === "", p = E || N && o && u;
   return /* @__PURE__ */ I(
     Fn,
     {
       label: t,
       placeholder: n,
-      value: E,
-      onChange: T,
-      onBlur: g,
-      error: c,
-      helperText: c ? r : a || " ",
+      value: f,
+      onChange: g,
+      onBlur: R,
+      error: p,
+      helperText: p ? r : a || " ",
       variant: s,
       required: o,
       type: d,
@@ -6565,7 +6566,6 @@ function Gr({
       rows: b,
       InputLabelProps: {
         shrink: !0
-        // Always shrink the label
       },
       sx: {
         "& .MuiInputBase-root": {
@@ -6573,7 +6573,6 @@ function Gr({
         },
         "& .MuiInputLabel-root": {
           transform: "translate(14px, -9px) scale(0.75)",
-          // Keep label in shrunk position
           "&.MuiInputLabel-shrink": {
             transform: "translate(14px, -9px) scale(0.75)"
           }