@weng-lab/ui-components 2.2.0 → 2.2.2

package/dist/ui-components.es204.js

@@ -1,81 +1,241 @@
-import R from "./ui-components.es196.js";
-function T(n) {
-  return Math.round(n * 1e5) / 1e5;
-}
-const h = {
-  textTransform: "uppercase"
-}, m = '"Roboto", "Helvetica", "Arial", sans-serif';
-function v(n, i) {
+import * as o from "react";
+import e from "./ui-components.es88.js";
+import { clsx as q } from "./ui-components.es91.js";
+import { isAdornedStart as L, isFilled as I } from "./ui-components.es124.js";
+import V from "./ui-components.es121.js";
+import { getFormControlUtilityClasses as _ } from "./ui-components.es292.js";
+import { j as B } from "./ui-components.es15.js";
+import { useDefaultProps as $ } from "./ui-components.es96.js";
+import v from "./ui-components.es280.js";
+import M from "./ui-components.es108.js";
+import G from "./ui-components.es97.js";
+import H from "./ui-components.es34.js";
+const J = (a) => {
   const {
-    fontFamily: r = m,
-    // The default font size of the Material Specification.
-    fontSize: a = 14,
-    // px
-    fontWeightLight: f = 300,
-    fontWeightRegular: t = 400,
-    fontWeightMedium: o = 500,
-    fontWeightBold: p = 700,
-    // Tell MUI what's the font-size on the html element.
-    // 16px is the default font-size used by browsers.
-    htmlFontSize: l = 16,
-    // Apply the CSS properties to all the variants.
-    allVariants: b,
-    pxToRem: d,
-    ...g
-  } = typeof i == "function" ? i(n) : i;
-  process.env.NODE_ENV !== "production" && (typeof a != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof l != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const S = a / 14, c = d || ((s) => `${s / l * S}rem`), e = (s, u, F, x, z) => ({
-    fontFamily: r,
-    fontWeight: s,
-    fontSize: c(u),
-    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: F,
-    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
-    // across font-families can cause issues with the kerning.
-    ...r === m ? {
-      letterSpacing: `${T(x / u)}em`
-    } : {},
-    ...z,
-    ...b
-  }), y = {
-    h1: e(f, 96, 1.167, -1.5),
-    h2: e(f, 60, 1.2, -0.5),
-    h3: e(t, 48, 1.167, 0),
-    h4: e(t, 34, 1.235, 0.25),
-    h5: e(t, 24, 1.334, 0),
-    h6: e(o, 20, 1.6, 0.15),
-    subtitle1: e(t, 16, 1.75, 0.15),
-    subtitle2: e(o, 14, 1.57, 0.1),
-    body1: e(t, 16, 1.5, 0.15),
-    body2: e(t, 14, 1.43, 0.15),
-    button: e(o, 14, 1.75, 0.4, h),
-    caption: e(t, 12, 1.66, 0.4),
-    overline: e(t, 12, 2.66, 1, h),
-    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
-    inherit: {
-      fontFamily: "inherit",
-      fontWeight: "inherit",
-      fontSize: "inherit",
-      lineHeight: "inherit",
-      letterSpacing: "inherit"
-    }
+    classes: t,
+    margin: n,
+    fullWidth: u
+  } = a, s = {
+    root: ["root", n !== "none" && `margin${M(n)}`, u && "fullWidth"]
   };
-  return R({
-    htmlFontSize: l,
-    pxToRem: c,
-    fontFamily: r,
-    fontSize: a,
-    fontWeightLight: f,
-    fontWeightRegular: t,
-    fontWeightMedium: o,
-    fontWeightBold: p,
-    ...y
-  }, g, {
-    clone: !1
-    // No need to clone deep
+  return G(s, _, t);
+}, K = H("div", {
+  name: "MuiFormControl",
+  slot: "Root",
+  overridesResolver: (a, t) => {
+    const {
+      ownerState: n
+    } = a;
+    return [t.root, t[`margin${M(n.margin)}`], n.fullWidth && t.fullWidth];
+  }
+})({
+  display: "inline-flex",
+  flexDirection: "column",
+  position: "relative",
+  // Reset fieldset default style.
+  minWidth: 0,
+  padding: 0,
+  margin: 0,
+  border: 0,
+  verticalAlign: "top",
+  // Fix alignment issue on Safari.
+  variants: [{
+    props: {
+      margin: "normal"
+    },
+    style: {
+      marginTop: 16,
+      marginBottom: 8
+    }
+  }, {
+    props: {
+      margin: "dense"
+    },
+    style: {
+      marginTop: 8,
+      marginBottom: 4
+    }
+  }, {
+    props: {
+      fullWidth: !0
+    },
+    style: {
+      width: "100%"
+    }
+  }]
+}), Q = /* @__PURE__ */ o.forwardRef(function(t, n) {
+  const u = $({
+    props: t,
+    name: "MuiFormControl"
+  }), {
+    children: s,
+    className: A,
+    color: f = "primary",
+    component: F = "div",
+    disabled: i = !1,
+    error: m = !1,
+    focused: S,
+    fullWidth: c = !1,
+    hiddenLabel: p = !1,
+    margin: D = "none",
+    required: d = !1,
+    size: g = "medium",
+    variant: y = "outlined",
+    ...P
+  } = u, x = {
+    ...u,
+    color: f,
+    component: F,
+    disabled: i,
+    error: m,
+    fullWidth: c,
+    hiddenLabel: p,
+    margin: D,
+    required: d,
+    size: g,
+    variant: y
+  }, z = J(x), [O, U] = o.useState(() => {
+    let l = !1;
+    return s && o.Children.forEach(s, (r) => {
+      if (!v(r, ["Input", "Select"]))
+        return;
+      const w = v(r, ["Select"]) ? r.props.input : r;
+      w && L(w.props) && (l = !0);
+    }), l;
+  }), [T, E] = o.useState(() => {
+    let l = !1;
+    return s && o.Children.forEach(s, (r) => {
+      v(r, ["Input", "Select"]) && (I(r.props, !0) || I(r.props.inputProps, !0)) && (l = !0);
+    }), l;
+  }), [j, h] = o.useState(!1);
+  i && j && h(!1);
+  const W = S !== void 0 && !i ? S : j;
+  let b;
+  const C = o.useRef(!1);
+  process.env.NODE_ENV !== "production" && (b = () => (C.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
+`)), C.current = !0, () => {
+    C.current = !1;
+  }));
+  const N = o.useCallback(() => {
+    E(!0);
+  }, []), R = o.useCallback(() => {
+    E(!1);
+  }, []), k = o.useMemo(() => ({
+    adornedStart: O,
+    setAdornedStart: U,
+    color: f,
+    disabled: i,
+    error: m,
+    filled: T,
+    focused: W,
+    fullWidth: c,
+    hiddenLabel: p,
+    size: g,
+    onBlur: () => {
+      h(!1);
+    },
+    onFocus: () => {
+      h(!0);
+    },
+    onEmpty: R,
+    onFilled: N,
+    registerEffect: b,
+    required: d,
+    variant: y
+  }), [O, f, i, m, T, W, c, p, b, R, N, d, g, y]);
+  return /* @__PURE__ */ B.jsx(V.Provider, {
+    value: k,
+    children: /* @__PURE__ */ B.jsx(K, {
+      as: F,
+      ownerState: x,
+      className: q(z.root, A),
+      ref: n,
+      ...P,
+      children: s
+    })
   });
-}
+});
+process.env.NODE_ENV !== "production" && (Q.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.
+   */
+  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/#custom-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 {
-  v as default
+  Q as default
 };
 //# sourceMappingURL=ui-components.es204.js.map

package/dist/ui-components.es204.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es204.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/styles/createTypography.js"],"sourcesContent":["import deepmerge from '@mui/utils/deepmerge';\nfunction round(value) {\n  return Math.round(value * 1e5) / 1e5;\n}\nconst caseAllCaps = {\n  textTransform: 'uppercase'\n};\nconst defaultFontFamily = '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif';\n\n/**\n * @see @link{https://m2.material.io/design/typography/the-type-system.html}\n * @see @link{https://m2.material.io/design/typography/understanding-typography.html}\n */\nexport default function createTypography(palette, typography) {\n  const {\n    fontFamily = defaultFontFamily,\n    // The default font size of the Material Specification.\n    fontSize = 14,\n    // px\n    fontWeightLight = 300,\n    fontWeightRegular = 400,\n    fontWeightMedium = 500,\n    fontWeightBold = 700,\n    // Tell MUI what's the font-size on the html element.\n    // 16px is the default font-size used by browsers.\n    htmlFontSize = 16,\n    // Apply the CSS properties to all the variants.\n    allVariants,\n    pxToRem: pxToRem2,\n    ...other\n  } = typeof typography === 'function' ? typography(palette) : typography;\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof fontSize !== 'number') {\n      console.error('MUI: `fontSize` is required to be a number.');\n    }\n    if (typeof htmlFontSize !== 'number') {\n      console.error('MUI: `htmlFontSize` is required to be a number.');\n    }\n  }\n  const coef = fontSize / 14;\n  const pxToRem = pxToRem2 || (size => `${size / htmlFontSize * coef}rem`);\n  const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => ({\n    fontFamily,\n    fontWeight,\n    fontSize: pxToRem(size),\n    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/\n    lineHeight,\n    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing\n    // across font-families can cause issues with the kerning.\n    ...(fontFamily === defaultFontFamily ? {\n      letterSpacing: `${round(letterSpacing / size)}em`\n    } : {}),\n    ...casing,\n    ...allVariants\n  });\n  const variants = {\n    h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),\n    h2: buildVariant(fontWeightLight, 60, 1.2, -0.5),\n    h3: buildVariant(fontWeightRegular, 48, 1.167, 0),\n    h4: buildVariant(fontWeightRegular, 34, 1.235, 0.25),\n    h5: buildVariant(fontWeightRegular, 24, 1.334, 0),\n    h6: buildVariant(fontWeightMedium, 20, 1.6, 0.15),\n    subtitle1: buildVariant(fontWeightRegular, 16, 1.75, 0.15),\n    subtitle2: buildVariant(fontWeightMedium, 14, 1.57, 0.1),\n    body1: buildVariant(fontWeightRegular, 16, 1.5, 0.15),\n    body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),\n    button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),\n    caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),\n    overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps),\n    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.\n    inherit: {\n      fontFamily: 'inherit',\n      fontWeight: 'inherit',\n      fontSize: 'inherit',\n      lineHeight: 'inherit',\n      letterSpacing: 'inherit'\n    }\n  };\n  return deepmerge({\n    htmlFontSize,\n    pxToRem,\n    fontFamily,\n    fontSize,\n    fontWeightLight,\n    fontWeightRegular,\n    fontWeightMedium,\n    fontWeightBold,\n    ...variants\n  }, other, {\n    clone: false // No need to clone deep\n  });\n}"],"names":["round","value","caseAllCaps","defaultFontFamily","createTypography","palette","typography","fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem2","other","coef","pxToRem","size","buildVariant","fontWeight","lineHeight","letterSpacing","casing","variants","deepmerge"],"mappings":";AACA,SAASA,EAAMC,GAAO;AACpB,SAAO,KAAK,MAAMA,IAAQ,GAAG,IAAI;AACnC;AACA,MAAMC,IAAc;AAAA,EAClB,eAAe;AACjB,GACMC,IAAoB;AAMX,SAASC,EAAiBC,GAASC,GAAY;AAC5D,QAAM;AAAA,IACJ,YAAAC,IAAaJ;AAAA;AAAA,IAEb,UAAAK,IAAW;AAAA;AAAA,IAEX,iBAAAC,IAAkB;AAAA,IAClB,mBAAAC,IAAoB;AAAA,IACpB,kBAAAC,IAAmB;AAAA,IACnB,gBAAAC,IAAiB;AAAA;AAAA;AAAA,IAGjB,cAAAC,IAAe;AAAA;AAAA,IAEf,aAAAC;AAAA,IACA,SAASC;AAAA,IACT,GAAGC;AAAA,EACP,IAAM,OAAOV,KAAe,aAAaA,EAAWD,CAAO,IAAIC;AAC7D,EAAI,QAAQ,IAAI,aAAa,iBACvB,OAAOE,KAAa,YACtB,QAAQ,MAAM,6CAA6C,GAEzD,OAAOK,KAAiB,YAC1B,QAAQ,MAAM,iDAAiD;AAGnE,QAAMI,IAAOT,IAAW,IAClBU,IAAUH,MAAa,CAAAI,MAAQ,GAAGA,IAAON,IAAeI,CAAI,QAC5DG,IAAe,CAACC,GAAYF,GAAMG,GAAYC,GAAeC,OAAY;AAAA,IAC7E,YAAAjB;AAAA,IACA,YAAAc;AAAA,IACA,UAAUH,EAAQC,CAAI;AAAA;AAAA,IAEtB,YAAAG;AAAA;AAAA;AAAA,IAGA,GAAIf,MAAeJ,IAAoB;AAAA,MACrC,eAAe,GAAGH,EAAMuB,IAAgBJ,CAAI,CAAC;AAAA,IACnD,IAAQ;IACJ,GAAGK;AAAA,IACH,GAAGV;AAAA,EACP,IACQW,IAAW;AAAA,IACf,IAAIL,EAAaX,GAAiB,IAAI,OAAO,IAAI;AAAA,IACjD,IAAIW,EAAaX,GAAiB,IAAI,KAAK,IAAI;AAAA,IAC/C,IAAIW,EAAaV,GAAmB,IAAI,OAAO,CAAC;AAAA,IAChD,IAAIU,EAAaV,GAAmB,IAAI,OAAO,IAAI;AAAA,IACnD,IAAIU,EAAaV,GAAmB,IAAI,OAAO,CAAC;AAAA,IAChD,IAAIU,EAAaT,GAAkB,IAAI,KAAK,IAAI;AAAA,IAChD,WAAWS,EAAaV,GAAmB,IAAI,MAAM,IAAI;AAAA,IACzD,WAAWU,EAAaT,GAAkB,IAAI,MAAM,GAAG;AAAA,IACvD,OAAOS,EAAaV,GAAmB,IAAI,KAAK,IAAI;AAAA,IACpD,OAAOU,EAAaV,GAAmB,IAAI,MAAM,IAAI;AAAA,IACrD,QAAQU,EAAaT,GAAkB,IAAI,MAAM,KAAKT,CAAW;AAAA,IACjE,SAASkB,EAAaV,GAAmB,IAAI,MAAM,GAAG;AAAA,IACtD,UAAUU,EAAaV,GAAmB,IAAI,MAAM,GAAGR,CAAW;AAAA;AAAA,IAElE,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,eAAe;AAAA,IACrB;AAAA,EACA;AACE,SAAOwB,EAAU;AAAA,IACf,cAAAb;AAAA,IACA,SAAAK;AAAA,IACA,YAAAX;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGa;AAAA,EACP,GAAKT,GAAO;AAAA,IACR,OAAO;AAAA;AAAA,EACX,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es204.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/FormControl/FormControl.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { isFilled, isAdornedStart } from \"../InputBase/utils.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport isMuiElement from \"../utils/isMuiElement.js\";\nimport FormControlContext from \"./FormControlContext.js\";\nimport { getFormControlUtilityClasses } from \"./formControlClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    margin,\n    fullWidth\n  } = ownerState;\n  const slots = {\n    root: ['root', margin !== 'none' && `margin${capitalize(margin)}`, fullWidth && 'fullWidth']\n  };\n  return composeClasses(slots, getFormControlUtilityClasses, classes);\n};\nconst FormControlRoot = styled('div', {\n  name: 'MuiFormControl',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[`margin${capitalize(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth];\n  }\n})({\n  display: 'inline-flex',\n  flexDirection: 'column',\n  position: 'relative',\n  // Reset fieldset default style.\n  minWidth: 0,\n  padding: 0,\n  margin: 0,\n  border: 0,\n  verticalAlign: 'top',\n  // Fix alignment issue on Safari.\n  variants: [{\n    props: {\n      margin: 'normal'\n    },\n    style: {\n      marginTop: 16,\n      marginBottom: 8\n    }\n  }, {\n    props: {\n      margin: 'dense'\n    },\n    style: {\n      marginTop: 8,\n      marginBottom: 4\n    }\n  }, {\n    props: {\n      fullWidth: true\n    },\n    style: {\n      width: '100%'\n    }\n  }]\n});\n\n/**\n * Provides context such as filled/focused/error/required for form inputs.\n * Relying on the context provides high flexibility and ensures that the state always stays\n * consistent across the children of the `FormControl`.\n * This context is used by the following components:\n *\n *  - FormLabel\n *  - FormHelperText\n *  - Input\n *  - InputLabel\n *\n * You can find one composition example below and more going to [the demos](/material-ui/react-text-field/#components).\n *\n * ```jsx\n * <FormControl>\n *   <InputLabel htmlFor=\"my-input\">Email address</InputLabel>\n *   <Input id=\"my-input\" aria-describedby=\"my-helper-text\" />\n *   <FormHelperText id=\"my-helper-text\">We'll never share your email.</FormHelperText>\n * </FormControl>\n * ```\n *\n * ⚠️ Only one `InputBase` can be used within a FormControl because it creates visual inconsistencies.\n * For instance, only one input can be focused at the same time, the state shouldn't be shared.\n */\nconst FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormControl'\n  });\n  const {\n    children,\n    className,\n    color = 'primary',\n    component = 'div',\n    disabled = false,\n    error = false,\n    focused: visuallyFocused,\n    fullWidth = false,\n    hiddenLabel = false,\n    margin = 'none',\n    required = false,\n    size = 'medium',\n    variant = 'outlined',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    color,\n    component,\n    disabled,\n    error,\n    fullWidth,\n    hiddenLabel,\n    margin,\n    required,\n    size,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  const [adornedStart, setAdornedStart] = React.useState(() => {\n    // We need to iterate through the children and find the Input in order\n    // to fully support server-side rendering.\n    let initialAdornedStart = false;\n    if (children) {\n      React.Children.forEach(children, child => {\n        if (!isMuiElement(child, ['Input', 'Select'])) {\n          return;\n        }\n        const input = isMuiElement(child, ['Select']) ? child.props.input : child;\n        if (input && isAdornedStart(input.props)) {\n          initialAdornedStart = true;\n        }\n      });\n    }\n    return initialAdornedStart;\n  });\n  const [filled, setFilled] = React.useState(() => {\n    // We need to iterate through the children and find the Input in order\n    // to fully support server-side rendering.\n    let initialFilled = false;\n    if (children) {\n      React.Children.forEach(children, child => {\n        if (!isMuiElement(child, ['Input', 'Select'])) {\n          return;\n        }\n        if (isFilled(child.props, true) || isFilled(child.props.inputProps, true)) {\n          initialFilled = true;\n        }\n      });\n    }\n    return initialFilled;\n  });\n  const [focusedState, setFocused] = React.useState(false);\n  if (disabled && focusedState) {\n    setFocused(false);\n  }\n  const focused = visuallyFocused !== undefined && !disabled ? visuallyFocused : focusedState;\n  let registerEffect;\n  const registeredInput = React.useRef(false);\n  if (process.env.NODE_ENV !== 'production') {\n    registerEffect = () => {\n      if (registeredInput.current) {\n        console.error(['MUI: There are multiple `InputBase` components inside a FormControl.', 'This creates visual inconsistencies, only use one `InputBase`.'].join('\\n'));\n      }\n      registeredInput.current = true;\n      return () => {\n        registeredInput.current = false;\n      };\n    };\n  }\n  const onFilled = React.useCallback(() => {\n    setFilled(true);\n  }, []);\n  const onEmpty = React.useCallback(() => {\n    setFilled(false);\n  }, []);\n  const childContext = React.useMemo(() => {\n    return {\n      adornedStart,\n      setAdornedStart,\n      color,\n      disabled,\n      error,\n      filled,\n      focused,\n      fullWidth,\n      hiddenLabel,\n      size,\n      onBlur: () => {\n        setFocused(false);\n      },\n      onFocus: () => {\n        setFocused(true);\n      },\n      onEmpty,\n      onFilled,\n      registerEffect,\n      required,\n      variant\n    };\n  }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, onEmpty, onFilled, required, size, variant]);\n  return /*#__PURE__*/_jsx(FormControlContext.Provider, {\n    value: childContext,\n    children: /*#__PURE__*/_jsx(FormControlRoot, {\n      as: component,\n      ownerState: ownerState,\n      className: clsx(classes.root, className),\n      ref: ref,\n      ...other,\n      children: children\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? FormControl.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the label, input and helper text should be displayed in a disabled state.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is displayed in an error state.\n   * @default false\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the component is displayed in focused state.\n   */\n  focused: PropTypes.bool,\n  /**\n   * If `true`, the component will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * If `true`, the label is hidden.\n   * This is used to increase density for a `FilledInput`.\n   * Be sure to add `aria-label` to the `input` element.\n   * @default false\n   */\n  hiddenLabel: PropTypes.bool,\n  /**\n   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.\n   * @default 'none'\n   */\n  margin: PropTypes.oneOf(['dense', 'none', 'normal']),\n  /**\n   * If `true`, the label will indicate that the `input` is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   * @default 'outlined'\n   */\n  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default FormControl;"],"names":["useUtilityClasses","ownerState","classes","margin","fullWidth","slots","capitalize","composeClasses","getFormControlUtilityClasses","FormControlRoot","styled","props","styles","FormControl","React","inProps","ref","useDefaultProps","children","className","color","component","disabled","error","visuallyFocused","hiddenLabel","required","size","variant","other","adornedStart","setAdornedStart","initialAdornedStart","child","isMuiElement","input","isAdornedStart","filled","setFilled","initialFilled","isFilled","focusedState","setFocused","focused","registerEffect","registeredInput","onFilled","onEmpty","childContext","_jsx","FormControlContext","clsx","PropTypes"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAoB,CAAAC,MAAc;AACtC,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,EACJ,IAAMH,GACEI,IAAQ;AAAA,IACZ,MAAM,CAAC,QAAQF,MAAW,UAAU,SAASG,EAAWH,CAAM,CAAC,IAAIC,KAAa,WAAW;AAAA,EAC/F;AACE,SAAOG,EAAeF,GAAOG,GAA8BN,CAAO;AACpE,GACMO,IAAkBC,EAAO,OAAO;AAAA,EACpC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,mBAAmB,CAACC,GAAOC,MAAW;AACpC,UAAM;AAAA,MACJ,YAAAX;AAAA,IACN,IAAQU;AACJ,WAAO,CAACC,EAAO,MAAMA,EAAO,SAASN,EAAWL,EAAW,MAAM,CAAC,EAAE,GAAGA,EAAW,aAAaW,EAAO,SAAS;AAAA,EACjH;AACF,CAAC,EAAE;AAAA,EACD,SAAS;AAAA,EACT,eAAe;AAAA,EACf,UAAU;AAAA;AAAA,EAEV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,eAAe;AAAA;AAAA,EAEf,UAAU,CAAC;AAAA,IACT,OAAO;AAAA,MACL,QAAQ;AAAA,IACd;AAAA,IACI,OAAO;AAAA,MACL,WAAW;AAAA,MACX,cAAc;AAAA,IACpB;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,QAAQ;AAAA,IACd;AAAA,IACI,OAAO;AAAA,MACL,WAAW;AAAA,MACX,cAAc;AAAA,IACpB;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,WAAW;AAAA,IACjB;AAAA,IACI,OAAO;AAAA,MACL,OAAO;AAAA,IACb;AAAA,EACA,CAAG;AACH,CAAC,GA0BKC,IAA2B,gBAAAC,EAAM,WAAW,SAAqBC,GAASC,GAAK;AACnF,QAAML,IAAQM,EAAgB;AAAA,IAC5B,OAAOF;AAAA,IACP,MAAM;AAAA,EACV,CAAG,GACK;AAAA,IACJ,UAAAG;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,SAASC;AAAA,IACT,WAAApB,IAAY;AAAA,IACZ,aAAAqB,IAAc;AAAA,IACd,QAAAtB,IAAS;AAAA,IACT,UAAAuB,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,EACP,IAAMlB,GACEV,IAAa;AAAA,IACjB,GAAGU;AAAA,IACH,OAAAS;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAnB;AAAA,IACA,aAAAqB;AAAA,IACA,QAAAtB;AAAA,IACA,UAAAuB;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,EACJ,GACQ1B,IAAUF,EAAkBC,CAAU,GACtC,CAAC6B,GAAcC,CAAe,IAAIjB,EAAM,SAAS,MAAM;AAG3D,QAAIkB,IAAsB;AAC1B,WAAId,KACFJ,EAAM,SAAS,QAAQI,GAAU,CAAAe,MAAS;AACxC,UAAI,CAACC,EAAaD,GAAO,CAAC,SAAS,QAAQ,CAAC;AAC1C;AAEF,YAAME,IAAQD,EAAaD,GAAO,CAAC,QAAQ,CAAC,IAAIA,EAAM,MAAM,QAAQA;AACpE,MAAIE,KAASC,EAAeD,EAAM,KAAK,MACrCH,IAAsB;AAAA,IAE1B,CAAC,GAEIA;AAAA,EACT,CAAC,GACK,CAACK,GAAQC,CAAS,IAAIxB,EAAM,SAAS,MAAM;AAG/C,QAAIyB,IAAgB;AACpB,WAAIrB,KACFJ,EAAM,SAAS,QAAQI,GAAU,CAAAe,MAAS;AACxC,MAAKC,EAAaD,GAAO,CAAC,SAAS,QAAQ,CAAC,MAGxCO,EAASP,EAAM,OAAO,EAAI,KAAKO,EAASP,EAAM,MAAM,YAAY,EAAI,OACtEM,IAAgB;AAAA,IAEpB,CAAC,GAEIA;AAAA,EACT,CAAC,GACK,CAACE,GAAcC,CAAU,IAAI5B,EAAM,SAAS,EAAK;AACvD,EAAIQ,KAAYmB,KACdC,EAAW,EAAK;AAElB,QAAMC,IAAUnB,MAAoB,UAAa,CAACF,IAAWE,IAAkBiB;AAC/E,MAAIG;AACJ,QAAMC,IAAkB/B,EAAM,OAAO,EAAK;AAC1C,EAAI,QAAQ,IAAI,aAAa,iBAC3B8B,IAAiB,OACXC,EAAgB,WAClB,QAAQ,MAAM,CAAC,wEAAwE,gEAAgE,EAAE,KAAK;AAAA,CAAI,CAAC,GAErKA,EAAgB,UAAU,IACnB,MAAM;AACX,IAAAA,EAAgB,UAAU;AAAA,EAC5B;AAGJ,QAAMC,IAAWhC,EAAM,YAAY,MAAM;AACvC,IAAAwB,EAAU,EAAI;AAAA,EAChB,GAAG,CAAA,CAAE,GACCS,IAAUjC,EAAM,YAAY,MAAM;AACtC,IAAAwB,EAAU,EAAK;AAAA,EACjB,GAAG,CAAA,CAAE,GACCU,IAAelC,EAAM,QAAQ,OAC1B;AAAA,IACL,cAAAgB;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAX;AAAA,IACA,UAAAE;AAAA,IACA,OAAAC;AAAA,IACA,QAAAc;AAAA,IACA,SAAAM;AAAA,IACA,WAAAvC;AAAA,IACA,aAAAqB;AAAA,IACA,MAAAE;AAAA,IACA,QAAQ,MAAM;AACZ,MAAAe,EAAW,EAAK;AAAA,IAClB;AAAA,IACA,SAAS,MAAM;AACb,MAAAA,EAAW,EAAI;AAAA,IACjB;AAAA,IACA,SAAAK;AAAA,IACA,UAAAD;AAAA,IACA,gBAAAF;AAAA,IACA,UAAAlB;AAAA,IACA,SAAAE;AAAA,EACN,IACK,CAACE,GAAcV,GAAOE,GAAUC,GAAOc,GAAQM,GAASvC,GAAWqB,GAAamB,GAAgBG,GAASD,GAAUpB,GAAUC,GAAMC,CAAO,CAAC;AAC9I,SAAoBqB,gBAAAA,EAAAA,IAAKC,EAAmB,UAAU;AAAA,IACpD,OAAOF;AAAA,IACP,UAAuBC,gBAAAA,EAAAA,IAAKxC,GAAiB;AAAA,MAC3C,IAAIY;AAAA,MACJ,YAAYpB;AAAA,MACZ,WAAWkD,EAAKjD,EAAQ,MAAMiB,CAAS;AAAA,MACvC,KAAKH;AAAA,MACL,GAAGa;AAAA,MACH,UAAUX;AAAA,IAChB,CAAK;AAAA,EACL,CAAG;AACH,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAeL,EAAY,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQrF,UAAUuC,EAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOrB,OAAOA,EAAgD,UAAU,CAACA,EAAU,MAAM,CAAC,WAAW,aAAa,SAAS,QAAQ,WAAW,SAAS,CAAC,GAAGA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrK,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,UAAUA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,OAAOA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIjB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOrB,aAAaA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKvB,QAAQA,EAAU,MAAM,CAAC,SAAS,QAAQ,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnD,UAAUA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,MAAMA,EAAgD,UAAU,CAACA,EAAU,MAAM,CAAC,UAAU,OAAO,CAAC,GAAGA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,EAIxH,IAAIA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,QAAQA,EAAU,IAAI,CAAC,CAAC,GAAGA,EAAU,MAAMA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKtJ,SAASA,EAAU,MAAM,CAAC,UAAU,YAAY,UAAU,CAAC;AAC7D;","x_google_ignoreList":[0]}