@hybridcore/ui 1.3.3 → 1.3.5

package/dist/{FormControl-ChTmxscy.js → FormControl-BMRUQKHh.js}

@@ -1,56 +1,22 @@
-import { a as K, _ as i } from "./extends-Cyw62AD_.js";
-import * as a from "react";
-import { G as _e, P as e, a as P, f as je } from "./createTheme-C3DKplhE.js";
-import { g as X, u as ee, c as U, a as oe } from "./chainPropTypes-GRMJ22CO.js";
-import { u as me, F as Fe } from "./useFormControl-CatNKXAi.js";
-import { d as Ve, T as Ue, g as ne, s as q, r as Ge } from "./styled-iyoioZCr.js";
-import { jsx as I, jsxs as G } from "react/jsx-runtime";
-import { u as Ne, b as ce, e as Ke, r as Ye } from "./ButtonBase-DE8d_U2E.js";
-import { o as Re } from "./ownerWindow-niciwP7I.js";
-import { d as Ze } from "./debounce-46wSf_lW.js";
-import { i as Te } from "./isHostComponent-kiaBvYVo.js";
-import { u as Je } from "./useTheme--x3BjP9A.js";
-import { i as ue } from "./isMuiElement-CxT3_ACP.js";
-function ke({
-  styles: o,
-  themeId: n,
-  defaultTheme: r = {}
-}) {
-  const t = Je(r), s = typeof o == "function" ? o(n && t[n] || t) : o;
-  return /* @__PURE__ */ I(_e, {
-    styles: s
-  });
-}
-process.env.NODE_ENV !== "production" && (ke.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  defaultTheme: e.object,
-  /**
-   * @ignore
-   */
-  styles: e.oneOfType([e.array, e.func, e.number, e.object, e.string, e.bool]),
-  /**
-   * @ignore
-   */
-  themeId: e.string
-});
-function be({
-  props: o,
-  states: n,
-  muiFormControl: r
-}) {
-  return n.reduce((t, s) => (t[s] = o[s], r && typeof o[s] > "u" && (t[s] = r[s]), t), {});
-}
-const Qe = ["onChange", "maxRows", "minRows", "style", "value"];
-function Q(o) {
+import { a as G, _ as a } from "./extends-Cyw62AD_.js";
+import * as i from "react";
+import { P as e, a as K, f as Ve } from "./createStyled-B96gjom1.js";
+import { d as Ue, g as ee, u as oe, c as V, a as ne } from "./useThemeProps-DeftUmqJ.js";
+import { u as fe, F as Ee } from "./useFormControl-CatNKXAi.js";
+import { d as Ge, g as re, s as _, r as Ke } from "./styled-cPJbqF0E.js";
+import { jsxs as U, jsx as N } from "react/jsx-runtime";
+import { a as Ne, u as ke, e as Ye, r as Ze } from "./ButtonBase-D6qhsxB0.js";
+import * as Je from "react-dom";
+import { o as we } from "./ownerWindow-niciwP7I.js";
+import { d as Qe } from "./debounce-46wSf_lW.js";
+import { i as Oe } from "./isHostComponent-kiaBvYVo.js";
+import { Global as Xe } from "@emotion/react";
+import { i as ce } from "./isMuiElement-CxT3_ACP.js";
+const eo = ["onChange", "maxRows", "minRows", "style", "value"];
+function X(o) {
   return parseInt(o, 10) || 0;
 }
-const Xe = {
+const oo = {
   shadow: {
     // Visibility needed to hide the extra text area on iPads
     visibility: "hidden",
@@ -65,91 +31,104 @@ const Xe = {
     transform: "translateZ(0)"
   }
 };
-function eo(o) {
-  return o == null || Object.keys(o).length === 0 || o.outerHeightStyle === 0 && !o.overflowing;
+function Te(o) {
+  return o == null || Object.keys(o).length === 0 || o.outerHeightStyle === 0 && !o.overflow;
 }
-const ze = /* @__PURE__ */ a.forwardRef(function(n, r) {
+const Fe = /* @__PURE__ */ i.forwardRef(function(n, r) {
   const {
     onChange: t,
     maxRows: s,
     minRows: d = 1,
-    style: b,
-    value: h
-  } = n, u = K(n, Qe), {
+    style: h,
+    value: g
+  } = n, p = G(n, eo), {
     current: l
-  } = a.useRef(h != null), p = a.useRef(null), x = Ne(r, p), y = a.useRef(null), A = a.useRef(null), O = a.useCallback(() => {
-    const g = p.current, C = Re(g).getComputedStyle(g);
-    if (C.width === "0px")
+  } = i.useRef(g != null), b = i.useRef(null), C = Ne(r, b), w = i.useRef(null), T = i.useRef(0), [E, k] = i.useState({
+    outerHeightStyle: 0
+  }), F = i.useCallback(() => {
+    const u = b.current, y = we(u).getComputedStyle(u);
+    if (y.width === "0px")
       return {
-        outerHeightStyle: 0,
-        overflowing: !1
+        outerHeightStyle: 0
       };
-    const v = A.current;
-    v.style.width = C.width, v.value = g.value || n.placeholder || "x", v.value.slice(-1) === `
-` && (v.value += " ");
-    const M = C.boxSizing, N = Q(C.paddingBottom) + Q(C.paddingTop), T = Q(C.borderBottomWidth) + Q(C.borderTopWidth), E = v.scrollHeight;
-    v.value = "x";
-    const k = v.scrollHeight;
-    let w = E;
-    d && (w = Math.max(Number(d) * k, w)), s && (w = Math.min(Number(s) * k, w)), w = Math.max(w, k);
-    const W = w + (M === "border-box" ? N + T : 0), H = Math.abs(w - E) <= 1;
+    const f = w.current;
+    f.style.width = y.width, f.value = u.value || n.placeholder || "x", f.value.slice(-1) === `
+` && (f.value += " ");
+    const I = y.boxSizing, L = X(y.paddingBottom) + X(y.paddingTop), A = X(y.borderBottomWidth) + X(y.borderTopWidth), P = f.scrollHeight;
+    f.value = "x";
+    const O = f.scrollHeight;
+    let v = P;
+    d && (v = Math.max(Number(d) * O, v)), s && (v = Math.min(Number(s) * O, v)), v = Math.max(v, O);
+    const M = v + (I === "border-box" ? L + A : 0), Y = Math.abs(v - P) <= 1;
     return {
-      outerHeightStyle: W,
-      overflowing: H
-    };
-  }, [s, d, n.placeholder]), S = a.useCallback(() => {
-    const g = O();
-    if (eo(g))
-      return;
-    const f = g.outerHeightStyle, C = p.current;
-    y.current !== f && (y.current = f, C.style.height = `${f}px`), C.style.overflow = g.overflowing ? "hidden" : "";
-  }, [O]);
-  ce(() => {
-    const g = () => {
-      S();
+      outerHeightStyle: M,
+      overflow: Y
     };
-    let f;
-    const C = () => {
-      cancelAnimationFrame(f), f = requestAnimationFrame(() => {
-        g();
-      });
-    }, v = Ze(g), M = p.current, N = Re(M);
-    N.addEventListener("resize", v);
-    let T;
-    return typeof ResizeObserver < "u" && (T = new ResizeObserver(process.env.NODE_ENV === "test" ? C : g), T.observe(M)), () => {
-      v.clear(), cancelAnimationFrame(f), N.removeEventListener("resize", v), T && T.disconnect();
+  }, [s, d, n.placeholder]), B = (u, x) => {
+    const {
+      outerHeightStyle: y,
+      overflow: f
+    } = x;
+    return T.current < 20 && (y > 0 && Math.abs((u.outerHeightStyle || 0) - y) > 1 || u.overflow !== f) ? (T.current += 1, {
+      overflow: f,
+      outerHeightStyle: y
+    }) : (process.env.NODE_ENV !== "production" && T.current === 20 && console.error(["MUI: Too many re-renders. The layout is unstable.", "TextareaAutosize limits the number of renders to prevent an infinite loop."].join(`
+`)), u);
+  }, S = i.useCallback(() => {
+    const u = F();
+    Te(u) || k((x) => B(x, u));
+  }, [F]), j = () => {
+    const u = F();
+    Te(u) || Je.flushSync(() => {
+      k((x) => B(x, u));
+    });
+  };
+  i.useEffect(() => {
+    const u = Qe(() => {
+      T.current = 0, b.current && j();
+    });
+    let x;
+    const y = b.current, f = we(y);
+    return f.addEventListener("resize", u), typeof ResizeObserver < "u" && (x = new ResizeObserver(u), x.observe(y)), () => {
+      u.clear(), f.removeEventListener("resize", u), x && x.disconnect();
     };
-  }, [O, S]), ce(() => {
+  }), ke(() => {
     S();
-  });
-  const B = (g) => {
-    l || S(), t && t(g);
+  }), i.useEffect(() => {
+    T.current = 0;
+  }, [g]);
+  const W = (u) => {
+    T.current = 0, l || S(), t && t(u);
   };
-  return /* @__PURE__ */ G(a.Fragment, {
-    children: [/* @__PURE__ */ I("textarea", i({
-      value: h,
-      onChange: B,
-      ref: x,
+  return /* @__PURE__ */ U(i.Fragment, {
+    children: [/* @__PURE__ */ N("textarea", a({
+      value: g,
+      onChange: W,
+      ref: C,
       rows: d,
-      style: b
-    }, u)), /* @__PURE__ */ I("textarea", {
+      style: a({
+        height: E.outerHeightStyle,
+        // Need a large enough difference to allow scrolling.
+        // This prevents infinite rendering loop.
+        overflow: E.overflow ? "hidden" : void 0
+      }, h)
+    }, p)), /* @__PURE__ */ N("textarea", {
       "aria-hidden": !0,
       className: n.className,
       readOnly: !0,
-      ref: A,
+      ref: w,
       tabIndex: -1,
-      style: i({}, Xe.shadow, b, {
-        paddingTop: 0,
-        paddingBottom: 0
+      style: a({}, oo.shadow, h, {
+        padding: 0
       })
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (ze.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
+process.env.NODE_ENV !== "production" && (Fe.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
   /**
    * @ignore
    */
@@ -180,73 +159,125 @@ process.env.NODE_ENV !== "production" && (ze.propTypes = {
    */
   value: e.oneOfType([e.arrayOf(e.string), e.number, e.string])
 });
-function Ie(o) {
-  return /* @__PURE__ */ I(ke, i({}, o, {
-    defaultTheme: Ve,
-    themeId: Ue
-  }));
+function no(o) {
+  return o == null || Object.keys(o).length === 0;
+}
+function ze(o) {
+  const {
+    styles: n,
+    defaultTheme: r = {}
+  } = o;
+  return /* @__PURE__ */ N(Xe, {
+    styles: typeof n == "function" ? (s) => n(no(s) ? r : s) : n
+  });
+}
+process.env.NODE_ENV !== "production" && (ze.propTypes = {
+  defaultTheme: e.object,
+  styles: e.oneOfType([e.array, e.string, e.object, e.func])
+});
+function Ie({
+  styles: o,
+  themeId: n,
+  defaultTheme: r = {}
+}) {
+  const t = Ue(r), s = typeof o == "function" ? o(n && t[n] || t) : o;
+  return /* @__PURE__ */ N(ze, {
+    styles: s
+  });
 }
 process.env.NODE_ENV !== "production" && (Ie.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
   // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  defaultTheme: e.object,
+  /**
+   * @ignore
+   */
+  styles: e.oneOfType([e.array, e.func, e.number, e.object, e.string, e.bool]),
+  /**
+   * @ignore
+   */
+  themeId: e.string
+});
+function me({
+  props: o,
+  states: n,
+  muiFormControl: r
+}) {
+  return n.reduce((t, s) => (t[s] = o[s], r && typeof o[s] > "u" && (t[s] = r[s]), t), {});
+}
+function Ae(o) {
+  return /* @__PURE__ */ N(Ie, a({}, o, {
+    defaultTheme: Ge
+  }));
+}
+process.env.NODE_ENV !== "production" && (Ae.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The styles you want to apply globally.
    */
-  styles: e.oneOfType([e.array, e.func, e.number, e.object, e.string, e.bool])
+  styles: e.oneOfType([e.func, e.number, e.object, e.shape({
+    __emotion_styles: e.any.isRequired
+  }), e.string, e.bool])
 });
-function Ee(o) {
+function Re(o) {
   return o != null && !(Array.isArray(o) && o.length === 0);
 }
-function pe(o, n = !1) {
-  return o && (Ee(o.value) && o.value !== "" || n && Ee(o.defaultValue) && o.defaultValue !== "");
+function Me(o, n = !1) {
+  return o && (Re(o.value) && o.value !== "" || n && Re(o.defaultValue) && o.defaultValue !== "");
 }
-function oo(o) {
+function ro(o) {
   return o.startAdornment;
 }
-function no(o) {
-  return ne("MuiInputBase", o);
+function to(o) {
+  return re("MuiInputBase", o);
 }
-const fe = X("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), ro = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"], to = (o, n) => {
+const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), so = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"], io = (o, n) => {
   const {
     ownerState: r
   } = o;
-  return [n.root, r.formControl && n.formControl, r.startAdornment && n.adornedStart, r.endAdornment && n.adornedEnd, r.error && n.error, r.size === "small" && n.sizeSmall, r.multiline && n.multiline, r.color && n[`color${P(r.color)}`], r.fullWidth && n.fullWidth, r.hiddenLabel && n.hiddenLabel];
-}, so = (o, n) => {
+  return [n.root, r.formControl && n.formControl, r.startAdornment && n.adornedStart, r.endAdornment && n.adornedEnd, r.error && n.error, r.size === "small" && n.sizeSmall, r.multiline && n.multiline, r.color && n[`color${K(r.color)}`], r.fullWidth && n.fullWidth, r.hiddenLabel && n.hiddenLabel];
+}, ao = (o, n) => {
   const {
     ownerState: r
   } = o;
   return [n.input, r.size === "small" && n.inputSizeSmall, r.multiline && n.inputMultiline, r.type === "search" && n.inputTypeSearch, r.startAdornment && n.inputAdornedStart, r.endAdornment && n.inputAdornedEnd, r.hiddenLabel && n.inputHiddenLabel];
-}, io = (o) => {
+}, lo = (o) => {
   const {
     classes: n,
     color: r,
     disabled: t,
     error: s,
     endAdornment: d,
-    focused: b,
-    formControl: h,
-    fullWidth: u,
+    focused: h,
+    formControl: g,
+    fullWidth: p,
     hiddenLabel: l,
-    multiline: p,
-    readOnly: x,
-    size: y,
-    startAdornment: A,
-    type: O
-  } = o, S = {
-    root: ["root", `color${P(r)}`, t && "disabled", s && "error", u && "fullWidth", b && "focused", h && "formControl", y && y !== "medium" && `size${P(y)}`, p && "multiline", A && "adornedStart", d && "adornedEnd", l && "hiddenLabel", x && "readOnly"],
-    input: ["input", t && "disabled", O === "search" && "inputTypeSearch", p && "inputMultiline", y === "small" && "inputSizeSmall", l && "inputHiddenLabel", A && "inputAdornedStart", d && "inputAdornedEnd", x && "readOnly"]
+    multiline: b,
+    readOnly: C,
+    size: w,
+    startAdornment: T,
+    type: E
+  } = o, k = {
+    root: ["root", `color${K(r)}`, t && "disabled", s && "error", p && "fullWidth", h && "focused", g && "formControl", w === "small" && "sizeSmall", b && "multiline", T && "adornedStart", d && "adornedEnd", l && "hiddenLabel", C && "readOnly"],
+    input: ["input", t && "disabled", E === "search" && "inputTypeSearch", b && "inputMultiline", w === "small" && "inputSizeSmall", l && "inputHiddenLabel", T && "inputAdornedStart", d && "inputAdornedEnd", C && "readOnly"]
   };
-  return oe(S, no, n);
-}, ao = q("div", {
+  return ne(k, to, n);
+}, uo = _("div", {
   name: "MuiInputBase",
   slot: "Root",
-  overridesResolver: to
+  overridesResolver: io
 })(({
   theme: o,
   ownerState: n
-}) => i({}, o.typography.body1, {
+}) => a({}, o.typography.body1, {
   color: (o.vars || o).palette.text.primary,
   lineHeight: "1.4375em",
   // 23px
@@ -256,25 +287,25 @@ const fe = X("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
   cursor: "text",
   display: "inline-flex",
   alignItems: "center",
-  [`&.${fe.disabled}`]: {
+  [`&.${pe.disabled}`]: {
     color: (o.vars || o).palette.text.disabled,
     cursor: "default"
   }
-}, n.multiline && i({
+}, n.multiline && a({
   padding: "4px 0 5px"
 }, n.size === "small" && {
   paddingTop: 1
 }), n.fullWidth && {
   width: "100%"
-})), lo = q("input", {
+})), co = _("input", {
   name: "MuiInputBase",
   slot: "Input",
-  overridesResolver: so
+  overridesResolver: ao
 })(({
   theme: o,
   ownerState: n
 }) => {
-  const r = o.palette.mode === "light", t = i({
+  const r = o.palette.mode === "light", t = a({
     color: "currentColor"
   }, o.vars ? {
     opacity: o.vars.opacity.inputPlaceholder
@@ -291,7 +322,7 @@ const fe = X("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
   } : {
     opacity: r ? 0.42 : 0.5
   };
-  return i({
+  return a({
     font: "inherit",
     letterSpacing: "inherit",
     color: "currentColor",
@@ -330,7 +361,7 @@ const fe = X("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
       WebkitAppearance: "none"
     },
     // Show and hide the placeholder logic
-    [`label[data-shrink=false] + .${fe.formControl} &`]: {
+    [`label[data-shrink=false] + .${pe.formControl} &`]: {
       "&::-webkit-input-placeholder": s,
       "&::-moz-placeholder": s,
       // Firefox 19+
@@ -346,7 +377,7 @@ const fe = X("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
       "&:focus::-ms-input-placeholder": d
       // Edge
     },
-    [`&.${fe.disabled}`]: {
+    [`&.${pe.disabled}`]: {
       opacity: 1,
       // Reset iOS opacity
       WebkitTextFillColor: (o.vars || o).palette.text.disabled
@@ -367,7 +398,7 @@ const fe = X("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
     // Improve type search style.
     MozAppearance: "textfield"
   });
-}), uo = /* @__PURE__ */ I(Ie, {
+}), po = /* @__PURE__ */ N(Ae, {
   styles: {
     "@keyframes mui-auto-fill": {
       from: {
@@ -380,179 +411,179 @@ const fe = X("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
       }
     }
   }
-}), co = /* @__PURE__ */ a.forwardRef(function(n, r) {
+}), fo = /* @__PURE__ */ i.forwardRef(function(n, r) {
   var t;
-  const s = ee({
+  const s = oe({
     props: n,
     name: "MuiInputBase"
   }), {
     "aria-describedby": d,
-    autoComplete: b,
-    autoFocus: h,
-    className: u,
+    autoComplete: h,
+    autoFocus: g,
+    className: p,
     components: l = {},
-    componentsProps: p = {},
-    defaultValue: x,
-    disabled: y,
-    disableInjectingGlobalStyles: A,
-    endAdornment: O,
-    fullWidth: S = !1,
-    id: B,
-    inputComponent: g = "input",
-    inputProps: f = {},
-    inputRef: C,
-    maxRows: v,
-    minRows: M,
-    multiline: N = !1,
-    name: T,
-    onBlur: E,
-    onChange: k,
-    onClick: w,
-    onFocus: W,
-    onKeyDown: H,
-    onKeyUp: F,
-    placeholder: z,
-    readOnly: D,
-    renderSuffix: he,
-    rows: Y,
-    slotProps: ye = {},
-    slots: ge = {},
-    startAdornment: _,
-    type: ve = "text",
-    value: Me
-  } = s, Le = K(s, ro), Z = f.value != null ? f.value : Me, {
-    current: re
-  } = a.useRef(Z != null), $ = a.useRef(), We = a.useCallback((c) => {
+    componentsProps: b = {},
+    defaultValue: C,
+    disabled: w,
+    disableInjectingGlobalStyles: T,
+    endAdornment: E,
+    fullWidth: k = !1,
+    id: F,
+    inputComponent: B = "input",
+    inputProps: S = {},
+    inputRef: j,
+    maxRows: W,
+    minRows: u,
+    multiline: x = !1,
+    name: y,
+    onBlur: f,
+    onChange: I,
+    onClick: L,
+    onFocus: A,
+    onKeyDown: P,
+    onKeyUp: O,
+    placeholder: v,
+    readOnly: M,
+    renderSuffix: Y,
+    rows: Z,
+    slotProps: be = {},
+    slots: he = {},
+    startAdornment: $,
+    type: ye = "text",
+    value: Le
+  } = s, Be = G(s, so), J = S.value != null ? S.value : Le, {
+    current: te
+  } = i.useRef(J != null), D = i.useRef(), Pe = i.useCallback((c) => {
     process.env.NODE_ENV !== "production" && c && c.nodeName !== "INPUT" && !c.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(`
 `));
-  }, []), Be = Ne($, C, f.ref, We), [te, se] = a.useState(!1), m = me();
-  process.env.NODE_ENV !== "production" && a.useEffect(() => {
+  }, []), De = Ne(D, j, S.ref, Pe), [se, ie] = i.useState(!1), m = fe();
+  process.env.NODE_ENV !== "production" && i.useEffect(() => {
     if (m)
       return m.registerEffect();
   }, [m]);
-  const R = be({
+  const R = me({
     props: s,
     muiFormControl: m,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
-  R.focused = m ? m.focused : te, a.useEffect(() => {
-    !m && y && te && (se(!1), E && E());
-  }, [m, y, te, E]);
-  const ie = m && m.onFilled, ae = m && m.onEmpty, j = a.useCallback((c) => {
-    pe(c) ? ie && ie() : ae && ae();
-  }, [ie, ae]);
-  ce(() => {
-    re && j({
-      value: Z
+  R.focused = m ? m.focused : se, i.useEffect(() => {
+    !m && w && se && (ie(!1), f && f());
+  }, [m, w, se, f]);
+  const ae = m && m.onFilled, le = m && m.onEmpty, q = i.useCallback((c) => {
+    Me(c) ? ae && ae() : le && le();
+  }, [ae, le]);
+  ke(() => {
+    te && q({
+      value: J
     });
-  }, [Z, j, re]);
-  const Pe = (c) => {
+  }, [J, q, te]);
+  const _e = (c) => {
     if (R.disabled) {
       c.stopPropagation();
       return;
     }
-    W && W(c), f.onFocus && f.onFocus(c), m && m.onFocus ? m.onFocus(c) : se(!0);
-  }, De = (c) => {
-    E && E(c), f.onBlur && f.onBlur(c), m && m.onBlur ? m.onBlur(c) : se(!1);
-  }, $e = (c, ...Oe) => {
-    if (!re) {
-      const Se = c.target || $.current;
+    A && A(c), S.onFocus && S.onFocus(c), m && m.onFocus ? m.onFocus(c) : ie(!0);
+  }, je = (c) => {
+    f && f(c), S.onBlur && S.onBlur(c), m && m.onBlur ? m.onBlur(c) : ie(!1);
+  }, $e = (c, ...Ce) => {
+    if (!te) {
+      const Se = c.target || D.current;
       if (Se == null)
-        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : je(1));
-      j({
+        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Ve(1));
+      q({
         value: Se.value
       });
     }
-    f.onChange && f.onChange(c, ...Oe), k && k(c, ...Oe);
+    S.onChange && S.onChange(c, ...Ce), I && I(c, ...Ce);
   };
-  a.useEffect(() => {
-    j($.current);
+  i.useEffect(() => {
+    q(D.current);
   }, []);
   const qe = (c) => {
-    $.current && c.currentTarget === c.target && $.current.focus(), w && w(c);
+    D.current && c.currentTarget === c.target && D.current.focus(), L && L(c);
   };
-  let le = g, L = f;
-  N && le === "input" && (Y ? (process.env.NODE_ENV !== "production" && (M || v) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), L = i({
+  let de = B, z = S;
+  x && de === "input" && (Z ? (process.env.NODE_ENV !== "production" && (u || W) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), z = a({
     type: void 0,
-    minRows: Y,
-    maxRows: Y
-  }, L)) : L = i({
+    minRows: Z,
+    maxRows: Z
+  }, z)) : z = a({
     type: void 0,
-    maxRows: v,
-    minRows: M
-  }, L), le = ze);
+    maxRows: W,
+    minRows: u
+  }, z), de = Fe);
   const He = (c) => {
-    j(c.animationName === "mui-auto-fill-cancel" ? $.current : {
+    q(c.animationName === "mui-auto-fill-cancel" ? D.current : {
       value: "x"
     });
   };
-  a.useEffect(() => {
-    m && m.setAdornedStart(!!_);
-  }, [m, _]);
-  const J = i({}, s, {
+  i.useEffect(() => {
+    m && m.setAdornedStart(!!$);
+  }, [m, $]);
+  const Q = a({}, s, {
     color: R.color || "primary",
     disabled: R.disabled,
-    endAdornment: O,
+    endAdornment: E,
     error: R.error,
     focused: R.focused,
     formControl: m,
-    fullWidth: S,
+    fullWidth: k,
     hiddenLabel: R.hiddenLabel,
-    multiline: N,
+    multiline: x,
     size: R.size,
-    startAdornment: _,
-    type: ve
-  }), xe = io(J), Ce = ge.root || l.Root || ao, de = ye.root || p.root || {}, we = ge.input || l.Input || lo;
-  return L = i({}, L, (t = ye.input) != null ? t : p.input), /* @__PURE__ */ G(a.Fragment, {
-    children: [!A && uo, /* @__PURE__ */ G(Ce, i({}, de, !Te(Ce) && {
-      ownerState: i({}, J, de.ownerState)
+    startAdornment: $,
+    type: ye
+  }), ge = lo(Q), ve = he.root || l.Root || uo, ue = be.root || b.root || {}, xe = he.input || l.Input || co;
+  return z = a({}, z, (t = be.input) != null ? t : b.input), /* @__PURE__ */ U(i.Fragment, {
+    children: [!T && po, /* @__PURE__ */ U(ve, a({}, ue, !Oe(ve) && {
+      ownerState: a({}, Q, ue.ownerState)
     }, {
       ref: r,
       onClick: qe
-    }, Le, {
-      className: U(xe.root, de.className, u, D && "MuiInputBase-readOnly"),
-      children: [_, /* @__PURE__ */ I(Fe.Provider, {
+    }, Be, {
+      className: V(ge.root, ue.className, p, M && "MuiInputBase-readOnly"),
+      children: [$, /* @__PURE__ */ N(Ee.Provider, {
         value: null,
-        children: /* @__PURE__ */ I(we, i({
-          ownerState: J,
+        children: /* @__PURE__ */ N(xe, a({
+          ownerState: Q,
           "aria-invalid": R.error,
           "aria-describedby": d,
-          autoComplete: b,
-          autoFocus: h,
-          defaultValue: x,
+          autoComplete: h,
+          autoFocus: g,
+          defaultValue: C,
           disabled: R.disabled,
-          id: B,
+          id: F,
           onAnimationStart: He,
-          name: T,
-          placeholder: z,
-          readOnly: D,
+          name: y,
+          placeholder: v,
+          readOnly: M,
           required: R.required,
-          rows: Y,
-          value: Z,
-          onKeyDown: H,
-          onKeyUp: F,
-          type: ve
-        }, L, !Te(we) && {
-          as: le,
-          ownerState: i({}, J, L.ownerState)
+          rows: Z,
+          value: J,
+          onKeyDown: P,
+          onKeyUp: O,
+          type: ye
+        }, z, !Oe(xe) && {
+          as: de,
+          ownerState: a({}, Q, z.ownerState)
         }, {
-          ref: Be,
-          className: U(xe.input, L.className, D && "MuiInputBase-readOnly"),
-          onBlur: De,
+          ref: De,
+          className: V(ge.input, z.className, M && "MuiInputBase-readOnly"),
+          onBlur: je,
           onChange: $e,
-          onFocus: Pe
+          onFocus: _e
         }))
-      }), O, he ? he(i({}, R, {
-        startAdornment: _
+      }), E, Y ? Y(a({}, R, {
+        startAdornment: $
       })) : null]
     }))]
   });
 });
-process.env.NODE_ENV !== "production" && (co.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+process.env.NODE_ENV !== "production" && (fo.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * @ignore
    */
@@ -578,7 +609,7 @@ process.env.NODE_ENV !== "production" && (co.propTypes = {
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
@@ -645,7 +676,7 @@ process.env.NODE_ENV !== "production" && (co.propTypes = {
    * Either a string to use a HTML element or a component.
    * @default 'input'
    */
-  inputComponent: Ke,
+  inputComponent: Ye,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
    * @default {}
@@ -654,7 +685,7 @@ process.env.NODE_ENV !== "production" && (co.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Ye,
+  inputRef: Ze,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -778,97 +809,97 @@ process.env.NODE_ENV !== "production" && (co.propTypes = {
    */
   value: e.any
 });
-function po(o) {
-  return ne("MuiFormLabel", o);
+function mo(o) {
+  return re("MuiFormLabel", o);
 }
-const V = X("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), fo = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"], mo = (o) => {
+const H = ee("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), bo = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"], ho = (o) => {
   const {
     classes: n,
     color: r,
     focused: t,
     disabled: s,
     error: d,
-    filled: b,
-    required: h
-  } = o, u = {
-    root: ["root", `color${P(r)}`, s && "disabled", d && "error", b && "filled", t && "focused", h && "required"],
+    filled: h,
+    required: g
+  } = o, p = {
+    root: ["root", `color${K(r)}`, s && "disabled", d && "error", h && "filled", t && "focused", g && "required"],
     asterisk: ["asterisk", d && "error"]
   };
-  return oe(u, po, n);
-}, bo = q("label", {
+  return ne(p, mo, n);
+}, yo = _("label", {
   name: "MuiFormLabel",
   slot: "Root",
   overridesResolver: ({
     ownerState: o
-  }, n) => i({}, n.root, o.color === "secondary" && n.colorSecondary, o.filled && n.filled)
+  }, n) => a({}, n.root, o.color === "secondary" && n.colorSecondary, o.filled && n.filled)
 })(({
   theme: o,
   ownerState: n
-}) => i({
+}) => a({
   color: (o.vars || o).palette.text.secondary
 }, o.typography.body1, {
   lineHeight: "1.4375em",
   padding: 0,
   position: "relative",
-  [`&.${V.focused}`]: {
+  [`&.${H.focused}`]: {
     color: (o.vars || o).palette[n.color].main
   },
-  [`&.${V.disabled}`]: {
+  [`&.${H.disabled}`]: {
     color: (o.vars || o).palette.text.disabled
   },
-  [`&.${V.error}`]: {
+  [`&.${H.error}`]: {
     color: (o.vars || o).palette.error.main
   }
-})), ho = q("span", {
+})), go = _("span", {
   name: "MuiFormLabel",
   slot: "Asterisk",
   overridesResolver: (o, n) => n.asterisk
 })(({
   theme: o
 }) => ({
-  [`&.${V.error}`]: {
+  [`&.${H.error}`]: {
     color: (o.vars || o).palette.error.main
   }
-})), Ae = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  const t = ee({
+})), We = /* @__PURE__ */ i.forwardRef(function(n, r) {
+  const t = oe({
     props: n,
     name: "MuiFormLabel"
   }), {
     children: s,
     className: d,
-    component: b = "label"
-  } = t, h = K(t, fo), u = me(), l = be({
+    component: h = "label"
+  } = t, g = G(t, bo), p = fe(), l = me({
     props: t,
-    muiFormControl: u,
+    muiFormControl: p,
     states: ["color", "required", "focused", "disabled", "error", "filled"]
-  }), p = i({}, t, {
+  }), b = a({}, t, {
     color: l.color || "primary",
-    component: b,
+    component: h,
     disabled: l.disabled,
     error: l.error,
     filled: l.filled,
     focused: l.focused,
     required: l.required
-  }), x = mo(p);
-  return /* @__PURE__ */ G(bo, i({
-    as: b,
-    ownerState: p,
-    className: U(x.root, d),
+  }), C = ho(b);
+  return /* @__PURE__ */ U(yo, a({
+    as: h,
+    ownerState: b,
+    className: V(C.root, d),
     ref: r
-  }, h, {
-    children: [s, l.required && /* @__PURE__ */ G(ho, {
-      ownerState: p,
+  }, g, {
+    children: [s, l.required && /* @__PURE__ */ U(go, {
+      ownerState: b,
       "aria-hidden": !0,
-      className: x.asterisk,
+      className: C.asterisk,
       children: [" ", "*"]
     })]
   }));
 });
-process.env.NODE_ENV !== "production" && (Ae.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+process.env.NODE_ENV !== "production" && (We.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The content of the component.
    */
@@ -884,7 +915,7 @@ process.env.NODE_ENV !== "production" && (Ae.propTypes = {
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    */
   color: e.oneOfType([e.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), e.string]),
   /**
@@ -917,26 +948,26 @@ process.env.NODE_ENV !== "production" && (Ae.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function yo(o) {
-  return ne("MuiInputLabel", o);
+function vo(o) {
+  return re("MuiInputLabel", o);
 }
-X("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
-const go = ["disableAnimation", "margin", "shrink", "variant", "className"], vo = (o) => {
+ee("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
+const xo = ["disableAnimation", "margin", "shrink", "variant", "className"], Co = (o) => {
   const {
     classes: n,
     formControl: r,
     size: t,
     shrink: s,
     disableAnimation: d,
-    variant: b,
-    required: h
-  } = o, u = {
-    root: ["root", r && "formControl", !d && "animated", s && "shrink", t && t !== "normal" && `size${P(t)}`, b],
-    asterisk: [h && "asterisk"]
-  }, l = oe(u, yo, n);
-  return i({}, n, l);
-}, xo = q(Ae, {
-  shouldForwardProp: (o) => Ge(o) || o === "classes",
+    variant: h,
+    required: g
+  } = o, l = ne({
+    root: ["root", r && "formControl", !d && "animated", s && "shrink", t === "small" && "sizeSmall", h],
+    asterisk: [g && "asterisk"]
+  }, vo, n);
+  return a({}, n, l);
+}, So = _(We, {
+  shouldForwardProp: (o) => Ke(o) || o === "classes",
   name: "MuiInputLabel",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -944,13 +975,13 @@ const go = ["disableAnimation", "margin", "shrink", "variant", "className"], vo
       ownerState: r
     } = o;
     return [{
-      [`& .${V.asterisk}`]: n.asterisk
-    }, n.root, r.formControl && n.formControl, r.size === "small" && n.sizeSmall, r.shrink && n.shrink, !r.disableAnimation && n.animated, r.focused && n.focused, n[r.variant]];
+      [`& .${H.asterisk}`]: n.asterisk
+    }, n.root, r.formControl && n.formControl, r.size === "small" && n.sizeSmall, r.shrink && n.shrink, !r.disableAnimation && n.animated, n[r.variant]];
   }
 })(({
   theme: o,
   ownerState: n
-}) => i({
+}) => a({
   display: "block",
   transformOrigin: "top left",
   whiteSpace: "nowrap",
@@ -975,7 +1006,7 @@ const go = ["disableAnimation", "margin", "shrink", "variant", "className"], vo
     duration: o.transitions.duration.shorter,
     easing: o.transitions.easing.easeOut
   })
-}, n.variant === "filled" && i({
+}, n.variant === "filled" && a({
   // Chrome's autofill feature gives the input field a yellow background.
   // Since the input field is behind the label in the HTML tree,
   // the input field is drawn last and hides the label with an opaque background color.
@@ -986,14 +1017,14 @@ const go = ["disableAnimation", "margin", "shrink", "variant", "className"], vo
   maxWidth: "calc(100% - 24px)"
 }, n.size === "small" && {
   transform: "translate(12px, 13px) scale(1)"
-}, n.shrink && i({
+}, n.shrink && a({
   userSelect: "none",
   pointerEvents: "auto",
   transform: "translate(12px, 7px) scale(0.75)",
   maxWidth: "calc(133% - 24px)"
 }, n.size === "small" && {
   transform: "translate(12px, 4px) scale(0.75)"
-})), n.variant === "outlined" && i({
+})), n.variant === "outlined" && a({
   // see comment above on filled.zIndex
   zIndex: 1,
   pointerEvents: "none",
@@ -1008,44 +1039,43 @@ const go = ["disableAnimation", "margin", "shrink", "variant", "className"], vo
   // but it feels a better when it bleeds a bit on the left, so 32px.
   maxWidth: "calc(133% - 32px)",
   transform: "translate(14px, -9px) scale(0.75)"
-}))), Co = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  const t = ee({
+}))), wo = /* @__PURE__ */ i.forwardRef(function(n, r) {
+  const t = oe({
     name: "MuiInputLabel",
     props: n
   }), {
     disableAnimation: s = !1,
     shrink: d,
-    className: b
-  } = t, h = K(t, go), u = me();
+    className: h
+  } = t, g = G(t, xo), p = fe();
   let l = d;
-  typeof l > "u" && u && (l = u.filled || u.focused || u.adornedStart);
-  const p = be({
+  typeof l > "u" && p && (l = p.filled || p.focused || p.adornedStart);
+  const b = me({
     props: t,
-    muiFormControl: u,
-    states: ["size", "variant", "required", "focused"]
-  }), x = i({}, t, {
+    muiFormControl: p,
+    states: ["size", "variant", "required"]
+  }), C = a({}, t, {
     disableAnimation: s,
-    formControl: u,
+    formControl: p,
     shrink: l,
-    size: p.size,
-    variant: p.variant,
-    required: p.required,
-    focused: p.focused
-  }), y = vo(x);
-  return /* @__PURE__ */ I(xo, i({
+    size: b.size,
+    variant: b.variant,
+    required: b.required
+  }), w = Co(C);
+  return /* @__PURE__ */ N(So, a({
     "data-shrink": l,
-    ownerState: x,
+    ownerState: C,
     ref: r,
-    className: U(y.root, b)
-  }, h, {
-    classes: y
+    className: V(w.root, h)
+  }, g, {
+    classes: w
   }));
 });
-process.env.NODE_ENV !== "production" && (Co.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+process.env.NODE_ENV !== "production" && (wo.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The content of the component.
    */
@@ -1061,7 +1091,7 @@ process.env.NODE_ENV !== "production" && (Co.propTypes = {
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    */
   color: e.oneOfType([e.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), e.string]),
   /**
@@ -1108,28 +1138,28 @@ process.env.NODE_ENV !== "production" && (Co.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-function wo(o) {
-  return ne("MuiFormControl", o);
+function Oo(o) {
+  return re("MuiFormControl", o);
 }
-X("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
-const Oo = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"], So = (o) => {
+ee("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
+const To = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"], Ro = (o) => {
   const {
     classes: n,
     margin: r,
     fullWidth: t
   } = o, s = {
-    root: ["root", r !== "none" && `margin${P(r)}`, t && "fullWidth"]
+    root: ["root", r !== "none" && `margin${K(r)}`, t && "fullWidth"]
   };
-  return oe(s, wo, n);
-}, Ro = q("div", {
+  return ne(s, Oo, n);
+}, Eo = _("div", {
   name: "MuiFormControl",
   slot: "Root",
   overridesResolver: ({
     ownerState: o
-  }, n) => i({}, n.root, n[`margin${P(o.margin)}`], o.fullWidth && n.fullWidth)
+  }, n) => a({}, n.root, n[`margin${K(o.margin)}`], o.fullWidth && n.fullWidth)
 })(({
   ownerState: o
-}) => i({
+}) => a({
   display: "inline-flex",
   flexDirection: "column",
   position: "relative",
@@ -1147,103 +1177,103 @@ const Oo = ["children", "className", "color", "component", "disabled", "error",
   marginBottom: 4
 }, o.fullWidth && {
   width: "100%"
-})), To = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  const t = ee({
+})), No = /* @__PURE__ */ i.forwardRef(function(n, r) {
+  const t = oe({
     props: n,
     name: "MuiFormControl"
   }), {
     children: s,
     className: d,
-    color: b = "primary",
-    component: h = "div",
-    disabled: u = !1,
+    color: h = "primary",
+    component: g = "div",
+    disabled: p = !1,
     error: l = !1,
-    focused: p,
-    fullWidth: x = !1,
-    hiddenLabel: y = !1,
-    margin: A = "none",
-    required: O = !1,
-    size: S = "medium",
-    variant: B = "outlined"
-  } = t, g = K(t, Oo), f = i({}, t, {
-    color: b,
-    component: h,
-    disabled: u,
+    focused: b,
+    fullWidth: C = !1,
+    hiddenLabel: w = !1,
+    margin: T = "none",
+    required: E = !1,
+    size: k = "medium",
+    variant: F = "outlined"
+  } = t, B = G(t, To), S = a({}, t, {
+    color: h,
+    component: g,
+    disabled: p,
     error: l,
-    fullWidth: x,
-    hiddenLabel: y,
-    margin: A,
-    required: O,
-    size: S,
-    variant: B
-  }), C = So(f), [v, M] = a.useState(() => {
-    let F = !1;
-    return s && a.Children.forEach(s, (z) => {
-      if (!ue(z, ["Input", "Select"]))
+    fullWidth: C,
+    hiddenLabel: w,
+    margin: T,
+    required: E,
+    size: k,
+    variant: F
+  }), j = Ro(S), [W, u] = i.useState(() => {
+    let O = !1;
+    return s && i.Children.forEach(s, (v) => {
+      if (!ce(v, ["Input", "Select"]))
         return;
-      const D = ue(z, ["Select"]) ? z.props.input : z;
-      D && oo(D.props) && (F = !0);
-    }), F;
-  }), [N, T] = a.useState(() => {
-    let F = !1;
-    return s && a.Children.forEach(s, (z) => {
-      ue(z, ["Input", "Select"]) && (pe(z.props, !0) || pe(z.props.inputProps, !0)) && (F = !0);
-    }), F;
-  }), [E, k] = a.useState(!1);
-  u && E && k(!1);
-  const w = p !== void 0 && !u ? p : E;
-  let W;
+      const M = ce(v, ["Select"]) ? v.props.input : v;
+      M && ro(M.props) && (O = !0);
+    }), O;
+  }), [x, y] = i.useState(() => {
+    let O = !1;
+    return s && i.Children.forEach(s, (v) => {
+      ce(v, ["Input", "Select"]) && Me(v.props, !0) && (O = !0);
+    }), O;
+  }), [f, I] = i.useState(!1);
+  p && f && I(!1);
+  const L = b !== void 0 && !p ? b : f;
+  let A;
   if (process.env.NODE_ENV !== "production") {
-    const F = a.useRef(!1);
-    W = () => (F.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
-`)), F.current = !0, () => {
-      F.current = !1;
+    const O = i.useRef(!1);
+    A = () => (O.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
+`)), O.current = !0, () => {
+      O.current = !1;
     });
   }
-  const H = a.useMemo(() => ({
-    adornedStart: v,
-    setAdornedStart: M,
-    color: b,
-    disabled: u,
+  const P = i.useMemo(() => ({
+    adornedStart: W,
+    setAdornedStart: u,
+    color: h,
+    disabled: p,
     error: l,
-    filled: N,
-    focused: w,
-    fullWidth: x,
-    hiddenLabel: y,
-    size: S,
+    filled: x,
+    focused: L,
+    fullWidth: C,
+    hiddenLabel: w,
+    size: k,
     onBlur: () => {
-      k(!1);
+      I(!1);
     },
     onEmpty: () => {
-      T(!1);
+      y(!1);
     },
     onFilled: () => {
-      T(!0);
+      y(!0);
     },
     onFocus: () => {
-      k(!0);
+      I(!0);
     },
-    registerEffect: W,
-    required: O,
-    variant: B
-  }), [v, b, u, l, N, w, x, y, W, O, S, B]);
-  return /* @__PURE__ */ I(Fe.Provider, {
-    value: H,
-    children: /* @__PURE__ */ I(Ro, i({
-      as: h,
-      ownerState: f,
-      className: U(C.root, d),
+    registerEffect: A,
+    required: E,
+    variant: F
+  }), [W, h, p, l, x, L, C, w, A, E, k, F]);
+  return /* @__PURE__ */ N(Ee.Provider, {
+    value: P,
+    children: /* @__PURE__ */ N(Eo, a({
+      as: g,
+      ownerState: S,
+      className: V(j.root, d),
       ref: r
-    }, g, {
+    }, B, {
       children: s
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (To.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+process.env.NODE_ENV !== "production" && (No.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The content of the component.
    */
@@ -1259,7 +1289,7 @@ process.env.NODE_ENV !== "production" && (To.propTypes = {
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
   color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
@@ -1320,14 +1350,14 @@ process.env.NODE_ENV !== "production" && (To.propTypes = {
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
 export {
-  To as F,
-  Co as I,
-  ao as a,
-  lo as b,
-  so as c,
-  co as d,
-  pe as e,
-  be as f,
-  fe as i,
-  to as r
+  No as F,
+  wo as I,
+  uo as a,
+  co as b,
+  ao as c,
+  fo as d,
+  Me as e,
+  me as f,
+  pe as i,
+  io as r
 };