@hybridcore/ui 1.1.3 → 1.3.0

package/dist/{FormControl-BiAFm76F.js → FormControl-Cj5nc-Nv.js}

@@ -1,22 +1,23 @@
 import { _ as H, a as i } from "./extends-C3382pL0.js";
-import * as l from "react";
-import { G as Ve, P as e, c as L, l as Ue } from "./createTheme-agWfFD64.js";
-import { g as Y, u as Z, c as j, a as J } from "./chainPropTypes-DtBfUj5o.js";
-import { u as te, 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-Iq9jsO4F.js";
+import * as a from "react";
+import { G as Ve, P as e, c as L, f as Ue } from "./createTheme-oOCi1S_n.js";
+import { g as Y, u as Z, c as j, a as J } from "./chainPropTypes-BmidnkZm.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-Wx2vv4j8.js";
 import { jsx as E, jsxs as q } from "react/jsx-runtime";
-import { a as ze, u as pe, e as Ze, r as Je } from "./ButtonBase-BYmh3G5j.js";
+import { a as ze, b as pe, e as Ze, r as Je } from "./ButtonBase-C7CHOX3y.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 Qe } from "./useTheme-C0Dky5rV.js";
-import { T as Xe } from "./Typography-XIiVCSto.js";
+import { u as Xe } from "./useTheme-BI40KZ7w.js";
+import { T as eo } from "./Typography-Bjo-B13o.js";
 import { i as ue } from "./isMuiElement-CxT3_ACP.js";
 function Ae({
   styles: o,
   themeId: n,
-  defaultTheme: t = {}
+  defaultTheme: r = {}
 }) {
-  const r = Qe(t), s = typeof o == "function" ? o(n && r[n] || r) : o;
+  const t = Xe(r), s = typeof o == "function" ? o(n && t[n] || t) : o;
   return /* @__PURE__ */ E(Ve, {
     styles: s
   });
@@ -39,24 +40,12 @@ process.env.NODE_ENV !== "production" && (Ae.propTypes = {
    */
   themeId: e.string
 });
-function eo(o, n = 166) {
-  let t;
-  function r(...s) {
-    const a = () => {
-      o.apply(this, s);
-    };
-    clearTimeout(t), t = setTimeout(a, n);
-  }
-  return r.clear = () => {
-    clearTimeout(t);
-  }, r;
-}
 function he({
   props: o,
   states: n,
-  muiFormControl: t
+  muiFormControl: r
 }) {
-  return n.reduce((r, s) => (r[s] = o[s], t && typeof o[s] > "u" && (r[s] = t[s]), 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) {
@@ -77,19 +66,19 @@ const no = {
     transform: "translateZ(0)"
   }
 };
-function to(o) {
+function ro(o) {
   return o == null || Object.keys(o).length === 0 || o.outerHeightStyle === 0 && !o.overflowing;
 }
-const ke = /* @__PURE__ */ l.forwardRef(function(n, t) {
+const ke = /* @__PURE__ */ a.forwardRef(function(n, r) {
   const {
-    onChange: r,
+    onChange: t,
     maxRows: s,
-    minRows: a = 1,
+    minRows: l = 1,
     style: m,
     value: y
   } = n, c = H(n, oo), {
     current: d
-  } = l.useRef(y != null), u = l.useRef(null), g = ze(t, u), p = l.useRef(null), R = l.useRef(null), O = l.useCallback(() => {
+  } = 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);
     if (C.width === "0px")
       return {
@@ -102,47 +91,47 @@ const ke = /* @__PURE__ */ l.forwardRef(function(n, t) {
     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 w = F;
-    a && (w = Math.max(Number(a) * A, w)), s && (w = Math.min(Number(s) * A, w)), w = Math.max(w, A);
-    const W = w + (M === "border-box" ? z + N : 0), V = Math.abs(w - F) <= 1;
+    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;
     return {
       outerHeightStyle: W,
       overflowing: V
     };
-  }, [s, a, n.placeholder]), T = l.useCallback(() => {
+  }, [s, l, n.placeholder]), w = a.useCallback(() => {
     const v = O();
-    if (to(v))
+    if (ro(v))
       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" : "";
   }, [O]);
   pe(() => {
     const v = () => {
-      T();
+      w();
     };
     let b;
     const C = () => {
       cancelAnimationFrame(b), b = requestAnimationFrame(() => {
         v();
       });
-    }, x = eo(v), M = u.current, z = Re(M);
+    }, 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();
     };
-  }, [O, T]), pe(() => {
-    T();
+  }, [O, w]), pe(() => {
+    w();
   });
   const $ = (v) => {
-    d || T(), r && r(v);
+    d || w(), t && t(v);
   };
-  return /* @__PURE__ */ q(l.Fragment, {
+  return /* @__PURE__ */ q(a.Fragment, {
     children: [/* @__PURE__ */ E("textarea", i({
       value: y,
       onChange: $,
       ref: g,
-      rows: a,
+      rows: l,
       style: m
     }, c)), /* @__PURE__ */ E("textarea", {
       "aria-hidden": !0,
@@ -214,7 +203,7 @@ function Ne(o) {
 function fe(o, n = !1) {
   return o && (Ne(o.value) && o.value !== "" || n && Ne(o.defaultValue) && o.defaultValue !== "");
 }
-function ro(o) {
+function to(o) {
   return o.startAdornment;
 }
 function so(o) {
@@ -222,21 +211,21 @@ function so(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 {
-    ownerState: t
+    ownerState: r
   } = o;
-  return [n.root, t.formControl && n.formControl, t.startAdornment && n.adornedStart, t.endAdornment && n.adornedEnd, t.error && n.error, t.size === "small" && n.sizeSmall, t.multiline && n.multiline, t.color && n[`color${L(t.color)}`], t.fullWidth && n.fullWidth, t.hiddenLabel && n.hiddenLabel];
+  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) => {
   const {
-    ownerState: t
+    ownerState: r
   } = o;
-  return [n.input, t.size === "small" && n.inputSizeSmall, t.multiline && n.inputMultiline, t.type === "search" && n.inputTypeSearch, t.startAdornment && n.inputAdornedStart, t.endAdornment && n.inputAdornedEnd, t.hiddenLabel && n.inputHiddenLabel];
+  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) => {
   const {
     classes: n,
-    color: t,
-    disabled: r,
+    color: r,
+    disabled: t,
     error: s,
-    endAdornment: a,
+    endAdornment: l,
     focused: m,
     formControl: y,
     fullWidth: c,
@@ -246,11 +235,11 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
     size: p,
     startAdornment: R,
     type: O
-  } = o, T = {
-    root: ["root", `color${L(t)}`, r && "disabled", s && "error", c && "fullWidth", m && "focused", y && "formControl", p && p !== "medium" && `size${L(p)}`, u && "multiline", R && "adornedStart", a && "adornedEnd", d && "hiddenLabel", g && "readOnly"],
-    input: ["input", r && "disabled", O === "search" && "inputTypeSearch", u && "inputMultiline", p === "small" && "inputSizeSmall", d && "inputHiddenLabel", R && "inputAdornedStart", a && "inputAdornedEnd", g && "readOnly"]
+  } = 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"]
   };
-  return J(T, so, n);
+  return J(w, so, n);
 }, uo = B("div", {
   name: "MuiInputBase",
   slot: "Root",
@@ -286,22 +275,22 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
   theme: o,
   ownerState: n
 }) => {
-  const t = o.palette.mode === "light", r = i({
+  const r = o.palette.mode === "light", t = i({
     color: "currentColor"
   }, o.vars ? {
     opacity: o.vars.opacity.inputPlaceholder
   } : {
-    opacity: t ? 0.42 : 0.5
+    opacity: r ? 0.42 : 0.5
   }, {
     transition: o.transitions.create("opacity", {
       duration: o.transitions.duration.shorter
     })
   }), s = {
     opacity: "0 !important"
-  }, a = o.vars ? {
+  }, l = o.vars ? {
     opacity: o.vars.opacity.inputPlaceholder
   } : {
-    opacity: t ? 0.42 : 0.5
+    opacity: r ? 0.42 : 0.5
   };
   return i({
     font: "inherit",
@@ -323,12 +312,12 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
     // Fix IE11 width issue
     animationName: "mui-auto-fill-cancel",
     animationDuration: "10ms",
-    "&::-webkit-input-placeholder": r,
-    "&::-moz-placeholder": r,
+    "&::-webkit-input-placeholder": t,
+    "&::-moz-placeholder": t,
     // Firefox 19+
-    "&:-ms-input-placeholder": r,
+    "&:-ms-input-placeholder": t,
     // IE11
-    "&::-ms-input-placeholder": r,
+    "&::-ms-input-placeholder": t,
     // Edge
     "&:focus": {
       outline: 0
@@ -350,12 +339,12 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
       // IE11
       "&::-ms-input-placeholder": s,
       // Edge
-      "&:focus::-webkit-input-placeholder": a,
-      "&:focus::-moz-placeholder": a,
+      "&:focus::-webkit-input-placeholder": l,
+      "&:focus::-moz-placeholder": l,
       // Firefox 19+
-      "&:focus:-ms-input-placeholder": a,
+      "&:focus:-ms-input-placeholder": l,
       // IE11
-      "&:focus::-ms-input-placeholder": a
+      "&:focus::-ms-input-placeholder": l
       // Edge
     },
     [`&.${me.disabled}`]: {
@@ -392,13 +381,13 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
       }
     }
   }
-}), mo = /* @__PURE__ */ l.forwardRef(function(n, t) {
-  var r;
+}), mo = /* @__PURE__ */ a.forwardRef(function(n, r) {
+  var t;
   const s = Z({
     props: n,
     name: "MuiInputBase"
   }), {
-    "aria-describedby": a,
+    "aria-describedby": l,
     autoComplete: m,
     autoFocus: y,
     className: c,
@@ -408,7 +397,7 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
     disabled: p,
     disableInjectingGlobalStyles: R,
     endAdornment: O,
-    fullWidth: T = !1,
+    fullWidth: w = !1,
     id: $,
     inputComponent: v = "input",
     inputProps: b = {},
@@ -419,7 +408,7 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
     name: N,
     onBlur: F,
     onChange: A,
-    onClick: w,
+    onClick: T,
     onFocus: W,
     onKeyDown: V,
     onKeyUp: I,
@@ -433,12 +422,12 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
     type: xe = "text",
     value: Pe
   } = s, We = H(s, io), ee = b.value != null ? b.value : Pe, {
-    current: re
-  } = l.useRef(ee != null), _ = l.useRef(), $e = l.useCallback((f) => {
+    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(`
 `));
-  }, []), Be = ze(_, C, b.ref, $e), [se, ie] = l.useState(!1), h = te();
-  process.env.NODE_ENV !== "production" && l.useEffect(() => {
+  }, []), Be = ze(_, C, b.ref, $e), [se, ie] = a.useState(!1), h = re();
+  process.env.NODE_ENV !== "production" && a.useEffect(() => {
     if (h)
       return h.registerEffect();
   }, [h]);
@@ -447,17 +436,17 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
     muiFormControl: h,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
-  S.focused = h ? h.focused : se, l.useEffect(() => {
+  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 = l.useCallback((f) => {
+  const ae = h && h.onFilled, le = h && h.onEmpty, G = a.useCallback((f) => {
     fe(f) ? ae && ae() : le && le();
   }, [ae, le]);
   pe(() => {
-    re && G({
+    te && G({
       value: ee
     });
-  }, [ee, G, re]);
+  }, [ee, G, te]);
   const De = (f) => {
     if (S.disabled) {
       f.stopPropagation();
@@ -466,8 +455,8 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
     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, ...we) => {
-    if (!re) {
+  }, 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));
@@ -475,13 +464,13 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
         value: Ee.value
       });
     }
-    b.onChange && b.onChange(f, ...we), A && A(f, ...we);
+    b.onChange && b.onChange(f, ...Te), A && A(f, ...Te);
   };
-  l.useEffect(() => {
+  a.useEffect(() => {
     G(_.current);
   }, []);
   const qe = (f) => {
-    _.current && f.currentTarget === f.target && _.current.focus(), w && w(f);
+    _.current && f.currentTarget === f.target && _.current.focus(), T && T(f);
   };
   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({
@@ -498,7 +487,7 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
       value: "x"
     });
   };
-  l.useEffect(() => {
+  a.useEffect(() => {
     h && h.setAdornedStart(!!U);
   }, [h, U]);
   const oe = i({}, s, {
@@ -508,27 +497,27 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
     error: S.error,
     focused: S.focused,
     formControl: h,
-    fullWidth: T,
+    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 || {}, Te = ve.input || d.Input || po;
-  return P = i({}, P, (r = ge.input) != null ? r : u.input), /* @__PURE__ */ q(l.Fragment, {
+  }), 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)
     }, {
-      ref: t,
+      ref: r,
       onClick: qe
     }, We, {
       className: j(Ce.root, ce.className, c, D && "MuiInputBase-readOnly"),
       children: [U, /* @__PURE__ */ E(be.Provider, {
         value: null,
-        children: /* @__PURE__ */ E(Te, i({
+        children: /* @__PURE__ */ E(we, i({
           ownerState: oe,
           "aria-invalid": S.error,
-          "aria-describedby": a,
+          "aria-describedby": l,
           autoComplete: m,
           autoFocus: y,
           defaultValue: g,
@@ -544,7 +533,7 @@ const me = Y("MuiInputBase", ["root", "formControl", "focused", "disabled", "ado
           onKeyDown: V,
           onKeyUp: I,
           type: xe
-        }, P, !Se(Te) && {
+        }, P, !Se(we) && {
           as: de,
           ownerState: i({}, oe, P.ownerState)
         }, {
@@ -796,15 +785,15 @@ function bo(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 {
     classes: n,
-    color: t,
-    focused: r,
+    color: r,
+    focused: t,
     disabled: s,
-    error: a,
+    error: l,
     filled: m,
     required: y
   } = o, c = {
-    root: ["root", `color${L(t)}`, s && "disabled", a && "error", m && "filled", r && "focused", y && "required"],
-    asterisk: ["asterisk", a && "error"]
+    root: ["root", `color${L(r)}`, s && "disabled", l && "error", m && "filled", t && "focused", y && "required"],
+    asterisk: ["asterisk", l && "error"]
   };
   return J(c, bo, n);
 }, go = B("label", {
@@ -841,19 +830,19 @@ const K = Y("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "e
   [`&.${K.error}`]: {
     color: (o.vars || o).palette.error.main
   }
-})), Me = /* @__PURE__ */ l.forwardRef(function(n, t) {
-  const r = Z({
+})), Me = /* @__PURE__ */ a.forwardRef(function(n, r) {
+  const t = Z({
     props: n,
     name: "MuiFormLabel"
   }), {
     children: s,
-    className: a,
+    className: l,
     component: m = "label"
-  } = r, y = H(r, ho), c = te(), d = he({
-    props: r,
+  } = t, y = H(t, ho), c = re(), d = he({
+    props: t,
     muiFormControl: c,
     states: ["color", "required", "focused", "disabled", "error", "filled"]
-  }), u = i({}, r, {
+  }), u = i({}, t, {
     color: d.color || "primary",
     component: m,
     disabled: d.disabled,
@@ -865,8 +854,8 @@ const K = Y("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "e
   return /* @__PURE__ */ q(go, i({
     as: m,
     ownerState: u,
-    className: j(g.root, a),
-    ref: t
+    className: j(g.root, l),
+    ref: r
   }, y, {
     children: [s, d.required && /* @__PURE__ */ q(vo, {
       ownerState: u,
@@ -936,28 +925,28 @@ Y("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asteris
 const Co = ["disableAnimation", "margin", "shrink", "variant", "className"], Oo = (o) => {
   const {
     classes: n,
-    formControl: t,
-    size: r,
+    formControl: r,
+    size: t,
     shrink: s,
-    disableAnimation: a,
+    disableAnimation: l,
     variant: m,
     required: y
   } = o, c = {
-    root: ["root", t && "formControl", !a && "animated", s && "shrink", r && r !== "normal" && `size${L(r)}`, m],
+    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);
-}, To = B(Me, {
+}, wo = B(Me, {
   shouldForwardProp: (o) => Ye(o) || o === "classes",
   name: "MuiInputLabel",
   slot: "Root",
   overridesResolver: (o, n) => {
     const {
-      ownerState: t
+      ownerState: r
     } = o;
     return [{
       [`& .${K.asterisk}`]: n.asterisk
-    }, n.root, t.formControl && n.formControl, t.size === "small" && n.sizeSmall, t.shrink && n.shrink, !t.disableAnimation && n.animated, t.focused && n.focused, n[t.variant]];
+    }, 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]];
   }
 })(({
   theme: o,
@@ -1020,22 +1009,22 @@ 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)"
-}))), wo = /* @__PURE__ */ l.forwardRef(function(n, t) {
-  const r = Z({
+}))), To = /* @__PURE__ */ a.forwardRef(function(n, r) {
+  const t = Z({
     name: "MuiInputLabel",
     props: n
   }), {
     disableAnimation: s = !1,
-    shrink: a,
+    shrink: l,
     className: m
-  } = r, y = H(r, Co), c = te();
-  let d = a;
+  } = t, y = H(t, Co), c = re();
+  let d = l;
   typeof d > "u" && c && (d = c.filled || c.focused || c.adornedStart);
   const u = he({
-    props: r,
+    props: t,
     muiFormControl: c,
     states: ["size", "variant", "required", "focused"]
-  }), g = i({}, r, {
+  }), g = i({}, t, {
     disableAnimation: s,
     formControl: c,
     shrink: d,
@@ -1044,16 +1033,16 @@ const Co = ["disableAnimation", "margin", "shrink", "variant", "className"], Oo
     required: u.required,
     focused: u.focused
   }), p = Oo(g);
-  return /* @__PURE__ */ E(To, i({
+  return /* @__PURE__ */ E(wo, i({
     "data-shrink": d,
     ownerState: g,
-    ref: t,
+    ref: r,
     className: j(p.root, m)
   }, y, {
     classes: p
   }));
 });
-process.env.NODE_ENV !== "production" && (wo.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`.     │
@@ -1127,19 +1116,19 @@ const Fe = Y("MuiInputAdornment", ["root", "filled", "standard", "outlined", "po
 var Ie;
 const Ro = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], So = (o, n) => {
   const {
-    ownerState: t
+    ownerState: r
   } = o;
-  return [n.root, n[`position${L(t.position)}`], t.disablePointerEvents === !0 && n.disablePointerEvents, n[t.variant]];
+  return [n.root, n[`position${L(r.position)}`], r.disablePointerEvents === !0 && n.disablePointerEvents, n[r.variant]];
 }, No = (o) => {
   const {
     classes: n,
-    disablePointerEvents: t,
-    hiddenLabel: r,
+    disablePointerEvents: r,
+    hiddenLabel: t,
     position: s,
-    size: a,
+    size: l,
     variant: m
   } = o, y = {
-    root: ["root", t && "disablePointerEvents", s && `position${L(s)}`, m, r && "hiddenLabel", a && `size${L(a)}`]
+    root: ["root", r && "disablePointerEvents", s && `position${L(s)}`, m, t && "hiddenLabel", l && `size${L(l)}`]
   };
   return J(y, Eo, n);
 }, Fo = B("div", {
@@ -1171,40 +1160,40 @@ const Ro = ["children", "className", "component", "disablePointerEvents", "disab
 }, n.disablePointerEvents === !0 && {
   // Styles applied to the root element if `disablePointerEvents={true}`.
   pointerEvents: "none"
-})), Io = /* @__PURE__ */ l.forwardRef(function(n, t) {
-  const r = Z({
+})), Io = /* @__PURE__ */ a.forwardRef(function(n, r) {
+  const t = Z({
     props: n,
     name: "MuiInputAdornment"
   }), {
     children: s,
-    className: a,
+    className: l,
     component: m = "div",
     disablePointerEvents: y = !1,
     disableTypography: c = !1,
     position: d,
     variant: u
-  } = r, g = H(r, Ro), p = te() || {};
+  } = 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({}, r, {
+  const O = i({}, t, {
     hiddenLabel: p.hiddenLabel,
     size: p.size,
     disablePointerEvents: y,
     position: d,
     variant: R
-  }), T = No(O);
+  }), w = No(O);
   return /* @__PURE__ */ E(be.Provider, {
     value: null,
     children: /* @__PURE__ */ E(Fo, i({
       as: m,
       ownerState: O,
-      className: j(T.root, a),
-      ref: t
+      className: j(w.root, l),
+      ref: r
     }, g, {
-      children: typeof s == "string" && !c ? /* @__PURE__ */ E(Xe, {
+      children: typeof s == "string" && !c ? /* @__PURE__ */ E(eo, {
         color: "text.secondary",
         children: s
-      }) : /* @__PURE__ */ q(l.Fragment, {
+      }) : /* @__PURE__ */ q(a.Fragment, {
         children: [d === "start" ? (
           /* notranslate needed while Google Translate will not fix zero-width space issue */
           Ie || (Ie = /* @__PURE__ */ E("span", {
@@ -1271,10 +1260,10 @@ Y("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullW
 const Ao = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"], ko = (o) => {
   const {
     classes: n,
-    margin: t,
-    fullWidth: r
+    margin: r,
+    fullWidth: t
   } = o, s = {
-    root: ["root", t !== "none" && `margin${L(t)}`, r && "fullWidth"]
+    root: ["root", r !== "none" && `margin${L(r)}`, t && "fullWidth"]
   };
   return J(s, zo, n);
 }, Lo = B("div", {
@@ -1303,13 +1292,13 @@ const Ao = ["children", "className", "color", "component", "disabled", "error",
   marginBottom: 4
 }, o.fullWidth && {
   width: "100%"
-})), Mo = /* @__PURE__ */ l.forwardRef(function(n, t) {
-  const r = Z({
+})), Mo = /* @__PURE__ */ a.forwardRef(function(n, r) {
+  const t = Z({
     props: n,
     name: "MuiFormControl"
   }), {
     children: s,
-    className: a,
+    className: l,
     color: m = "primary",
     component: y = "div",
     disabled: c = !1,
@@ -1319,9 +1308,9 @@ const Ao = ["children", "className", "color", "component", "disabled", "error",
     hiddenLabel: p = !1,
     margin: R = "none",
     required: O = !1,
-    size: T = "medium",
+    size: w = "medium",
     variant: $ = "outlined"
-  } = r, v = H(r, Ao), b = i({}, r, {
+  } = t, v = H(t, Ao), b = i({}, t, {
     color: m,
     component: y,
     disabled: c,
@@ -1330,43 +1319,43 @@ const Ao = ["children", "className", "color", "component", "disabled", "error",
     hiddenLabel: p,
     margin: R,
     required: O,
-    size: T,
+    size: w,
     variant: $
-  }), C = ko(b), [x, M] = l.useState(() => {
+  }), C = ko(b), [x, M] = a.useState(() => {
     let I = !1;
-    return s && l.Children.forEach(s, (k) => {
+    return s && a.Children.forEach(s, (k) => {
       if (!ue(k, ["Input", "Select"]))
         return;
       const D = ue(k, ["Select"]) ? k.props.input : k;
-      D && ro(D.props) && (I = !0);
+      D && to(D.props) && (I = !0);
     }), I;
-  }), [z, N] = l.useState(() => {
+  }), [z, N] = a.useState(() => {
     let I = !1;
-    return s && l.Children.forEach(s, (k) => {
+    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] = l.useState(!1);
+  }), [F, A] = a.useState(!1);
   c && F && A(!1);
-  const w = u !== void 0 && !c ? u : F;
+  const T = u !== void 0 && !c ? u : F;
   let W;
   if (process.env.NODE_ENV !== "production") {
-    const I = l.useRef(!1);
+    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 V = l.useMemo(() => ({
+  const V = a.useMemo(() => ({
     adornedStart: x,
     setAdornedStart: M,
     color: m,
     disabled: c,
     error: d,
     filled: z,
-    focused: w,
+    focused: T,
     fullWidth: g,
     hiddenLabel: p,
-    size: T,
+    size: w,
     onBlur: () => {
       A(!1);
     },
@@ -1382,14 +1371,14 @@ const Ao = ["children", "className", "color", "component", "disabled", "error",
     registerEffect: W,
     required: O,
     variant: $
-  }), [x, m, c, d, z, w, g, p, W, O, T, $]);
+  }), [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, a),
-      ref: t
+      className: j(C.root, l),
+      ref: r
     }, v, {
       children: s
     }))
@@ -1477,15 +1466,14 @@ process.env.NODE_ENV !== "production" && (Mo.propTypes = {
 });
 export {
   Mo as F,
-  wo as I,
+  To as I,
   Io as a,
   uo as b,
   po as c,
   lo as d,
   mo as e,
   he as f,
-  eo as g,
-  fe as h,
+  fe as g,
   me as i,
   ao as r
 };