@hybridcore/ui 1.3.6 → 1.4.0

package/dist/{FormControl-BMRUQKHh.js → InputLabel-CWkW8NtU.js}

@@ -1,17 +1,17 @@
-import { a as G, _ as a } from "./extends-Cyw62AD_.js";
+import { a as G, _ as a } from "./objectWithoutPropertiesLoose-BK36oJDi.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 { P as e, a as K, f as Ve } from "./createStyled-BzvgQjjR.js";
+import { d as Ue, g as ee, u as oe, c as V, a as ne } from "./useThemeProps-uYx_RkOH.js";
+import { g as re, s as _, b as Ge, r as Ke } from "./styled-LNCprp4n.js";
+import { F as Ee, u as fe } from "./useFormControl-CatNKXAi.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 { i as ce } from "./isMuiElement-CxT3_ACP.js";
+import { a as Ne, u as ke, e as Ye, r as Ze } from "./ButtonBase-D0qccOVb.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;
@@ -38,7 +38,7 @@ const Fe = /* @__PURE__ */ i.forwardRef(function(n, r) {
   const {
     onChange: t,
     maxRows: s,
-    minRows: d = 1,
+    minRows: u = 1,
     style: h,
     value: g
   } = n, p = G(n, eo), {
@@ -46,66 +46,66 @@ const Fe = /* @__PURE__ */ i.forwardRef(function(n, r) {
   } = 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);
+    const d = b.current, y = we(d).getComputedStyle(d);
     if (y.width === "0px")
       return {
         outerHeightStyle: 0
       };
     const f = w.current;
-    f.style.width = y.width, f.value = u.value || n.placeholder || "x", f.value.slice(-1) === `
+    f.style.width = y.width, f.value = d.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);
+    u && (v = Math.max(Number(u) * 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: M,
       overflow: Y
     };
-  }, [s, d, n.placeholder]), B = (u, x) => {
+  }, [s, u, n.placeholder]), B = (d, 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, {
+    return T.current < 20 && (y > 0 && Math.abs((d.outerHeightStyle || 0) - y) > 1 || d.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);
+`)), d);
   }, S = i.useCallback(() => {
-    const u = F();
-    Te(u) || k((x) => B(x, u));
+    const d = F();
+    Te(d) || k((x) => B(x, d));
   }, [F]), j = () => {
-    const u = F();
-    Te(u) || Je.flushSync(() => {
-      k((x) => B(x, u));
+    const d = F();
+    Te(d) || Je.flushSync(() => {
+      k((x) => B(x, d));
     });
   };
   i.useEffect(() => {
-    const u = Qe(() => {
+    const d = 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();
+    return f.addEventListener("resize", d), typeof ResizeObserver < "u" && (x = new ResizeObserver(d), x.observe(y)), () => {
+      d.clear(), f.removeEventListener("resize", d), x && x.disconnect();
     };
   }), ke(() => {
     S();
   }), i.useEffect(() => {
     T.current = 0;
   }, [g]);
-  const W = (u) => {
-    T.current = 0, l || S(), t && t(u);
+  const W = (d) => {
+    T.current = 0, l || S(), t && t(d);
   };
   return /* @__PURE__ */ U(i.Fragment, {
     children: [/* @__PURE__ */ N("textarea", a({
       value: g,
       onChange: W,
       ref: C,
-      rows: d,
+      rows: u,
       style: a({
         height: E.outerHeightStyle,
         // Need a large enough difference to allow scrolling.
@@ -203,6 +203,226 @@ process.env.NODE_ENV !== "production" && (Ie.propTypes = {
    */
   themeId: e.string
 });
+function Re(o) {
+  return o != null && !(Array.isArray(o) && o.length === 0);
+}
+function Ae(o, n = !1) {
+  return o && (Re(o.value) && o.value !== "" || n && Re(o.defaultValue) && o.defaultValue !== "");
+}
+function ro(o) {
+  return o.startAdornment;
+}
+function to(o) {
+  return re("MuiFormControl", o);
+}
+ee("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
+const so = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"], io = (o) => {
+  const {
+    classes: n,
+    margin: r,
+    fullWidth: t
+  } = o, s = {
+    root: ["root", r !== "none" && `margin${K(r)}`, t && "fullWidth"]
+  };
+  return ne(s, to, n);
+}, ao = _("div", {
+  name: "MuiFormControl",
+  slot: "Root",
+  overridesResolver: ({
+    ownerState: o
+  }, n) => a({}, n.root, n[`margin${K(o.margin)}`], o.fullWidth && n.fullWidth)
+})(({
+  ownerState: o
+}) => a({
+  display: "inline-flex",
+  flexDirection: "column",
+  position: "relative",
+  // Reset fieldset default style.
+  minWidth: 0,
+  padding: 0,
+  margin: 0,
+  border: 0,
+  verticalAlign: "top"
+}, o.margin === "normal" && {
+  marginTop: 16,
+  marginBottom: 8
+}, o.margin === "dense" && {
+  marginTop: 8,
+  marginBottom: 4
+}, o.fullWidth && {
+  width: "100%"
+})), lo = /* @__PURE__ */ i.forwardRef(function(n, r) {
+  const t = oe({
+    props: n,
+    name: "MuiFormControl"
+  }), {
+    children: s,
+    className: u,
+    color: h = "primary",
+    component: g = "div",
+    disabled: p = !1,
+    error: l = !1,
+    focused: b,
+    fullWidth: C = !1,
+    hiddenLabel: w = !1,
+    margin: T = "none",
+    required: E = !1,
+    size: k = "medium",
+    variant: F = "outlined"
+  } = t, B = G(t, so), S = a({}, t, {
+    color: h,
+    component: g,
+    disabled: p,
+    error: l,
+    fullWidth: C,
+    hiddenLabel: w,
+    margin: T,
+    required: E,
+    size: k,
+    variant: F
+  }), j = io(S), [W, d] = i.useState(() => {
+    let O = !1;
+    return s && i.Children.forEach(s, (v) => {
+      if (!ce(v, ["Input", "Select"]))
+        return;
+      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"]) && Ae(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 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 P = i.useMemo(() => ({
+    adornedStart: W,
+    setAdornedStart: d,
+    color: h,
+    disabled: p,
+    error: l,
+    filled: x,
+    focused: L,
+    fullWidth: C,
+    hiddenLabel: w,
+    size: k,
+    onBlur: () => {
+      I(!1);
+    },
+    onEmpty: () => {
+      y(!1);
+    },
+    onFilled: () => {
+      y(!0);
+    },
+    onFocus: () => {
+      I(!0);
+    },
+    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(ao, a({
+      as: g,
+      ownerState: S,
+      className: V(j.root, u),
+      ref: r
+    }, B, {
+      children: s
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (lo.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.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * 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/#adding-new-colors).
+   * @default 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * If `true`, the label, input and helper text should be displayed in a disabled state.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the label is displayed in an error state.
+   * @default false
+   */
+  error: e.bool,
+  /**
+   * If `true`, the component is displayed in focused state.
+   */
+  focused: e.bool,
+  /**
+   * If `true`, the component will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: e.bool,
+  /**
+   * If `true`, the label is hidden.
+   * This is used to increase density for a `FilledInput`.
+   * Be sure to add `aria-label` to the `input` element.
+   * @default false
+   */
+  hiddenLabel: e.bool,
+  /**
+   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
+   * @default 'none'
+   */
+  margin: e.oneOf(["dense", "none", "normal"]),
+  /**
+   * If `true`, the label will indicate that the `input` is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * 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.
+   * @default 'outlined'
+   */
+  variant: e.oneOf(["filled", "outlined", "standard"])
+});
 function me({
   props: o,
   states: n,
@@ -210,12 +430,12 @@ function me({
 }) {
   return n.reduce((t, s) => (t[s] = o[s], r && typeof o[s] > "u" && (t[s] = r[s]), t), {});
 }
-function Ae(o) {
+function Me(o) {
   return /* @__PURE__ */ N(Ie, a({}, o, {
     defaultTheme: Ge
   }));
 }
-process.env.NODE_ENV !== "production" && (Ae.propTypes = {
+process.env.NODE_ENV !== "production" && (Me.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -227,35 +447,26 @@ process.env.NODE_ENV !== "production" && (Ae.propTypes = {
     __emotion_styles: e.any.isRequired
   }), e.string, e.bool])
 });
-function Re(o) {
-  return o != null && !(Array.isArray(o) && o.length === 0);
-}
-function Me(o, n = !1) {
-  return o && (Re(o.value) && o.value !== "" || n && Re(o.defaultValue) && o.defaultValue !== "");
-}
-function ro(o) {
-  return o.startAdornment;
-}
-function to(o) {
+function uo(o) {
   return re("MuiInputBase", o);
 }
-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 pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), co = ["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"], po = (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${K(r.color)}`], r.fullWidth && n.fullWidth, r.hiddenLabel && n.hiddenLabel];
-}, ao = (o, n) => {
+}, fo = (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];
-}, lo = (o) => {
+}, mo = (o) => {
   const {
     classes: n,
     color: r,
     disabled: t,
     error: s,
-    endAdornment: d,
+    endAdornment: u,
     focused: h,
     formControl: g,
     fullWidth: p,
@@ -266,14 +477,14 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     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"]
+    root: ["root", `color${K(r)}`, t && "disabled", s && "error", p && "fullWidth", h && "focused", g && "formControl", w === "small" && "sizeSmall", b && "multiline", T && "adornedStart", u && "adornedEnd", l && "hiddenLabel", C && "readOnly"],
+    input: ["input", t && "disabled", E === "search" && "inputTypeSearch", b && "inputMultiline", w === "small" && "inputSizeSmall", l && "inputHiddenLabel", T && "inputAdornedStart", u && "inputAdornedEnd", C && "readOnly"]
   };
-  return ne(k, to, n);
-}, uo = _("div", {
+  return ne(k, uo, n);
+}, bo = _("div", {
   name: "MuiInputBase",
   slot: "Root",
-  overridesResolver: io
+  overridesResolver: po
 })(({
   theme: o,
   ownerState: n
@@ -297,10 +508,10 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   paddingTop: 1
 }), n.fullWidth && {
   width: "100%"
-})), co = _("input", {
+})), ho = _("input", {
   name: "MuiInputBase",
   slot: "Input",
-  overridesResolver: ao
+  overridesResolver: fo
 })(({
   theme: o,
   ownerState: n
@@ -317,7 +528,7 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     })
   }), s = {
     opacity: "0 !important"
-  }, d = o.vars ? {
+  }, u = o.vars ? {
     opacity: o.vars.opacity.inputPlaceholder
   } : {
     opacity: r ? 0.42 : 0.5
@@ -369,12 +580,12 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
       // IE11
       "&::-ms-input-placeholder": s,
       // Edge
-      "&:focus::-webkit-input-placeholder": d,
-      "&:focus::-moz-placeholder": d,
+      "&:focus::-webkit-input-placeholder": u,
+      "&:focus::-moz-placeholder": u,
       // Firefox 19+
-      "&:focus:-ms-input-placeholder": d,
+      "&:focus:-ms-input-placeholder": u,
       // IE11
-      "&:focus::-ms-input-placeholder": d
+      "&:focus::-ms-input-placeholder": u
       // Edge
     },
     [`&.${pe.disabled}`]: {
@@ -398,7 +609,7 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     // Improve type search style.
     MozAppearance: "textfield"
   });
-}), po = /* @__PURE__ */ N(Ae, {
+}), yo = /* @__PURE__ */ N(Me, {
   styles: {
     "@keyframes mui-auto-fill": {
       from: {
@@ -411,13 +622,13 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
       }
     }
   }
-}), fo = /* @__PURE__ */ i.forwardRef(function(n, r) {
+}), go = /* @__PURE__ */ i.forwardRef(function(n, r) {
   var t;
   const s = oe({
     props: n,
     name: "MuiInputBase"
   }), {
-    "aria-describedby": d,
+    "aria-describedby": u,
     autoComplete: h,
     autoFocus: g,
     className: p,
@@ -433,7 +644,7 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     inputProps: S = {},
     inputRef: j,
     maxRows: W,
-    minRows: u,
+    minRows: d,
     multiline: x = !1,
     name: y,
     onBlur: f,
@@ -451,7 +662,7 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     startAdornment: $,
     type: ye = "text",
     value: Le
-  } = s, Be = G(s, so), J = S.value != null ? S.value : Le, {
+  } = s, Be = G(s, co), 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(`
@@ -470,7 +681,7 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     !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(c) ? ae && ae() : le && le();
   }, [ae, le]);
   ke(() => {
     te && q({
@@ -502,16 +713,16 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   const qe = (c) => {
     D.current && c.currentTarget === c.target && D.current.focus(), L && L(c);
   };
-  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({
+  let ue = B, z = S;
+  x && ue === "input" && (Z ? (process.env.NODE_ENV !== "production" && (d || 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: Z,
     maxRows: Z
   }, z)) : z = a({
     type: void 0,
     maxRows: W,
-    minRows: u
-  }, z), de = Fe);
+    minRows: d
+  }, z), ue = Fe);
   const He = (c) => {
     q(c.animationName === "mui-auto-fill-cancel" ? D.current : {
       value: "x"
@@ -533,21 +744,21 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     size: R.size,
     startAdornment: $,
     type: ye
-  }), ge = lo(Q), ve = he.root || l.Root || uo, ue = be.root || b.root || {}, xe = he.input || l.Input || co;
+  }), ge = mo(Q), ve = he.root || l.Root || bo, de = be.root || b.root || {}, xe = he.input || l.Input || ho;
   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)
+    children: [!T && yo, /* @__PURE__ */ U(ve, a({}, de, !Oe(ve) && {
+      ownerState: a({}, Q, de.ownerState)
     }, {
       ref: r,
       onClick: qe
     }, Be, {
-      className: V(ge.root, ue.className, p, M && "MuiInputBase-readOnly"),
+      className: V(ge.root, de.className, p, M && "MuiInputBase-readOnly"),
       children: [$, /* @__PURE__ */ N(Ee.Provider, {
         value: null,
         children: /* @__PURE__ */ N(xe, a({
           ownerState: Q,
           "aria-invalid": R.error,
-          "aria-describedby": d,
+          "aria-describedby": u,
           autoComplete: h,
           autoFocus: g,
           defaultValue: C,
@@ -564,7 +775,7 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
           onKeyUp: O,
           type: ye
         }, z, !Oe(xe) && {
-          as: de,
+          as: ue,
           ownerState: a({}, Q, z.ownerState)
         }, {
           ref: De,
@@ -579,7 +790,7 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     }))]
   });
 });
-process.env.NODE_ENV !== "production" && (fo.propTypes = {
+process.env.NODE_ENV !== "production" && (go.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -809,24 +1020,24 @@ process.env.NODE_ENV !== "production" && (fo.propTypes = {
    */
   value: e.any
 });
-function mo(o) {
+function vo(o) {
   return re("MuiFormLabel", 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 H = ee("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), xo = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"], Co = (o) => {
   const {
     classes: n,
     color: r,
     focused: t,
     disabled: s,
-    error: d,
+    error: u,
     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"]
+    root: ["root", `color${K(r)}`, s && "disabled", u && "error", h && "filled", t && "focused", g && "required"],
+    asterisk: ["asterisk", u && "error"]
   };
-  return ne(p, mo, n);
-}, yo = _("label", {
+  return ne(p, vo, n);
+}, So = _("label", {
   name: "MuiFormLabel",
   slot: "Root",
   overridesResolver: ({
@@ -850,7 +1061,7 @@ const H = ee("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "
   [`&.${H.error}`]: {
     color: (o.vars || o).palette.error.main
   }
-})), go = _("span", {
+})), wo = _("span", {
   name: "MuiFormLabel",
   slot: "Asterisk",
   overridesResolver: (o, n) => n.asterisk
@@ -866,9 +1077,9 @@ const H = ee("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "
     name: "MuiFormLabel"
   }), {
     children: s,
-    className: d,
+    className: u,
     component: h = "label"
-  } = t, g = G(t, bo), p = fe(), l = me({
+  } = t, g = G(t, xo), p = fe(), l = me({
     props: t,
     muiFormControl: p,
     states: ["color", "required", "focused", "disabled", "error", "filled"]
@@ -880,14 +1091,14 @@ const H = ee("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "
     filled: l.filled,
     focused: l.focused,
     required: l.required
-  }), C = ho(b);
-  return /* @__PURE__ */ U(yo, a({
+  }), C = Co(b);
+  return /* @__PURE__ */ U(So, a({
     as: h,
     ownerState: b,
-    className: V(C.root, d),
+    className: V(C.root, u),
     ref: r
   }, g, {
-    children: [s, l.required && /* @__PURE__ */ U(go, {
+    children: [s, l.required && /* @__PURE__ */ U(wo, {
       ownerState: b,
       "aria-hidden": !0,
       className: C.asterisk,
@@ -948,25 +1159,25 @@ process.env.NODE_ENV !== "production" && (We.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function vo(o) {
+function Oo(o) {
   return re("MuiInputLabel", 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 To = ["disableAnimation", "margin", "shrink", "variant", "className"], Ro = (o) => {
   const {
     classes: n,
     formControl: r,
     size: t,
     shrink: s,
-    disableAnimation: d,
+    disableAnimation: u,
     variant: h,
     required: g
   } = o, l = ne({
-    root: ["root", r && "formControl", !d && "animated", s && "shrink", t === "small" && "sizeSmall", h],
+    root: ["root", r && "formControl", !u && "animated", s && "shrink", t === "small" && "sizeSmall", h],
     asterisk: [g && "asterisk"]
-  }, vo, n);
+  }, Oo, n);
   return a({}, n, l);
-}, So = _(We, {
+}, Eo = _(We, {
   shouldForwardProp: (o) => Ke(o) || o === "classes",
   name: "MuiInputLabel",
   slot: "Root",
@@ -1039,16 +1250,16 @@ const xo = ["disableAnimation", "margin", "shrink", "variant", "className"], Co
   // 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__ */ i.forwardRef(function(n, r) {
+}))), No = /* @__PURE__ */ i.forwardRef(function(n, r) {
   const t = oe({
     name: "MuiInputLabel",
     props: n
   }), {
     disableAnimation: s = !1,
-    shrink: d,
+    shrink: u,
     className: h
-  } = t, g = G(t, xo), p = fe();
-  let l = d;
+  } = t, g = G(t, To), p = fe();
+  let l = u;
   typeof l > "u" && p && (l = p.filled || p.focused || p.adornedStart);
   const b = me({
     props: t,
@@ -1061,8 +1272,8 @@ const xo = ["disableAnimation", "margin", "shrink", "variant", "className"], Co
     size: b.size,
     variant: b.variant,
     required: b.required
-  }), w = Co(C);
-  return /* @__PURE__ */ N(So, a({
+  }), w = Ro(C);
+  return /* @__PURE__ */ N(Eo, a({
     "data-shrink": l,
     ownerState: C,
     ref: r,
@@ -1071,7 +1282,7 @@ const xo = ["disableAnimation", "margin", "shrink", "variant", "className"], Co
     classes: w
   }));
 });
-process.env.NODE_ENV !== "production" && (wo.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"     |
@@ -1138,226 +1349,15 @@ process.env.NODE_ENV !== "production" && (wo.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-function Oo(o) {
-  return re("MuiFormControl", 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${K(r)}`, t && "fullWidth"]
-  };
-  return ne(s, Oo, n);
-}, Eo = _("div", {
-  name: "MuiFormControl",
-  slot: "Root",
-  overridesResolver: ({
-    ownerState: o
-  }, n) => a({}, n.root, n[`margin${K(o.margin)}`], o.fullWidth && n.fullWidth)
-})(({
-  ownerState: o
-}) => a({
-  display: "inline-flex",
-  flexDirection: "column",
-  position: "relative",
-  // Reset fieldset default style.
-  minWidth: 0,
-  padding: 0,
-  margin: 0,
-  border: 0,
-  verticalAlign: "top"
-}, o.margin === "normal" && {
-  marginTop: 16,
-  marginBottom: 8
-}, o.margin === "dense" && {
-  marginTop: 8,
-  marginBottom: 4
-}, o.fullWidth && {
-  width: "100%"
-})), No = /* @__PURE__ */ i.forwardRef(function(n, r) {
-  const t = oe({
-    props: n,
-    name: "MuiFormControl"
-  }), {
-    children: s,
-    className: d,
-    color: h = "primary",
-    component: g = "div",
-    disabled: p = !1,
-    error: l = !1,
-    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: 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 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 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 P = i.useMemo(() => ({
-    adornedStart: W,
-    setAdornedStart: u,
-    color: h,
-    disabled: p,
-    error: l,
-    filled: x,
-    focused: L,
-    fullWidth: C,
-    hiddenLabel: w,
-    size: k,
-    onBlur: () => {
-      I(!1);
-    },
-    onEmpty: () => {
-      y(!1);
-    },
-    onFilled: () => {
-      y(!0);
-    },
-    onFocus: () => {
-      I(!0);
-    },
-    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
-    }, B, {
-      children: s
-    }))
-  });
-});
-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.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * 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/#adding-new-colors).
-   * @default 'primary'
-   */
-  color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * If `true`, the label, input and helper text should be displayed in a disabled state.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the label is displayed in an error state.
-   * @default false
-   */
-  error: e.bool,
-  /**
-   * If `true`, the component is displayed in focused state.
-   */
-  focused: e.bool,
-  /**
-   * If `true`, the component will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: e.bool,
-  /**
-   * If `true`, the label is hidden.
-   * This is used to increase density for a `FilledInput`.
-   * Be sure to add `aria-label` to the `input` element.
-   * @default false
-   */
-  hiddenLabel: e.bool,
-  /**
-   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
-   * @default 'none'
-   */
-  margin: e.oneOf(["dense", "none", "normal"]),
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   * @default false
-   */
-  required: e.bool,
-  /**
-   * The size of the component.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
-  /**
-   * 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.
-   * @default 'outlined'
-   */
-  variant: e.oneOf(["filled", "outlined", "standard"])
-});
 export {
-  No as F,
-  wo as I,
-  uo as a,
-  co as b,
-  ao as c,
-  fo as d,
-  Me as e,
+  lo as F,
+  No as I,
+  bo as a,
+  ho as b,
+  fo as c,
+  go as d,
+  Ae as e,
   me as f,
   pe as i,
-  io as r
+  po as r
 };