@hybridcore/ui 1.3.1 → 1.3.3

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

@@ -1,28 +1,27 @@
-import { _ as H, a as i } from "./extends-C3382pL0.js";
+import { a as K, _ as i } from "./extends-Cyw62AD_.js";
 import * as a from "react";
-import { G as Ve, P as e, c as L, f as Ue } from "./createTheme-BynOz6vJ.js";
-import { g as Y, u as Z, c as j, a as J } from "./chainPropTypes-DHF53jrt.js";
-import { u as re, F as be } from "./useFormControl-CatNKXAi.js";
-import { d as Ge, T as Ke, g as Q, s as B, r as Ye } from "./styled-B02_UC50.js";
-import { jsx as E, jsxs as q } from "react/jsx-runtime";
-import { a as ze, b as pe, e as Ze, r as Je } from "./ButtonBase-DZH9mTSs.js";
+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 Qe } from "./debounce-46wSf_lW.js";
-import { i as Se } from "./isHostComponent-kiaBvYVo.js";
-import { u as Xe } from "./useTheme-rmCSkfoY.js";
-import { T as eo } from "./Typography-CJu4IM_v.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 Ae({
+function ke({
   styles: o,
   themeId: n,
   defaultTheme: r = {}
 }) {
-  const t = Xe(r), s = typeof o == "function" ? o(n && t[n] || t) : o;
-  return /* @__PURE__ */ E(Ve, {
+  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" && (Ae.propTypes = {
+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`. │
@@ -40,18 +39,18 @@ process.env.NODE_ENV !== "production" && (Ae.propTypes = {
    */
   themeId: e.string
 });
-function he({
+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 oo = ["onChange", "maxRows", "minRows", "style", "value"];
-function ne(o) {
+const Qe = ["onChange", "maxRows", "minRows", "style", "value"];
+function Q(o) {
   return parseInt(o, 10) || 0;
 }
-const no = {
+const Xe = {
   shadow: {
     // Visibility needed to hide the extra text area on iPads
     visibility: "hidden",
@@ -66,87 +65,87 @@ const no = {
     transform: "translateZ(0)"
   }
 };
-function ro(o) {
+function eo(o) {
   return o == null || Object.keys(o).length === 0 || o.outerHeightStyle === 0 && !o.overflowing;
 }
-const ke = /* @__PURE__ */ a.forwardRef(function(n, r) {
+const ze = /* @__PURE__ */ a.forwardRef(function(n, r) {
   const {
     onChange: t,
     maxRows: s,
-    minRows: l = 1,
-    style: m,
-    value: y
-  } = n, c = H(n, oo), {
-    current: d
-  } = a.useRef(y != null), u = a.useRef(null), g = ze(r, u), p = a.useRef(null), R = a.useRef(null), O = a.useCallback(() => {
-    const v = u.current, C = Re(v).getComputedStyle(v);
+    minRows: d = 1,
+    style: b,
+    value: h
+  } = n, u = K(n, Qe), {
+    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")
       return {
         outerHeightStyle: 0,
         overflowing: !1
       };
-    const x = R.current;
-    x.style.width = C.width, x.value = v.value || n.placeholder || "x", x.value.slice(-1) === `
-` && (x.value += " ");
-    const M = C.boxSizing, z = ne(C.paddingBottom) + ne(C.paddingTop), N = ne(C.borderBottomWidth) + ne(C.borderTopWidth), F = x.scrollHeight;
-    x.value = "x";
-    const A = x.scrollHeight;
-    let T = F;
-    l && (T = Math.max(Number(l) * A, T)), s && (T = Math.min(Number(s) * A, T)), T = Math.max(T, A);
-    const W = T + (M === "border-box" ? z + N : 0), V = Math.abs(T - F) <= 1;
+    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;
     return {
       outerHeightStyle: W,
-      overflowing: V
+      overflowing: H
     };
-  }, [s, l, n.placeholder]), w = a.useCallback(() => {
-    const v = O();
-    if (ro(v))
+  }, [s, d, n.placeholder]), S = a.useCallback(() => {
+    const g = O();
+    if (eo(g))
       return;
-    const b = v.outerHeightStyle, C = u.current;
-    p.current !== b && (p.current = b, C.style.height = `${b}px`), C.style.overflow = v.overflowing ? "hidden" : "";
+    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]);
-  pe(() => {
-    const v = () => {
-      w();
+  ce(() => {
+    const g = () => {
+      S();
     };
-    let b;
+    let f;
     const C = () => {
-      cancelAnimationFrame(b), b = requestAnimationFrame(() => {
-        v();
+      cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+        g();
       });
-    }, x = Qe(v), M = u.current, z = Re(M);
-    z.addEventListener("resize", x);
-    let N;
-    return typeof ResizeObserver < "u" && (N = new ResizeObserver(process.env.NODE_ENV === "test" ? C : v), N.observe(M)), () => {
-      x.clear(), cancelAnimationFrame(b), z.removeEventListener("resize", x), N && N.disconnect();
+    }, 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();
     };
-  }, [O, w]), pe(() => {
-    w();
+  }, [O, S]), ce(() => {
+    S();
   });
-  const $ = (v) => {
-    d || w(), t && t(v);
+  const B = (g) => {
+    l || S(), t && t(g);
   };
-  return /* @__PURE__ */ q(a.Fragment, {
-    children: [/* @__PURE__ */ E("textarea", i({
-      value: y,
-      onChange: $,
-      ref: g,
-      rows: l,
-      style: m
-    }, c)), /* @__PURE__ */ E("textarea", {
+  return /* @__PURE__ */ G(a.Fragment, {
+    children: [/* @__PURE__ */ I("textarea", i({
+      value: h,
+      onChange: B,
+      ref: x,
+      rows: d,
+      style: b
+    }, u)), /* @__PURE__ */ I("textarea", {
       "aria-hidden": !0,
       className: n.className,
       readOnly: !0,
-      ref: R,
+      ref: A,
       tabIndex: -1,
-      style: i({}, no.shadow, m, {
+      style: i({}, Xe.shadow, b, {
         paddingTop: 0,
         paddingBottom: 0
       })
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (ke.propTypes = {
+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`. │
@@ -181,13 +180,13 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
    */
   value: e.oneOfType([e.arrayOf(e.string), e.number, e.string])
 });
-function Le(o) {
-  return /* @__PURE__ */ E(Ae, i({}, o, {
-    defaultTheme: Ge,
-    themeId: Ke
+function Ie(o) {
+  return /* @__PURE__ */ I(ke, i({}, o, {
+    defaultTheme: Ve,
+    themeId: Ue
   }));
 }
-process.env.NODE_ENV !== "production" && (Le.propTypes = {
+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`.     │
@@ -197,53 +196,53 @@ process.env.NODE_ENV !== "production" && (Le.propTypes = {
    */
   styles: e.oneOfType([e.array, e.func, e.number, e.object, e.string, e.bool])
 });
-function Ne(o) {
+function Ee(o) {
   return o != null && !(Array.isArray(o) && o.length === 0);
 }
-function fe(o, n = !1) {
-  return o && (Ne(o.value) && o.value !== "" || n && Ne(o.defaultValue) && o.defaultValue !== "");
+function pe(o, n = !1) {
+  return o && (Ee(o.value) && o.value !== "" || n && Ee(o.defaultValue) && o.defaultValue !== "");
 }
-function to(o) {
+function oo(o) {
   return o.startAdornment;
 }
-function so(o) {
-  return Q("MuiInputBase", o);
+function no(o) {
+  return ne("MuiInputBase", o);
 }
-const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), io = ["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"], ao = (o, n) => {
+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 {
     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${L(r.color)}`], r.fullWidth && n.fullWidth, r.hiddenLabel && n.hiddenLabel];
-}, lo = (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${P(r.color)}`], r.fullWidth && n.fullWidth, r.hiddenLabel && n.hiddenLabel];
+}, so = (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];
-}, co = (o) => {
+}, io = (o) => {
   const {
     classes: n,
     color: r,
     disabled: t,
     error: s,
-    endAdornment: l,
-    focused: m,
-    formControl: y,
-    fullWidth: c,
-    hiddenLabel: d,
-    multiline: u,
-    readOnly: g,
-    size: p,
-    startAdornment: R,
+    endAdornment: d,
+    focused: b,
+    formControl: h,
+    fullWidth: u,
+    hiddenLabel: l,
+    multiline: p,
+    readOnly: x,
+    size: y,
+    startAdornment: A,
     type: O
-  } = o, w = {
-    root: ["root", `color${L(r)}`, t && "disabled", s && "error", c && "fullWidth", m && "focused", y && "formControl", p && p !== "medium" && `size${L(p)}`, u && "multiline", R && "adornedStart", l && "adornedEnd", d && "hiddenLabel", g && "readOnly"],
-    input: ["input", t && "disabled", O === "search" && "inputTypeSearch", u && "inputMultiline", p === "small" && "inputSizeSmall", d && "inputHiddenLabel", R && "inputAdornedStart", l && "inputAdornedEnd", g && "readOnly"]
+  } = 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"]
   };
-  return J(w, so, n);
-}, uo = B("div", {
+  return oe(S, no, n);
+}, ao = q("div", {
   name: "MuiInputBase",
   slot: "Root",
-  overridesResolver: ao
+  overridesResolver: to
 })(({
   theme: o,
   ownerState: n
@@ -257,7 +256,7 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
   cursor: "text",
   display: "inline-flex",
   alignItems: "center",
-  [`&.${me.disabled}`]: {
+  [`&.${fe.disabled}`]: {
     color: (o.vars || o).palette.text.disabled,
     cursor: "default"
   }
@@ -267,10 +266,10 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
   paddingTop: 1
 }), n.fullWidth && {
   width: "100%"
-})), po = B("input", {
+})), lo = q("input", {
   name: "MuiInputBase",
   slot: "Input",
-  overridesResolver: lo
+  overridesResolver: so
 })(({
   theme: o,
   ownerState: n
@@ -287,7 +286,7 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
     })
   }), s = {
     opacity: "0 !important"
-  }, l = o.vars ? {
+  }, d = o.vars ? {
     opacity: o.vars.opacity.inputPlaceholder
   } : {
     opacity: r ? 0.42 : 0.5
@@ -331,7 +330,7 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
       WebkitAppearance: "none"
     },
     // Show and hide the placeholder logic
-    [`label[data-shrink=false] + .${me.formControl} &`]: {
+    [`label[data-shrink=false] + .${fe.formControl} &`]: {
       "&::-webkit-input-placeholder": s,
       "&::-moz-placeholder": s,
       // Firefox 19+
@@ -339,15 +338,15 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
       // IE11
       "&::-ms-input-placeholder": s,
       // Edge
-      "&:focus::-webkit-input-placeholder": l,
-      "&:focus::-moz-placeholder": l,
+      "&:focus::-webkit-input-placeholder": d,
+      "&:focus::-moz-placeholder": d,
       // Firefox 19+
-      "&:focus:-ms-input-placeholder": l,
+      "&:focus:-ms-input-placeholder": d,
       // IE11
-      "&:focus::-ms-input-placeholder": l
+      "&:focus::-ms-input-placeholder": d
       // Edge
     },
-    [`&.${me.disabled}`]: {
+    [`&.${fe.disabled}`]: {
       opacity: 1,
       // Reset iOS opacity
       WebkitTextFillColor: (o.vars || o).palette.text.disabled
@@ -368,7 +367,7 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
     // Improve type search style.
     MozAppearance: "textfield"
   });
-}), fo = /* @__PURE__ */ E(Le, {
+}), uo = /* @__PURE__ */ I(Ie, {
   styles: {
     "@keyframes mui-auto-fill": {
       from: {
@@ -381,175 +380,175 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
       }
     }
   }
-}), mo = /* @__PURE__ */ a.forwardRef(function(n, r) {
+}), co = /* @__PURE__ */ a.forwardRef(function(n, r) {
   var t;
-  const s = Z({
+  const s = ee({
     props: n,
     name: "MuiInputBase"
   }), {
-    "aria-describedby": l,
-    autoComplete: m,
-    autoFocus: y,
-    className: c,
-    components: d = {},
-    componentsProps: u = {},
-    defaultValue: g,
-    disabled: p,
-    disableInjectingGlobalStyles: R,
+    "aria-describedby": d,
+    autoComplete: b,
+    autoFocus: h,
+    className: u,
+    components: l = {},
+    componentsProps: p = {},
+    defaultValue: x,
+    disabled: y,
+    disableInjectingGlobalStyles: A,
     endAdornment: O,
-    fullWidth: w = !1,
-    id: $,
-    inputComponent: v = "input",
-    inputProps: b = {},
+    fullWidth: S = !1,
+    id: B,
+    inputComponent: g = "input",
+    inputProps: f = {},
     inputRef: C,
-    maxRows: x,
+    maxRows: v,
     minRows: M,
-    multiline: z = !1,
-    name: N,
-    onBlur: F,
-    onChange: A,
-    onClick: T,
+    multiline: N = !1,
+    name: T,
+    onBlur: E,
+    onChange: k,
+    onClick: w,
     onFocus: W,
-    onKeyDown: V,
-    onKeyUp: I,
-    placeholder: k,
+    onKeyDown: H,
+    onKeyUp: F,
+    placeholder: z,
     readOnly: D,
-    renderSuffix: ye,
-    rows: X,
-    slotProps: ge = {},
-    slots: ve = {},
-    startAdornment: U,
-    type: xe = "text",
-    value: Pe
-  } = s, We = H(s, io), ee = b.value != null ? b.value : Pe, {
-    current: te
-  } = a.useRef(ee != null), _ = a.useRef(), $e = a.useCallback((f) => {
-    process.env.NODE_ENV !== "production" && f && f.nodeName !== "INPUT" && !f.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(`
+    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) => {
+    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 = ze(_, C, b.ref, $e), [se, ie] = a.useState(!1), h = re();
+  }, []), Be = Ne($, C, f.ref, We), [te, se] = a.useState(!1), m = me();
   process.env.NODE_ENV !== "production" && a.useEffect(() => {
-    if (h)
-      return h.registerEffect();
-  }, [h]);
-  const S = he({
+    if (m)
+      return m.registerEffect();
+  }, [m]);
+  const R = be({
     props: s,
-    muiFormControl: h,
+    muiFormControl: m,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
-  S.focused = h ? h.focused : se, a.useEffect(() => {
-    !h && p && se && (ie(!1), F && F());
-  }, [h, p, se, F]);
-  const ae = h && h.onFilled, le = h && h.onEmpty, G = a.useCallback((f) => {
-    fe(f) ? ae && ae() : le && le();
-  }, [ae, le]);
-  pe(() => {
-    te && G({
-      value: ee
+  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
     });
-  }, [ee, G, te]);
-  const De = (f) => {
-    if (S.disabled) {
-      f.stopPropagation();
+  }, [Z, j, re]);
+  const Pe = (c) => {
+    if (R.disabled) {
+      c.stopPropagation();
       return;
     }
-    W && W(f), b.onFocus && b.onFocus(f), h && h.onFocus ? h.onFocus(f) : ie(!0);
-  }, _e = (f) => {
-    F && F(f), b.onBlur && b.onBlur(f), h && h.onBlur ? h.onBlur(f) : ie(!1);
-  }, je = (f, ...Te) => {
-    if (!te) {
-      const Ee = f.target || _.current;
-      if (Ee == 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." : Ue(1));
-      G({
-        value: Ee.value
+    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;
+      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({
+        value: Se.value
       });
     }
-    b.onChange && b.onChange(f, ...Te), A && A(f, ...Te);
+    f.onChange && f.onChange(c, ...Oe), k && k(c, ...Oe);
   };
   a.useEffect(() => {
-    G(_.current);
+    j($.current);
   }, []);
-  const qe = (f) => {
-    _.current && f.currentTarget === f.target && _.current.focus(), T && T(f);
+  const qe = (c) => {
+    $.current && c.currentTarget === c.target && $.current.focus(), w && w(c);
   };
-  let de = v, P = b;
-  z && de === "input" && (X ? (process.env.NODE_ENV !== "production" && (M || x) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), P = i({
+  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({
     type: void 0,
-    minRows: X,
-    maxRows: X
-  }, P)) : P = i({
+    minRows: Y,
+    maxRows: Y
+  }, L)) : L = i({
     type: void 0,
-    maxRows: x,
+    maxRows: v,
     minRows: M
-  }, P), de = ke);
-  const He = (f) => {
-    G(f.animationName === "mui-auto-fill-cancel" ? _.current : {
+  }, L), le = ze);
+  const He = (c) => {
+    j(c.animationName === "mui-auto-fill-cancel" ? $.current : {
       value: "x"
     });
   };
   a.useEffect(() => {
-    h && h.setAdornedStart(!!U);
-  }, [h, U]);
-  const oe = i({}, s, {
-    color: S.color || "primary",
-    disabled: S.disabled,
+    m && m.setAdornedStart(!!_);
+  }, [m, _]);
+  const J = i({}, s, {
+    color: R.color || "primary",
+    disabled: R.disabled,
     endAdornment: O,
-    error: S.error,
-    focused: S.focused,
-    formControl: h,
-    fullWidth: w,
-    hiddenLabel: S.hiddenLabel,
-    multiline: z,
-    size: S.size,
-    startAdornment: U,
-    type: xe
-  }), Ce = co(oe), Oe = ve.root || d.Root || uo, ce = ge.root || u.root || {}, we = ve.input || d.Input || po;
-  return P = i({}, P, (t = ge.input) != null ? t : u.input), /* @__PURE__ */ q(a.Fragment, {
-    children: [!R && fo, /* @__PURE__ */ q(Oe, i({}, ce, !Se(Oe) && {
-      ownerState: i({}, oe, ce.ownerState)
+    error: R.error,
+    focused: R.focused,
+    formControl: m,
+    fullWidth: S,
+    hiddenLabel: R.hiddenLabel,
+    multiline: N,
+    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)
     }, {
       ref: r,
       onClick: qe
-    }, We, {
-      className: j(Ce.root, ce.className, c, D && "MuiInputBase-readOnly"),
-      children: [U, /* @__PURE__ */ E(be.Provider, {
+    }, Le, {
+      className: U(xe.root, de.className, u, D && "MuiInputBase-readOnly"),
+      children: [_, /* @__PURE__ */ I(Fe.Provider, {
         value: null,
-        children: /* @__PURE__ */ E(we, i({
-          ownerState: oe,
-          "aria-invalid": S.error,
-          "aria-describedby": l,
-          autoComplete: m,
-          autoFocus: y,
-          defaultValue: g,
-          disabled: S.disabled,
-          id: $,
+        children: /* @__PURE__ */ I(we, i({
+          ownerState: J,
+          "aria-invalid": R.error,
+          "aria-describedby": d,
+          autoComplete: b,
+          autoFocus: h,
+          defaultValue: x,
+          disabled: R.disabled,
+          id: B,
           onAnimationStart: He,
-          name: N,
-          placeholder: k,
+          name: T,
+          placeholder: z,
           readOnly: D,
-          required: S.required,
-          rows: X,
-          value: ee,
-          onKeyDown: V,
-          onKeyUp: I,
-          type: xe
-        }, P, !Se(we) && {
-          as: de,
-          ownerState: i({}, oe, P.ownerState)
+          required: R.required,
+          rows: Y,
+          value: Z,
+          onKeyDown: H,
+          onKeyUp: F,
+          type: ve
+        }, L, !Te(we) && {
+          as: le,
+          ownerState: i({}, J, L.ownerState)
         }, {
           ref: Be,
-          className: j(Ce.input, P.className, D && "MuiInputBase-readOnly"),
-          onBlur: _e,
-          onChange: je,
-          onFocus: De
+          className: U(xe.input, L.className, D && "MuiInputBase-readOnly"),
+          onBlur: De,
+          onChange: $e,
+          onFocus: Pe
         }))
-      }), O, ye ? ye(i({}, S, {
-        startAdornment: U
+      }), O, he ? he(i({}, R, {
+        startAdornment: _
       })) : null]
     }))]
   });
 });
-process.env.NODE_ENV !== "production" && (mo.propTypes = {
+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`.     │
@@ -646,7 +645,7 @@ process.env.NODE_ENV !== "production" && (mo.propTypes = {
    * Either a string to use a HTML element or a component.
    * @default 'input'
    */
-  inputComponent: Ze,
+  inputComponent: Ke,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
    * @default {}
@@ -655,7 +654,7 @@ process.env.NODE_ENV !== "production" && (mo.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Je,
+  inputRef: Ye,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -779,24 +778,24 @@ process.env.NODE_ENV !== "production" && (mo.propTypes = {
    */
   value: e.any
 });
-function bo(o) {
-  return Q("MuiFormLabel", o);
+function po(o) {
+  return ne("MuiFormLabel", o);
 }
-const K = Y("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), ho = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"], yo = (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 {
     classes: n,
     color: r,
     focused: t,
     disabled: s,
-    error: l,
-    filled: m,
-    required: y
-  } = o, c = {
-    root: ["root", `color${L(r)}`, s && "disabled", l && "error", m && "filled", t && "focused", y && "required"],
-    asterisk: ["asterisk", l && "error"]
+    error: d,
+    filled: b,
+    required: h
+  } = o, u = {
+    root: ["root", `color${P(r)}`, s && "disabled", d && "error", b && "filled", t && "focused", h && "required"],
+    asterisk: ["asterisk", d && "error"]
   };
-  return J(c, bo, n);
-}, go = B("label", {
+  return oe(u, po, n);
+}, bo = q("label", {
   name: "MuiFormLabel",
   slot: "Root",
   overridesResolver: ({
@@ -811,61 +810,61 @@ const K = Y("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "e
   lineHeight: "1.4375em",
   padding: 0,
   position: "relative",
-  [`&.${K.focused}`]: {
+  [`&.${V.focused}`]: {
     color: (o.vars || o).palette[n.color].main
   },
-  [`&.${K.disabled}`]: {
+  [`&.${V.disabled}`]: {
     color: (o.vars || o).palette.text.disabled
   },
-  [`&.${K.error}`]: {
+  [`&.${V.error}`]: {
     color: (o.vars || o).palette.error.main
   }
-})), vo = B("span", {
+})), ho = q("span", {
   name: "MuiFormLabel",
   slot: "Asterisk",
   overridesResolver: (o, n) => n.asterisk
 })(({
   theme: o
 }) => ({
-  [`&.${K.error}`]: {
+  [`&.${V.error}`]: {
     color: (o.vars || o).palette.error.main
   }
-})), Me = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  const t = Z({
+})), Ae = /* @__PURE__ */ a.forwardRef(function(n, r) {
+  const t = ee({
     props: n,
     name: "MuiFormLabel"
   }), {
     children: s,
-    className: l,
-    component: m = "label"
-  } = t, y = H(t, ho), c = re(), d = he({
+    className: d,
+    component: b = "label"
+  } = t, h = K(t, fo), u = me(), l = be({
     props: t,
-    muiFormControl: c,
+    muiFormControl: u,
     states: ["color", "required", "focused", "disabled", "error", "filled"]
-  }), u = i({}, t, {
-    color: d.color || "primary",
-    component: m,
-    disabled: d.disabled,
-    error: d.error,
-    filled: d.filled,
-    focused: d.focused,
-    required: d.required
-  }), g = yo(u);
-  return /* @__PURE__ */ q(go, i({
-    as: m,
-    ownerState: u,
-    className: j(g.root, l),
+  }), p = i({}, t, {
+    color: l.color || "primary",
+    component: b,
+    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),
     ref: r
-  }, y, {
-    children: [s, d.required && /* @__PURE__ */ q(vo, {
-      ownerState: u,
+  }, h, {
+    children: [s, l.required && /* @__PURE__ */ G(ho, {
+      ownerState: p,
       "aria-hidden": !0,
-      className: g.asterisk,
+      className: x.asterisk,
       children: [" ", "*"]
     })]
   }));
 });
-process.env.NODE_ENV !== "production" && (Me.propTypes = {
+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`.     │
@@ -918,26 +917,26 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function xo(o) {
-  return Q("MuiInputLabel", o);
+function yo(o) {
+  return ne("MuiInputLabel", o);
 }
-Y("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
-const Co = ["disableAnimation", "margin", "shrink", "variant", "className"], Oo = (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) => {
   const {
     classes: n,
     formControl: r,
     size: t,
     shrink: s,
-    disableAnimation: l,
-    variant: m,
-    required: y
-  } = o, c = {
-    root: ["root", r && "formControl", !l && "animated", s && "shrink", t && t !== "normal" && `size${L(t)}`, m],
-    asterisk: [y && "asterisk"]
-  }, d = J(c, xo, n);
-  return i({}, n, d);
-}, wo = B(Me, {
-  shouldForwardProp: (o) => Ye(o) || o === "classes",
+    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",
   name: "MuiInputLabel",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -945,7 +944,7 @@ const Co = ["disableAnimation", "margin", "shrink", "variant", "className"], Oo
       ownerState: r
     } = o;
     return [{
-      [`& .${K.asterisk}`]: n.asterisk
+      [`& .${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]];
   }
 })(({
@@ -1009,40 +1008,40 @@ const Co = ["disableAnimation", "margin", "shrink", "variant", "className"], Oo
   // 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)"
-}))), To = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  const t = Z({
+}))), Co = /* @__PURE__ */ a.forwardRef(function(n, r) {
+  const t = ee({
     name: "MuiInputLabel",
     props: n
   }), {
     disableAnimation: s = !1,
-    shrink: l,
-    className: m
-  } = t, y = H(t, Co), c = re();
-  let d = l;
-  typeof d > "u" && c && (d = c.filled || c.focused || c.adornedStart);
-  const u = he({
+    shrink: d,
+    className: b
+  } = t, h = K(t, go), u = me();
+  let l = d;
+  typeof l > "u" && u && (l = u.filled || u.focused || u.adornedStart);
+  const p = be({
     props: t,
-    muiFormControl: c,
+    muiFormControl: u,
     states: ["size", "variant", "required", "focused"]
-  }), g = i({}, t, {
+  }), x = i({}, t, {
     disableAnimation: s,
-    formControl: c,
-    shrink: d,
-    size: u.size,
-    variant: u.variant,
-    required: u.required,
-    focused: u.focused
-  }), p = Oo(g);
-  return /* @__PURE__ */ E(wo, i({
-    "data-shrink": d,
-    ownerState: g,
+    formControl: u,
+    shrink: l,
+    size: p.size,
+    variant: p.variant,
+    required: p.required,
+    focused: p.focused
+  }), y = vo(x);
+  return /* @__PURE__ */ I(xo, i({
+    "data-shrink": l,
+    ownerState: x,
     ref: r,
-    className: j(p.root, m)
-  }, y, {
-    classes: p
+    className: U(y.root, b)
+  }, h, {
+    classes: y
   }));
 });
-process.env.NODE_ENV !== "production" && (To.propTypes = {
+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`.     │
@@ -1109,169 +1108,25 @@ process.env.NODE_ENV !== "production" && (To.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-function Eo(o) {
-  return Q("MuiInputAdornment", o);
-}
-const Fe = Y("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
-var Ie;
-const Ro = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], So = (o, n) => {
-  const {
-    ownerState: r
-  } = o;
-  return [n.root, n[`position${L(r.position)}`], r.disablePointerEvents === !0 && n.disablePointerEvents, n[r.variant]];
-}, No = (o) => {
-  const {
-    classes: n,
-    disablePointerEvents: r,
-    hiddenLabel: t,
-    position: s,
-    size: l,
-    variant: m
-  } = o, y = {
-    root: ["root", r && "disablePointerEvents", s && `position${L(s)}`, m, t && "hiddenLabel", l && `size${L(l)}`]
-  };
-  return J(y, Eo, n);
-}, Fo = B("div", {
-  name: "MuiInputAdornment",
-  slot: "Root",
-  overridesResolver: So
-})(({
-  theme: o,
-  ownerState: n
-}) => i({
-  display: "flex",
-  height: "0.01em",
-  // Fix IE11 flexbox alignment. To remove at some point.
-  maxHeight: "2em",
-  alignItems: "center",
-  whiteSpace: "nowrap",
-  color: (o.vars || o).palette.action.active
-}, n.variant === "filled" && {
-  // Styles applied to the root element if `variant="filled"`.
-  [`&.${Fe.positionStart}&:not(.${Fe.hiddenLabel})`]: {
-    marginTop: 16
-  }
-}, n.position === "start" && {
-  // Styles applied to the root element if `position="start"`.
-  marginRight: 8
-}, n.position === "end" && {
-  // Styles applied to the root element if `position="end"`.
-  marginLeft: 8
-}, n.disablePointerEvents === !0 && {
-  // Styles applied to the root element if `disablePointerEvents={true}`.
-  pointerEvents: "none"
-})), Io = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  const t = Z({
-    props: n,
-    name: "MuiInputAdornment"
-  }), {
-    children: s,
-    className: l,
-    component: m = "div",
-    disablePointerEvents: y = !1,
-    disableTypography: c = !1,
-    position: d,
-    variant: u
-  } = t, g = H(t, Ro), p = re() || {};
-  let R = u;
-  u && p.variant && process.env.NODE_ENV !== "production" && u === p.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), p && !R && (R = p.variant);
-  const O = i({}, t, {
-    hiddenLabel: p.hiddenLabel,
-    size: p.size,
-    disablePointerEvents: y,
-    position: d,
-    variant: R
-  }), w = No(O);
-  return /* @__PURE__ */ E(be.Provider, {
-    value: null,
-    children: /* @__PURE__ */ E(Fo, i({
-      as: m,
-      ownerState: O,
-      className: j(w.root, l),
-      ref: r
-    }, g, {
-      children: typeof s == "string" && !c ? /* @__PURE__ */ E(eo, {
-        color: "text.secondary",
-        children: s
-      }) : /* @__PURE__ */ q(a.Fragment, {
-        children: [d === "start" ? (
-          /* notranslate needed while Google Translate will not fix zero-width space issue */
-          Ie || (Ie = /* @__PURE__ */ E("span", {
-            className: "notranslate",
-            children: "​"
-          }))
-        ) : null, s]
-      })
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (Io.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally an `IconButton` or string.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * Disable pointer events on the root.
-   * This allows for the content of the adornment to focus the `input` on click.
-   * @default false
-   */
-  disablePointerEvents: e.bool,
-  /**
-   * If children is a string then disable wrapping in a Typography component.
-   * @default false
-   */
-  disableTypography: e.bool,
-  /**
-   * The position this adornment should appear relative to the `Input`.
-   */
-  position: e.oneOf(["end", "start"]).isRequired,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The variant to use.
-   * Note: If you are using the `TextField` component or the `FormControl` component
-   * you do not have to set this manually.
-   */
-  variant: e.oneOf(["filled", "outlined", "standard"])
-});
-function zo(o) {
-  return Q("MuiFormControl", o);
+function wo(o) {
+  return ne("MuiFormControl", o);
 }
-Y("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
-const Ao = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"], ko = (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) => {
   const {
     classes: n,
     margin: r,
     fullWidth: t
   } = o, s = {
-    root: ["root", r !== "none" && `margin${L(r)}`, t && "fullWidth"]
+    root: ["root", r !== "none" && `margin${P(r)}`, t && "fullWidth"]
   };
-  return J(s, zo, n);
-}, Lo = B("div", {
+  return oe(s, wo, n);
+}, Ro = q("div", {
   name: "MuiFormControl",
   slot: "Root",
   overridesResolver: ({
     ownerState: o
-  }, n) => i({}, n.root, n[`margin${L(o.margin)}`], o.fullWidth && n.fullWidth)
+  }, n) => i({}, n.root, n[`margin${P(o.margin)}`], o.fullWidth && n.fullWidth)
 })(({
   ownerState: o
 }) => i({
@@ -1292,99 +1147,99 @@ const Ao = ["children", "className", "color", "component", "disabled", "error",
   marginBottom: 4
 }, o.fullWidth && {
   width: "100%"
-})), Mo = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  const t = Z({
+})), To = /* @__PURE__ */ a.forwardRef(function(n, r) {
+  const t = ee({
     props: n,
     name: "MuiFormControl"
   }), {
     children: s,
-    className: l,
-    color: m = "primary",
-    component: y = "div",
-    disabled: c = !1,
-    error: d = !1,
-    focused: u,
-    fullWidth: g = !1,
-    hiddenLabel: p = !1,
-    margin: R = "none",
+    className: d,
+    color: b = "primary",
+    component: h = "div",
+    disabled: u = !1,
+    error: l = !1,
+    focused: p,
+    fullWidth: x = !1,
+    hiddenLabel: y = !1,
+    margin: A = "none",
     required: O = !1,
-    size: w = "medium",
-    variant: $ = "outlined"
-  } = t, v = H(t, Ao), b = i({}, t, {
-    color: m,
-    component: y,
-    disabled: c,
-    error: d,
-    fullWidth: g,
-    hiddenLabel: p,
-    margin: R,
+    size: S = "medium",
+    variant: B = "outlined"
+  } = t, g = K(t, Oo), f = i({}, t, {
+    color: b,
+    component: h,
+    disabled: u,
+    error: l,
+    fullWidth: x,
+    hiddenLabel: y,
+    margin: A,
     required: O,
-    size: w,
-    variant: $
-  }), C = ko(b), [x, M] = a.useState(() => {
-    let I = !1;
-    return s && a.Children.forEach(s, (k) => {
-      if (!ue(k, ["Input", "Select"]))
+    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"]))
         return;
-      const D = ue(k, ["Select"]) ? k.props.input : k;
-      D && to(D.props) && (I = !0);
-    }), I;
-  }), [z, N] = a.useState(() => {
-    let I = !1;
-    return s && a.Children.forEach(s, (k) => {
-      ue(k, ["Input", "Select"]) && (fe(k.props, !0) || fe(k.props.inputProps, !0)) && (I = !0);
-    }), I;
-  }), [F, A] = a.useState(!1);
-  c && F && A(!1);
-  const T = u !== void 0 && !c ? u : F;
+      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;
   if (process.env.NODE_ENV !== "production") {
-    const I = a.useRef(!1);
-    W = () => (I.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
-`)), I.current = !0, () => {
-      I.current = !1;
+    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 V = a.useMemo(() => ({
-    adornedStart: x,
+  const H = a.useMemo(() => ({
+    adornedStart: v,
     setAdornedStart: M,
-    color: m,
-    disabled: c,
-    error: d,
-    filled: z,
-    focused: T,
-    fullWidth: g,
-    hiddenLabel: p,
-    size: w,
+    color: b,
+    disabled: u,
+    error: l,
+    filled: N,
+    focused: w,
+    fullWidth: x,
+    hiddenLabel: y,
+    size: S,
     onBlur: () => {
-      A(!1);
+      k(!1);
     },
     onEmpty: () => {
-      N(!1);
+      T(!1);
     },
     onFilled: () => {
-      N(!0);
+      T(!0);
     },
     onFocus: () => {
-      A(!0);
+      k(!0);
     },
     registerEffect: W,
     required: O,
-    variant: $
-  }), [x, m, c, d, z, T, g, p, W, O, w, $]);
-  return /* @__PURE__ */ E(be.Provider, {
-    value: V,
-    children: /* @__PURE__ */ E(Lo, i({
-      as: y,
-      ownerState: b,
-      className: j(C.root, l),
+    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),
       ref: r
-    }, v, {
+    }, g, {
       children: s
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (Mo.propTypes = {
+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`.     │
@@ -1465,15 +1320,14 @@ process.env.NODE_ENV !== "production" && (Mo.propTypes = {
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
 export {
-  Mo as F,
-  To as I,
-  Io as a,
-  uo as b,
-  po as c,
-  lo as d,
-  mo as e,
-  he as f,
-  fe as g,
-  me as i,
-  ao as r
+  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
 };