@weng-lab/ui-components 2.0.3 → 2.1.0

package/dist/ui-components.es116.js

@@ -1,262 +1,241 @@
-import l from "./ui-components.es266.js";
-import I from "./ui-components.es267.js";
-import s from "./ui-components.es268.js";
-import c from "./ui-components.es269.js";
-import f from "./ui-components.es270.js";
-import d from "./ui-components.es271.js";
-import g from "./ui-components.es272.js";
-import m from "./ui-components.es273.js";
-import P from "./ui-components.es127.js";
-import { getContrastRatio as k, lighten as S, darken as U } from "./ui-components.es48.js";
-import v from "./ui-components.es125.js";
-function D() {
-  return {
-    // The colors used to style the text.
-    text: {
-      // The most important text.
-      primary: "rgba(0, 0, 0, 0.87)",
-      // Secondary text.
-      secondary: "rgba(0, 0, 0, 0.6)",
-      // Disabled text have even lower visual prominence.
-      disabled: "rgba(0, 0, 0, 0.38)"
-    },
-    // The color used to divide different elements.
-    divider: "rgba(0, 0, 0, 0.12)",
-    // The background colors used to style the surfaces.
-    // Consistency between these values is important.
-    background: {
-      paper: l.white,
-      default: l.white
-    },
-    // The colors used to style the action elements.
-    action: {
-      // The color of an active action like an icon button.
-      active: "rgba(0, 0, 0, 0.54)",
-      // The color of an hovered action.
-      hover: "rgba(0, 0, 0, 0.04)",
-      hoverOpacity: 0.04,
-      // The color of a selected action.
-      selected: "rgba(0, 0, 0, 0.08)",
-      selectedOpacity: 0.08,
-      // The color of a disabled action.
-      disabled: "rgba(0, 0, 0, 0.26)",
-      // The background color of a disabled action.
-      disabledBackground: "rgba(0, 0, 0, 0.12)",
-      disabledOpacity: 0.38,
-      focus: "rgba(0, 0, 0, 0.12)",
-      focusOpacity: 0.12,
-      activatedOpacity: 0.12
-    }
+import * as o from "react";
+import e from "./ui-components.es84.js";
+import { clsx as q } from "./ui-components.es85.js";
+import { isAdornedStart as L, isFilled as I } from "./ui-components.es164.js";
+import V from "./ui-components.es162.js";
+import { getFormControlUtilityClasses as _ } from "./ui-components.es290.js";
+import { j as B } from "./ui-components.es13.js";
+import { useDefaultProps as $ } from "./ui-components.es95.js";
+import v from "./ui-components.es237.js";
+import G from "./ui-components.es35.js";
+import M from "./ui-components.es97.js";
+import H from "./ui-components.es98.js";
+const J = (a) => {
+  const {
+    classes: t,
+    margin: n,
+    fullWidth: u
+  } = a, s = {
+    root: ["root", n !== "none" && `margin${M(n)}`, u && "fullWidth"]
   };
-}
-const V = D();
-function E() {
-  return {
-    text: {
-      primary: l.white,
-      secondary: "rgba(255, 255, 255, 0.7)",
-      disabled: "rgba(255, 255, 255, 0.5)",
-      icon: "rgba(255, 255, 255, 0.5)"
+  return H(s, _, t);
+}, K = G("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"
     },
-    divider: "rgba(255, 255, 255, 0.12)",
-    background: {
-      paper: "#121212",
-      default: "#121212"
+    style: {
+      marginTop: 16,
+      marginBottom: 8
+    }
+  }, {
+    props: {
+      margin: "dense"
     },
-    action: {
-      active: l.white,
-      hover: "rgba(255, 255, 255, 0.08)",
-      hoverOpacity: 0.08,
-      selected: "rgba(255, 255, 255, 0.16)",
-      selectedOpacity: 0.16,
-      disabled: "rgba(255, 255, 255, 0.3)",
-      disabledBackground: "rgba(255, 255, 255, 0.12)",
-      disabledOpacity: 0.38,
-      focus: "rgba(255, 255, 255, 0.12)",
-      focusOpacity: 0.12,
-      activatedOpacity: 0.24
+    style: {
+      marginTop: 8,
+      marginBottom: 4
     }
-  };
-}
-const w = E();
-function O(r, e, u, i) {
-  const h = i.light || i, y = i.dark || i * 1.5;
-  r[e] || (r.hasOwnProperty(u) ? r[e] = r[u] : e === "light" ? r.light = S(r.main, h) : e === "dark" && (r.dark = U(r.main, y)));
-}
-function _(r = "light") {
-  return r === "dark" ? {
-    main: d[200],
-    light: d[50],
-    dark: d[400]
-  } : {
-    main: d[700],
-    light: d[400],
-    dark: d[800]
-  };
-}
-function B(r = "light") {
-  return r === "dark" ? {
-    main: s[200],
-    light: s[50],
-    dark: s[400]
-  } : {
-    main: s[500],
-    light: s[300],
-    dark: s[700]
-  };
-}
-function L(r = "light") {
-  return r === "dark" ? {
-    main: c[500],
-    light: c[300],
-    dark: c[700]
-  } : {
-    main: c[700],
-    light: c[400],
-    dark: c[800]
-  };
-}
-function R(r = "light") {
-  return r === "dark" ? {
-    main: g[400],
-    light: g[300],
-    dark: g[700]
-  } : {
-    main: g[700],
-    light: g[500],
-    dark: g[900]
-  };
-}
-function W(r = "light") {
-  return r === "dark" ? {
-    main: m[400],
-    light: m[300],
-    dark: m[700]
-  } : {
-    main: m[800],
-    light: m[500],
-    dark: m[900]
-  };
-}
-function j(r = "light") {
-  return r === "dark" ? {
-    main: f[400],
-    light: f[300],
-    dark: f[700]
-  } : {
-    main: "#ed6c02",
-    // closest to orange[800] that pass 3:1.
-    light: f[500],
-    dark: f[900]
-  };
-}
-function tr(r) {
-  const {
-    mode: e = "light",
-    contrastThreshold: u = 3,
-    tonalOffset: i = 0.2,
-    ...h
-  } = r, y = r.primary || _(e), T = r.secondary || B(e), $ = r.error || L(e), x = r.info || R(e), N = r.success || W(e), C = r.warning || j(e);
-  function b(t) {
-    const a = k(t, w.text.primary) >= u ? w.text.primary : V.text.primary;
-    if (process.env.NODE_ENV !== "production") {
-      const n = k(t, a);
-      n < 3 && console.error([`MUI: The contrast ratio of ${n}:1 for ${a} on ${t}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
-`));
+  }, {
+    props: {
+      fullWidth: !0
+    },
+    style: {
+      width: "100%"
     }
-    return a;
-  }
-  const o = ({
-    color: t,
-    name: a,
-    mainShade: n = 500,
-    lightShade: M = 300,
-    darkShade: A = 700
-  }) => {
-    if (t = {
-      ...t
-    }, !t.main && t[n] && (t.main = t[n]), !t.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${a ? ` (${a})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${n}\` property.` : v(11, a ? ` (${a})` : "", n));
-    if (typeof t.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${a ? ` (${a})` : ""} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(t.main)}\` was provided instead.
-
-Did you intend to use one of the following approaches?
-
-import { green } from "@mui/material/colors";
-
-const theme1 = createTheme({ palette: {
-  primary: green,
-} });
-
-const theme2 = createTheme({ palette: {
-  primary: { main: green[500] },
-} });` : v(12, a ? ` (${a})` : "", JSON.stringify(t.main)));
-    return O(t, "light", M, i), O(t, "dark", A, i), t.contrastText || (t.contrastText = b(t.main)), t;
-  };
-  let p;
-  return e === "light" ? p = D() : e === "dark" && (p = E()), process.env.NODE_ENV !== "production" && (p || console.error(`MUI: The palette mode \`${e}\` is not supported.`)), P({
-    // A collection of common colors.
-    common: {
-      ...l
+  }]
+}), 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);
     },
-    // prevent mutable object.
-    // The palette mode, can be light or dark.
-    mode: e,
-    // The colors used to represent primary interface elements for a user.
-    primary: o({
-      color: y,
-      name: "primary"
-    }),
-    // The colors used to represent secondary interface elements for a user.
-    secondary: o({
-      color: T,
-      name: "secondary",
-      mainShade: "A400",
-      lightShade: "A200",
-      darkShade: "A700"
-    }),
-    // The colors used to represent interface elements that the user should be made aware of.
-    error: o({
-      color: $,
-      name: "error"
-    }),
-    // The colors used to represent potentially dangerous actions or important messages.
-    warning: o({
-      color: C,
-      name: "warning"
-    }),
-    // The colors used to present information to the user that is neutral and not necessarily important.
-    info: o({
-      color: x,
-      name: "info"
-    }),
-    // The colors used to indicate the successful completion of an action that user triggered.
-    success: o({
-      color: N,
-      name: "success"
-    }),
-    // The grey colors.
-    grey: I,
-    // Used by `getContrastText()` to maximize the contrast between
-    // the background and the text.
-    contrastThreshold: u,
-    // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: b,
-    // Generate a rich color object.
-    augmentColor: o,
-    // Used by the functions below to shift a color's luminance by approximately
-    // two indexes within its tonal palette.
-    // E.g., shift from Red 500 to Red 300 or Red 700.
-    tonalOffset: i,
-    // The light and dark mode object.
-    ...p
-  }, h);
-}
+    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 {
-  w as dark,
-  tr as default,
-  V as light
+  Q as default
 };
 //# sourceMappingURL=ui-components.es116.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es116.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/styles/createPalette.js"],"sourcesContent":["import _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nimport deepmerge from '@mui/utils/deepmerge';\nimport { darken, getContrastRatio, lighten } from '@mui/system/colorManipulator';\nimport common from \"../colors/common.js\";\nimport grey from \"../colors/grey.js\";\nimport purple from \"../colors/purple.js\";\nimport red from \"../colors/red.js\";\nimport orange from \"../colors/orange.js\";\nimport blue from \"../colors/blue.js\";\nimport lightBlue from \"../colors/lightBlue.js\";\nimport green from \"../colors/green.js\";\nfunction getLight() {\n  return {\n    // The colors used to style the text.\n    text: {\n      // The most important text.\n      primary: 'rgba(0, 0, 0, 0.87)',\n      // Secondary text.\n      secondary: 'rgba(0, 0, 0, 0.6)',\n      // Disabled text have even lower visual prominence.\n      disabled: 'rgba(0, 0, 0, 0.38)'\n    },\n    // The color used to divide different elements.\n    divider: 'rgba(0, 0, 0, 0.12)',\n    // The background colors used to style the surfaces.\n    // Consistency between these values is important.\n    background: {\n      paper: common.white,\n      default: common.white\n    },\n    // The colors used to style the action elements.\n    action: {\n      // The color of an active action like an icon button.\n      active: 'rgba(0, 0, 0, 0.54)',\n      // The color of an hovered action.\n      hover: 'rgba(0, 0, 0, 0.04)',\n      hoverOpacity: 0.04,\n      // The color of a selected action.\n      selected: 'rgba(0, 0, 0, 0.08)',\n      selectedOpacity: 0.08,\n      // The color of a disabled action.\n      disabled: 'rgba(0, 0, 0, 0.26)',\n      // The background color of a disabled action.\n      disabledBackground: 'rgba(0, 0, 0, 0.12)',\n      disabledOpacity: 0.38,\n      focus: 'rgba(0, 0, 0, 0.12)',\n      focusOpacity: 0.12,\n      activatedOpacity: 0.12\n    }\n  };\n}\nexport const light = getLight();\nfunction getDark() {\n  return {\n    text: {\n      primary: common.white,\n      secondary: 'rgba(255, 255, 255, 0.7)',\n      disabled: 'rgba(255, 255, 255, 0.5)',\n      icon: 'rgba(255, 255, 255, 0.5)'\n    },\n    divider: 'rgba(255, 255, 255, 0.12)',\n    background: {\n      paper: '#121212',\n      default: '#121212'\n    },\n    action: {\n      active: common.white,\n      hover: 'rgba(255, 255, 255, 0.08)',\n      hoverOpacity: 0.08,\n      selected: 'rgba(255, 255, 255, 0.16)',\n      selectedOpacity: 0.16,\n      disabled: 'rgba(255, 255, 255, 0.3)',\n      disabledBackground: 'rgba(255, 255, 255, 0.12)',\n      disabledOpacity: 0.38,\n      focus: 'rgba(255, 255, 255, 0.12)',\n      focusOpacity: 0.12,\n      activatedOpacity: 0.24\n    }\n  };\n}\nexport const dark = getDark();\nfunction addLightOrDark(intent, direction, shade, tonalOffset) {\n  const tonalOffsetLight = tonalOffset.light || tonalOffset;\n  const tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;\n  if (!intent[direction]) {\n    if (intent.hasOwnProperty(shade)) {\n      intent[direction] = intent[shade];\n    } else if (direction === 'light') {\n      intent.light = lighten(intent.main, tonalOffsetLight);\n    } else if (direction === 'dark') {\n      intent.dark = darken(intent.main, tonalOffsetDark);\n    }\n  }\n}\nfunction getDefaultPrimary(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: blue[200],\n      light: blue[50],\n      dark: blue[400]\n    };\n  }\n  return {\n    main: blue[700],\n    light: blue[400],\n    dark: blue[800]\n  };\n}\nfunction getDefaultSecondary(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: purple[200],\n      light: purple[50],\n      dark: purple[400]\n    };\n  }\n  return {\n    main: purple[500],\n    light: purple[300],\n    dark: purple[700]\n  };\n}\nfunction getDefaultError(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: red[500],\n      light: red[300],\n      dark: red[700]\n    };\n  }\n  return {\n    main: red[700],\n    light: red[400],\n    dark: red[800]\n  };\n}\nfunction getDefaultInfo(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: lightBlue[400],\n      light: lightBlue[300],\n      dark: lightBlue[700]\n    };\n  }\n  return {\n    main: lightBlue[700],\n    light: lightBlue[500],\n    dark: lightBlue[900]\n  };\n}\nfunction getDefaultSuccess(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: green[400],\n      light: green[300],\n      dark: green[700]\n    };\n  }\n  return {\n    main: green[800],\n    light: green[500],\n    dark: green[900]\n  };\n}\nfunction getDefaultWarning(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: orange[400],\n      light: orange[300],\n      dark: orange[700]\n    };\n  }\n  return {\n    main: '#ed6c02',\n    // closest to orange[800] that pass 3:1.\n    light: orange[500],\n    dark: orange[900]\n  };\n}\nexport default function createPalette(palette) {\n  const {\n    mode = 'light',\n    contrastThreshold = 3,\n    tonalOffset = 0.2,\n    ...other\n  } = palette;\n  const primary = palette.primary || getDefaultPrimary(mode);\n  const secondary = palette.secondary || getDefaultSecondary(mode);\n  const error = palette.error || getDefaultError(mode);\n  const info = palette.info || getDefaultInfo(mode);\n  const success = palette.success || getDefaultSuccess(mode);\n  const warning = palette.warning || getDefaultWarning(mode);\n\n  // Use the same logic as\n  // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59\n  // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54\n  function getContrastText(background) {\n    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n    if (process.env.NODE_ENV !== 'production') {\n      const contrast = getContrastRatio(background, contrastText);\n      if (contrast < 3) {\n        console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\\n'));\n      }\n    }\n    return contrastText;\n  }\n  const augmentColor = ({\n    color,\n    name,\n    mainShade = 500,\n    lightShade = 300,\n    darkShade = 700\n  }) => {\n    color = {\n      ...color\n    };\n    if (!color.main && color[mainShade]) {\n      color.main = color[mainShade];\n    }\n    if (!color.hasOwnProperty('main')) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `The color object needs to have a \\`main\\` property or a \\`${mainShade}\\` property.` : _formatErrorMessage(11, name ? ` (${name})` : '', mainShade));\n    }\n    if (typeof color.main !== 'string') {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `\\`color.main\\` should be a string, but \\`${JSON.stringify(color.main)}\\` was provided instead.\\n` + '\\n' + 'Did you intend to use one of the following approaches?\\n' + '\\n' + 'import { green } from \"@mui/material/colors\";\\n' + '\\n' + 'const theme1 = createTheme({ palette: {\\n' + '  primary: green,\\n' + '} });\\n' + '\\n' + 'const theme2 = createTheme({ palette: {\\n' + '  primary: { main: green[500] },\\n' + '} });' : _formatErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));\n    }\n    addLightOrDark(color, 'light', lightShade, tonalOffset);\n    addLightOrDark(color, 'dark', darkShade, tonalOffset);\n    if (!color.contrastText) {\n      color.contrastText = getContrastText(color.main);\n    }\n    return color;\n  };\n  let modeHydrated;\n  if (mode === 'light') {\n    modeHydrated = getLight();\n  } else if (mode === 'dark') {\n    modeHydrated = getDark();\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    if (!modeHydrated) {\n      console.error(`MUI: The palette mode \\`${mode}\\` is not supported.`);\n    }\n  }\n  const paletteOutput = deepmerge({\n    // A collection of common colors.\n    common: {\n      ...common\n    },\n    // prevent mutable object.\n    // The palette mode, can be light or dark.\n    mode,\n    // The colors used to represent primary interface elements for a user.\n    primary: augmentColor({\n      color: primary,\n      name: 'primary'\n    }),\n    // The colors used to represent secondary interface elements for a user.\n    secondary: augmentColor({\n      color: secondary,\n      name: 'secondary',\n      mainShade: 'A400',\n      lightShade: 'A200',\n      darkShade: 'A700'\n    }),\n    // The colors used to represent interface elements that the user should be made aware of.\n    error: augmentColor({\n      color: error,\n      name: 'error'\n    }),\n    // The colors used to represent potentially dangerous actions or important messages.\n    warning: augmentColor({\n      color: warning,\n      name: 'warning'\n    }),\n    // The colors used to present information to the user that is neutral and not necessarily important.\n    info: augmentColor({\n      color: info,\n      name: 'info'\n    }),\n    // The colors used to indicate the successful completion of an action that user triggered.\n    success: augmentColor({\n      color: success,\n      name: 'success'\n    }),\n    // The grey colors.\n    grey,\n    // Used by `getContrastText()` to maximize the contrast between\n    // the background and the text.\n    contrastThreshold,\n    // Takes a background color and returns the text color that maximizes the contrast.\n    getContrastText,\n    // Generate a rich color object.\n    augmentColor,\n    // Used by the functions below to shift a color's luminance by approximately\n    // two indexes within its tonal palette.\n    // E.g., shift from Red 500 to Red 300 or Red 700.\n    tonalOffset,\n    // The light and dark mode object.\n    ...modeHydrated\n  }, other);\n  return paletteOutput;\n}"],"names":["getLight","common","light","getDark","dark","addLightOrDark","intent","direction","shade","tonalOffset","tonalOffsetLight","tonalOffsetDark","lighten","darken","getDefaultPrimary","mode","blue","getDefaultSecondary","purple","getDefaultError","red","getDefaultInfo","lightBlue","getDefaultSuccess","green","getDefaultWarning","orange","createPalette","palette","contrastThreshold","other","primary","secondary","error","info","success","warning","getContrastText","background","contrastText","getContrastRatio","contrast","augmentColor","color","name","mainShade","lightShade","darkShade","_formatErrorMessage","modeHydrated","deepmerge","grey"],"mappings":";;;;;;;;;;;AAWA,SAASA,IAAW;AAClB,SAAO;AAAA;AAAA,IAEL,MAAM;AAAA;AAAA,MAEJ,SAAS;AAAA;AAAA,MAET,WAAW;AAAA;AAAA,MAEX,UAAU;AAAA,IAChB;AAAA;AAAA,IAEI,SAAS;AAAA;AAAA;AAAA,IAGT,YAAY;AAAA,MACV,OAAOC,EAAO;AAAA,MACd,SAASA,EAAO;AAAA,IACtB;AAAA;AAAA,IAEI,QAAQ;AAAA;AAAA,MAEN,QAAQ;AAAA;AAAA,MAER,OAAO;AAAA,MACP,cAAc;AAAA;AAAA,MAEd,UAAU;AAAA,MACV,iBAAiB;AAAA;AAAA,MAEjB,UAAU;AAAA;AAAA,MAEV,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,cAAc;AAAA,MACd,kBAAkB;AAAA,IACxB;AAAA,EACA;AACA;AACY,MAACC,IAAQF,EAAQ;AAC7B,SAASG,IAAU;AACjB,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,SAASF,EAAO;AAAA,MAChB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,MAAM;AAAA,IACZ;AAAA,IACI,SAAS;AAAA,IACT,YAAY;AAAA,MACV,OAAO;AAAA,MACP,SAAS;AAAA,IACf;AAAA,IACI,QAAQ;AAAA,MACN,QAAQA,EAAO;AAAA,MACf,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,UAAU;AAAA,MACV,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,cAAc;AAAA,MACd,kBAAkB;AAAA,IACxB;AAAA,EACA;AACA;AACY,MAACG,IAAOD,EAAO;AAC3B,SAASE,EAAeC,GAAQC,GAAWC,GAAOC,GAAa;AAC7D,QAAMC,IAAmBD,EAAY,SAASA,GACxCE,IAAkBF,EAAY,QAAQA,IAAc;AAC1D,EAAKH,EAAOC,CAAS,MACfD,EAAO,eAAeE,CAAK,IAC7BF,EAAOC,CAAS,IAAID,EAAOE,CAAK,IACvBD,MAAc,UACvBD,EAAO,QAAQM,EAAQN,EAAO,MAAMI,CAAgB,IAC3CH,MAAc,WACvBD,EAAO,OAAOO,EAAOP,EAAO,MAAMK,CAAe;AAGvD;AACA,SAASG,EAAkBC,IAAO,SAAS;AACzC,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMC,EAAK,GAAG;AAAA,IACd,OAAOA,EAAK,EAAE;AAAA,IACd,MAAMA,EAAK,GAAG;AAAA,EACpB,IAES;AAAA,IACL,MAAMA,EAAK,GAAG;AAAA,IACd,OAAOA,EAAK,GAAG;AAAA,IACf,MAAMA,EAAK,GAAG;AAAA,EAClB;AACA;AACA,SAASC,EAAoBF,IAAO,SAAS;AAC3C,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMG,EAAO,GAAG;AAAA,IAChB,OAAOA,EAAO,EAAE;AAAA,IAChB,MAAMA,EAAO,GAAG;AAAA,EACtB,IAES;AAAA,IACL,MAAMA,EAAO,GAAG;AAAA,IAChB,OAAOA,EAAO,GAAG;AAAA,IACjB,MAAMA,EAAO,GAAG;AAAA,EACpB;AACA;AACA,SAASC,EAAgBJ,IAAO,SAAS;AACvC,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMK,EAAI,GAAG;AAAA,IACb,OAAOA,EAAI,GAAG;AAAA,IACd,MAAMA,EAAI,GAAG;AAAA,EACnB,IAES;AAAA,IACL,MAAMA,EAAI,GAAG;AAAA,IACb,OAAOA,EAAI,GAAG;AAAA,IACd,MAAMA,EAAI,GAAG;AAAA,EACjB;AACA;AACA,SAASC,EAAeN,IAAO,SAAS;AACtC,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMO,EAAU,GAAG;AAAA,IACnB,OAAOA,EAAU,GAAG;AAAA,IACpB,MAAMA,EAAU,GAAG;AAAA,EACzB,IAES;AAAA,IACL,MAAMA,EAAU,GAAG;AAAA,IACnB,OAAOA,EAAU,GAAG;AAAA,IACpB,MAAMA,EAAU,GAAG;AAAA,EACvB;AACA;AACA,SAASC,EAAkBR,IAAO,SAAS;AACzC,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMS,EAAM,GAAG;AAAA,IACf,OAAOA,EAAM,GAAG;AAAA,IAChB,MAAMA,EAAM,GAAG;AAAA,EACrB,IAES;AAAA,IACL,MAAMA,EAAM,GAAG;AAAA,IACf,OAAOA,EAAM,GAAG;AAAA,IAChB,MAAMA,EAAM,GAAG;AAAA,EACnB;AACA;AACA,SAASC,EAAkBV,IAAO,SAAS;AACzC,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMW,EAAO,GAAG;AAAA,IAChB,OAAOA,EAAO,GAAG;AAAA,IACjB,MAAMA,EAAO,GAAG;AAAA,EACtB,IAES;AAAA,IACL,MAAM;AAAA;AAAA,IAEN,OAAOA,EAAO,GAAG;AAAA,IACjB,MAAMA,EAAO,GAAG;AAAA,EACpB;AACA;AACe,SAASC,GAAcC,GAAS;AAC7C,QAAM;AAAA,IACJ,MAAAb,IAAO;AAAA,IACP,mBAAAc,IAAoB;AAAA,IACpB,aAAApB,IAAc;AAAA,IACd,GAAGqB;AAAA,EACP,IAAMF,GACEG,IAAUH,EAAQ,WAAWd,EAAkBC,CAAI,GACnDiB,IAAYJ,EAAQ,aAAaX,EAAoBF,CAAI,GACzDkB,IAAQL,EAAQ,SAAST,EAAgBJ,CAAI,GAC7CmB,IAAON,EAAQ,QAAQP,EAAeN,CAAI,GAC1CoB,IAAUP,EAAQ,WAAWL,EAAkBR,CAAI,GACnDqB,IAAUR,EAAQ,WAAWH,EAAkBV,CAAI;AAKzD,WAASsB,EAAgBC,GAAY;AACnC,UAAMC,IAAeC,EAAiBF,GAAYlC,EAAK,KAAK,OAAO,KAAKyB,IAAoBzB,EAAK,KAAK,UAAUF,EAAM,KAAK;AAC3H,QAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,YAAMuC,IAAWD,EAAiBF,GAAYC,CAAY;AAC1D,MAAIE,IAAW,KACb,QAAQ,MAAM,CAAC,8BAA8BA,CAAQ,UAAUF,CAAY,OAAOD,CAAU,IAAI,4EAA4E,gFAAgF,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA,IAE5Q;AACA,WAAOC;AAAA,EACT;AACA,QAAMG,IAAe,CAAC;AAAA,IACpB,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,EAChB,MAAQ;AAOJ,QANAJ,IAAQ;AAAA,MACN,GAAGA;AAAA,IACT,GACQ,CAACA,EAAM,QAAQA,EAAME,CAAS,MAChCF,EAAM,OAAOA,EAAME,CAAS,IAE1B,CAACF,EAAM,eAAe,MAAM;AAC9B,YAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,iBAAiBC,IAAO,KAAKA,CAAI,MAAM,EAAE;AAAA,4DAAgHC,CAAS,iBAAiBG,EAAoB,IAAIJ,IAAO,KAAKA,CAAI,MAAM,IAAIC,CAAS,CAAC;AAEzS,QAAI,OAAOF,EAAM,QAAS;AACxB,YAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,iBAAiBC,IAAO,KAAKA,CAAI,MAAM,EAAE;AAAA,2CAA+F,KAAK,UAAUD,EAAM,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAA6VK,EAAoB,IAAIJ,IAAO,KAAKA,CAAI,MAAM,IAAI,KAAK,UAAUD,EAAM,IAAI,CAAC,CAAC;AAEtoB,WAAAtC,EAAesC,GAAO,SAASG,GAAYrC,CAAW,GACtDJ,EAAesC,GAAO,QAAQI,GAAWtC,CAAW,GAC/CkC,EAAM,iBACTA,EAAM,eAAeN,EAAgBM,EAAM,IAAI,IAE1CA;AAAA,EACT;AACA,MAAIM;AACJ,SAAIlC,MAAS,UACXkC,IAAejD,EAAQ,IACde,MAAS,WAClBkC,IAAe9C,EAAO,IAEpB,QAAQ,IAAI,aAAa,iBACtB8C,KACH,QAAQ,MAAM,2BAA2BlC,CAAI,sBAAsB,IAGjDmC,EAAU;AAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,GAAGjD;AAAA,IACT;AAAA;AAAA;AAAA,IAGI,MAAAc;AAAA;AAAA,IAEA,SAAS2B,EAAa;AAAA,MACpB,OAAOX;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,WAAWW,EAAa;AAAA,MACtB,OAAOV;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,IACjB,CAAK;AAAA;AAAA,IAED,OAAOU,EAAa;AAAA,MAClB,OAAOT;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,SAASS,EAAa;AAAA,MACpB,OAAON;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,MAAMM,EAAa;AAAA,MACjB,OAAOR;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,SAASQ,EAAa;AAAA,MACpB,OAAOP;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,MAAAgB;AAAA;AAAA;AAAA,IAGA,mBAAAtB;AAAA;AAAA,IAEA,iBAAAQ;AAAA;AAAA,IAEA,cAAAK;AAAA;AAAA;AAAA;AAAA,IAIA,aAAAjC;AAAA;AAAA,IAEA,GAAGwC;AAAA,EACP,GAAKnB,CAAK;AAEV;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es116.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/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":"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","x_google_ignoreList":[0]}