@weng-lab/ui-components 2.0.1 → 2.0.3

package/dist/ui-components.es214.js

@@ -1,13 +1,275 @@
-function c(n = "") {
-  function r(...e) {
-    if (!e.length)
-      return "";
-    const t = e[0];
-    return typeof t == "string" && !t.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${n ? `${n}-` : ""}${t}${r(...e.slice(1))})` : `, ${t}`;
+import * as b from "react";
+import r from "./ui-components.es80.js";
+import { clsx as h } from "./ui-components.es79.js";
+import v from "./ui-components.es157.js";
+import k from "./ui-components.es159.js";
+import y from "./ui-components.es113.js";
+import z from "./ui-components.es81.js";
+import { getInputLabelUtilityClasses as C } from "./ui-components.es337.js";
+import { j as O } from "./ui-components.es12.js";
+import { useDefaultProps as w } from "./ui-components.es84.js";
+import g from "./ui-components.es31.js";
+import S from "./ui-components.es147.js";
+import I from "./ui-components.es85.js";
+import L from "./ui-components.es338.js";
+import E from "./ui-components.es339.js";
+const T = (e) => {
+  const {
+    classes: o,
+    formControl: s,
+    size: t,
+    shrink: l,
+    disableAnimation: c,
+    variant: p,
+    required: d
+  } = e, m = {
+    root: ["root", s && "formControl", !c && "animated", l && "shrink", t && t !== "medium" && `size${S(t)}`, p],
+    asterisk: [d && "asterisk"]
+  }, f = I(m, C, o);
+  return {
+    ...o,
+    // forward the focused, disabled, etc. classes to the FormLabel
+    ...f
+  };
+}, j = g(L, {
+  shouldForwardProp: (e) => y(e) || e === "classes",
+  name: "MuiInputLabel",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: s
+    } = e;
+    return [{
+      [`& .${E.asterisk}`]: o.asterisk
+    }, o.root, s.formControl && o.formControl, s.size === "small" && o.sizeSmall, s.shrink && o.shrink, !s.disableAnimation && o.animated, s.focused && o.focused, o[s.variant]];
   }
-  return (e, ...t) => `var(--${n ? `${n}-` : ""}${e}${r(...t)})`;
-}
+})(z(({
+  theme: e
+}) => ({
+  display: "block",
+  transformOrigin: "top left",
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  maxWidth: "100%",
+  variants: [{
+    props: ({
+      ownerState: o
+    }) => o.formControl,
+    style: {
+      position: "absolute",
+      left: 0,
+      top: 0,
+      // slight alteration to spec spacing to match visual spec result
+      transform: "translate(0, 20px) scale(1)"
+    }
+  }, {
+    props: {
+      size: "small"
+    },
+    style: {
+      // Compensation for the `Input.inputSizeSmall` style.
+      transform: "translate(0, 17px) scale(1)"
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.shrink,
+    style: {
+      transform: "translate(0, -1.5px) scale(0.75)",
+      transformOrigin: "top left",
+      maxWidth: "133%"
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => !o.disableAnimation,
+    style: {
+      transition: e.transitions.create(["color", "transform", "max-width"], {
+        duration: e.transitions.duration.shorter,
+        easing: e.transitions.easing.easeOut
+      })
+    }
+  }, {
+    props: {
+      variant: "filled"
+    },
+    style: {
+      // Chrome's autofill feature gives the input field a yellow background.
+      // Since the input field is behind the label in the HTML tree,
+      // the input field is drawn last and hides the label with an opaque background color.
+      // zIndex: 1 will raise the label above opaque background-colors of input.
+      zIndex: 1,
+      pointerEvents: "none",
+      transform: "translate(12px, 16px) scale(1)",
+      maxWidth: "calc(100% - 24px)"
+    }
+  }, {
+    props: {
+      variant: "filled",
+      size: "small"
+    },
+    style: {
+      transform: "translate(12px, 13px) scale(1)"
+    }
+  }, {
+    props: ({
+      variant: o,
+      ownerState: s
+    }) => o === "filled" && s.shrink,
+    style: {
+      userSelect: "none",
+      pointerEvents: "auto",
+      transform: "translate(12px, 7px) scale(0.75)",
+      maxWidth: "calc(133% - 24px)"
+    }
+  }, {
+    props: ({
+      variant: o,
+      ownerState: s,
+      size: t
+    }) => o === "filled" && s.shrink && t === "small",
+    style: {
+      transform: "translate(12px, 4px) scale(0.75)"
+    }
+  }, {
+    props: {
+      variant: "outlined"
+    },
+    style: {
+      // see comment above on filled.zIndex
+      zIndex: 1,
+      pointerEvents: "none",
+      transform: "translate(14px, 16px) scale(1)",
+      maxWidth: "calc(100% - 24px)"
+    }
+  }, {
+    props: {
+      variant: "outlined",
+      size: "small"
+    },
+    style: {
+      transform: "translate(14px, 9px) scale(1)"
+    }
+  }, {
+    props: ({
+      variant: o,
+      ownerState: s
+    }) => o === "outlined" && s.shrink,
+    style: {
+      userSelect: "none",
+      pointerEvents: "auto",
+      // Theoretically, we should have (8+5)*2/0.75 = 34px
+      // 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)"
+    }
+  }]
+}))), R = /* @__PURE__ */ b.forwardRef(function(o, s) {
+  const t = w({
+    name: "MuiInputLabel",
+    props: o
+  }), {
+    disableAnimation: l = !1,
+    margin: c,
+    shrink: p,
+    variant: d,
+    className: m,
+    ...f
+  } = t, a = k();
+  let n = p;
+  typeof n > "u" && a && (n = a.filled || a.focused || a.adornedStart);
+  const i = v({
+    props: t,
+    muiFormControl: a,
+    states: ["size", "variant", "required", "focused"]
+  }), u = {
+    ...t,
+    disableAnimation: l,
+    formControl: a,
+    shrink: n,
+    size: i.size,
+    variant: i.variant,
+    required: i.required,
+    focused: i.focused
+  }, x = T(u);
+  return /* @__PURE__ */ O.jsx(j, {
+    "data-shrink": n,
+    ref: s,
+    className: h(x.root, m),
+    ...f,
+    ownerState: u,
+    classes: x
+  });
+});
+process.env.NODE_ENV !== "production" && (R.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: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.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).
+   */
+  color: r.oneOfType([r.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), r.string]),
+  /**
+   * If `true`, the transition animation is disabled.
+   * @default false
+   */
+  disableAnimation: r.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: r.bool,
+  /**
+   * If `true`, the label is displayed in an error state.
+   */
+  error: r.bool,
+  /**
+   * If `true`, the `input` of this label is focused.
+   */
+  focused: r.bool,
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   */
+  margin: r.oneOf(["dense"]),
+  /**
+   * if `true`, the label will indicate that the `input` is required.
+   */
+  required: r.bool,
+  /**
+   * If `true`, the label is shrunk.
+   */
+  shrink: r.bool,
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size: r.oneOfType([r.oneOf(["medium", "small"]), r.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The variant to use.
+   */
+  variant: r.oneOf(["filled", "outlined", "standard"])
+});
 export {
-  c as default
+  R as default
 };
 //# sourceMappingURL=ui-components.es214.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es214.js","sources":["../../../node_modules/.pnpm/@mui+system@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+sty_7f3319f308133a2adcfe5767030e6962/node_modules/@mui/system/esm/cssVars/createGetCssVar.js"],"sourcesContent":["/**\n * The benefit of this function is to help developers get CSS var from theme without specifying the whole variable\n * and they does not need to remember the prefix (defined once).\n */\nexport default function createGetCssVar(prefix = '') {\n  function appendVar(...vars) {\n    if (!vars.length) {\n      return '';\n    }\n    const value = vars[0];\n    if (typeof value === 'string' && !value.match(/(#|\\(|\\)|(-?(\\d*\\.)?\\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\\d*\\.)?\\d+)$|(\\d+ \\d+ \\d+)/)) {\n      return `, var(--${prefix ? `${prefix}-` : ''}${value}${appendVar(...vars.slice(1))})`;\n    }\n    return `, ${value}`;\n  }\n\n  // AdditionalVars makes `getCssVar` less strict, so it can be use like this `getCssVar('non-mui-variable')` without type error.\n  const getCssVar = (field, ...fallbacks) => {\n    return `var(--${prefix ? `${prefix}-` : ''}${field}${appendVar(...fallbacks)})`;\n  };\n  return getCssVar;\n}"],"names":["createGetCssVar","prefix","appendVar","vars","value","field","fallbacks"],"mappings":"AAIe,SAASA,EAAgBC,IAAS,IAAI;AACnD,WAASC,KAAaC,GAAM;AAC1B,QAAI,CAACA,EAAK;AACR,aAAO;AAET,UAAMC,IAAQD,EAAK,CAAC;AACpB,WAAI,OAAOC,KAAU,YAAY,CAACA,EAAM,MAAM,6GAA6G,IAClJ,WAAWH,IAAS,GAAGA,CAAM,MAAM,EAAE,GAAGG,CAAK,GAAGF,EAAU,GAAGC,EAAK,MAAM,CAAC,CAAC,CAAC,MAE7E,KAAKC,CAAK;AAAA,EACnB;AAMA,SAHkB,CAACC,MAAUC,MACpB,SAASL,IAAS,GAAGA,CAAM,MAAM,EAAE,GAAGI,CAAK,GAAGH,EAAU,GAAGI,CAAS,CAAC;AAGhF;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es214.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/InputLabel/InputLabel.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport composeClasses from '@mui/utils/composeClasses';\nimport clsx from 'clsx';\nimport formControlState from \"../FormControl/formControlState.js\";\nimport useFormControl from \"../FormControl/useFormControl.js\";\nimport FormLabel, { formLabelClasses } from \"../FormLabel/index.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport rootShouldForwardProp from \"../styles/rootShouldForwardProp.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getInputLabelUtilityClasses } from \"./inputLabelClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    formControl,\n    size,\n    shrink,\n    disableAnimation,\n    variant,\n    required\n  } = ownerState;\n  const slots = {\n    root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size && size !== 'medium' && `size${capitalize(size)}`, variant],\n    asterisk: [required && 'asterisk']\n  };\n  const composedClasses = composeClasses(slots, getInputLabelUtilityClasses, classes);\n  return {\n    ...classes,\n    // forward the focused, disabled, etc. classes to the FormLabel\n    ...composedClasses\n  };\n};\nconst InputLabelRoot = styled(FormLabel, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiInputLabel',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [{\n      [`& .${formLabelClasses.asterisk}`]: styles.asterisk\n    }, styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, ownerState.focused && styles.focused, styles[ownerState.variant]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  display: 'block',\n  transformOrigin: 'top left',\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  maxWidth: '100%',\n  variants: [{\n    props: ({\n      ownerState\n    }) => ownerState.formControl,\n    style: {\n      position: 'absolute',\n      left: 0,\n      top: 0,\n      // slight alteration to spec spacing to match visual spec result\n      transform: 'translate(0, 20px) scale(1)'\n    }\n  }, {\n    props: {\n      size: 'small'\n    },\n    style: {\n      // Compensation for the `Input.inputSizeSmall` style.\n      transform: 'translate(0, 17px) scale(1)'\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.shrink,\n    style: {\n      transform: 'translate(0, -1.5px) scale(0.75)',\n      transformOrigin: 'top left',\n      maxWidth: '133%'\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => !ownerState.disableAnimation,\n    style: {\n      transition: theme.transitions.create(['color', 'transform', 'max-width'], {\n        duration: theme.transitions.duration.shorter,\n        easing: theme.transitions.easing.easeOut\n      })\n    }\n  }, {\n    props: {\n      variant: 'filled'\n    },\n    style: {\n      // Chrome's autofill feature gives the input field a yellow background.\n      // Since the input field is behind the label in the HTML tree,\n      // the input field is drawn last and hides the label with an opaque background color.\n      // zIndex: 1 will raise the label above opaque background-colors of input.\n      zIndex: 1,\n      pointerEvents: 'none',\n      transform: 'translate(12px, 16px) scale(1)',\n      maxWidth: 'calc(100% - 24px)'\n    }\n  }, {\n    props: {\n      variant: 'filled',\n      size: 'small'\n    },\n    style: {\n      transform: 'translate(12px, 13px) scale(1)'\n    }\n  }, {\n    props: ({\n      variant,\n      ownerState\n    }) => variant === 'filled' && ownerState.shrink,\n    style: {\n      userSelect: 'none',\n      pointerEvents: 'auto',\n      transform: 'translate(12px, 7px) scale(0.75)',\n      maxWidth: 'calc(133% - 24px)'\n    }\n  }, {\n    props: ({\n      variant,\n      ownerState,\n      size\n    }) => variant === 'filled' && ownerState.shrink && size === 'small',\n    style: {\n      transform: 'translate(12px, 4px) scale(0.75)'\n    }\n  }, {\n    props: {\n      variant: 'outlined'\n    },\n    style: {\n      // see comment above on filled.zIndex\n      zIndex: 1,\n      pointerEvents: 'none',\n      transform: 'translate(14px, 16px) scale(1)',\n      maxWidth: 'calc(100% - 24px)'\n    }\n  }, {\n    props: {\n      variant: 'outlined',\n      size: 'small'\n    },\n    style: {\n      transform: 'translate(14px, 9px) scale(1)'\n    }\n  }, {\n    props: ({\n      variant,\n      ownerState\n    }) => variant === 'outlined' && ownerState.shrink,\n    style: {\n      userSelect: 'none',\n      pointerEvents: 'auto',\n      // Theoretically, we should have (8+5)*2/0.75 = 34px\n      // but it feels a better when it bleeds a bit on the left, so 32px.\n      maxWidth: 'calc(133% - 32px)',\n      transform: 'translate(14px, -9px) scale(0.75)'\n    }\n  }]\n})));\nconst InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref) {\n  const props = useDefaultProps({\n    name: 'MuiInputLabel',\n    props: inProps\n  });\n  const {\n    disableAnimation = false,\n    margin,\n    shrink: shrinkProp,\n    variant,\n    className,\n    ...other\n  } = props;\n  const muiFormControl = useFormControl();\n  let shrink = shrinkProp;\n  if (typeof shrink === 'undefined' && muiFormControl) {\n    shrink = muiFormControl.filled || muiFormControl.focused || muiFormControl.adornedStart;\n  }\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['size', 'variant', 'required', 'focused']\n  });\n  const ownerState = {\n    ...props,\n    disableAnimation,\n    formControl: muiFormControl,\n    shrink,\n    size: fcs.size,\n    variant: fcs.variant,\n    required: fcs.required,\n    focused: fcs.focused\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(InputLabelRoot, {\n    \"data-shrink\": shrink,\n    ref: ref,\n    className: clsx(classes.root, className),\n    ...other,\n    ownerState: ownerState,\n    classes: classes\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? InputLabel.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   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),\n  /**\n   * If `true`, the transition animation is disabled.\n   * @default false\n   */\n  disableAnimation: PropTypes.bool,\n  /**\n   * If `true`, the component is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is displayed in an error state.\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the `input` of this label is focused.\n   */\n  focused: PropTypes.bool,\n  /**\n   * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n   * FormControl.\n   */\n  margin: PropTypes.oneOf(['dense']),\n  /**\n   * if `true`, the label will indicate that the `input` is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * If `true`, the label is shrunk.\n   */\n  shrink: 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   */\n  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default InputLabel;"],"names":["useUtilityClasses","ownerState","classes","formControl","size","shrink","disableAnimation","variant","required","slots","capitalize","composedClasses","composeClasses","getInputLabelUtilityClasses","InputLabelRoot","styled","FormLabel","prop","rootShouldForwardProp","props","styles","formLabelClasses","memoTheme","theme","InputLabel","React","inProps","ref","useDefaultProps","margin","shrinkProp","className","other","muiFormControl","useFormControl","fcs","formControlState","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es215.js

@@ -1,118 +1,180 @@
-import S from "./ui-components.es267.js";
-import p from "./ui-components.es213.js";
-function M(i, f = {}) {
+import * as y from "react";
+import e from "./ui-components.es80.js";
+import { clsx as z } from "./ui-components.es79.js";
+import F from "./ui-components.es157.js";
+import R from "./ui-components.es159.js";
+import j from "./ui-components.es81.js";
+import f, { getFormHelperTextUtilityClasses as q } from "./ui-components.es336.js";
+import { j as u } from "./ui-components.es12.js";
+import { useDefaultProps as C } from "./ui-components.es84.js";
+import H from "./ui-components.es31.js";
+import x from "./ui-components.es147.js";
+import O from "./ui-components.es85.js";
+var b;
+const N = (r) => {
   const {
-    getSelector: m = y,
-    disableCssColorScheme: C,
-    colorSchemeSelector: a
-  } = f, {
-    colorSchemes: h = {},
-    components: E,
-    defaultColorScheme: g = "light",
-    ...W
-  } = i, {
-    vars: j,
-    css: v,
-    varsWithDefaults: D
-  } = S(W, f);
-  let c = D;
-  const u = {}, {
-    [g]: V,
-    ...O
-  } = h;
-  if (Object.entries(O || {}).forEach(([e, s]) => {
-    const {
-      vars: t,
-      css: n,
-      varsWithDefaults: d
-    } = S(s, f);
-    c = p(c, d), u[e] = {
-      css: n,
-      vars: t
-    };
-  }), V) {
+    classes: o,
+    contained: s,
+    size: i,
+    disabled: a,
+    error: l,
+    filled: n,
+    focused: p,
+    required: c
+  } = r, m = {
+    root: ["root", a && "disabled", l && "error", i && `size${x(i)}`, s && "contained", p && "focused", n && "filled", c && "required"]
+  };
+  return O(m, q, o);
+}, w = H("p", {
+  name: "MuiFormHelperText",
+  slot: "Root",
+  overridesResolver: (r, o) => {
     const {
-      css: e,
-      vars: s,
-      varsWithDefaults: t
-    } = S(V, f);
-    c = p(c, t), u[g] = {
-      css: e,
-      vars: s
-    };
+      ownerState: s
+    } = r;
+    return [o.root, s.size && o[`size${x(s.size)}`], s.contained && o.contained, s.filled && o.filled];
   }
-  function y(e, s) {
-    let t = a;
-    if (a === "class" && (t = ".%s"), a === "data" && (t = "[data-%s]"), a?.startsWith("data-") && !a.includes("%s") && (t = `[${a}="%s"]`), e) {
-      if (t === "media")
-        return i.defaultColorScheme === e ? ":root" : {
-          [`@media (prefers-color-scheme: ${h[e]?.palette?.mode || e})`]: {
-            ":root": s
-          }
-        };
-      if (t)
-        return i.defaultColorScheme === e ? `:root, ${t.replace("%s", String(e))}` : t.replace("%s", String(e));
-    }
-    return ":root";
-  }
-  return {
-    vars: c,
-    generateThemeVars: () => {
-      let e = {
-        ...j
-      };
-      return Object.entries(u).forEach(([, {
-        vars: s
-      }]) => {
-        e = p(e, s);
-      }), e;
+})(j(({
+  theme: r
+}) => ({
+  color: (r.vars || r).palette.text.secondary,
+  ...r.typography.caption,
+  textAlign: "left",
+  marginTop: 3,
+  marginRight: 0,
+  marginBottom: 0,
+  marginLeft: 0,
+  [`&.${f.disabled}`]: {
+    color: (r.vars || r).palette.text.disabled
+  },
+  [`&.${f.error}`]: {
+    color: (r.vars || r).palette.error.main
+  },
+  variants: [{
+    props: {
+      size: "small"
     },
-    generateStyleSheets: () => {
-      const e = [], s = i.defaultColorScheme || "light";
-      function t(r, o) {
-        Object.keys(o).length && e.push(typeof r == "string" ? {
-          [r]: {
-            ...o
-          }
-        } : r);
-      }
-      t(m(void 0, {
-        ...v
-      }), v);
-      const {
-        [s]: n,
-        ...d
-      } = u;
-      if (n) {
-        const {
-          css: r
-        } = n, o = h[s]?.palette?.mode, l = !C && o ? {
-          colorScheme: o,
-          ...r
-        } : {
-          ...r
-        };
-        t(m(s, {
-          ...l
-        }), l);
-      }
-      return Object.entries(d).forEach(([r, {
-        css: o
-      }]) => {
-        const l = h[r]?.palette?.mode, b = !C && l ? {
-          colorScheme: l,
-          ...o
-        } : {
-          ...o
-        };
-        t(m(r, {
-          ...b
-        }), b);
-      }), e;
+    style: {
+      marginTop: 4
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.contained,
+    style: {
+      marginLeft: 14,
+      marginRight: 14
     }
+  }]
+}))), S = /* @__PURE__ */ y.forwardRef(function(o, s) {
+  const i = C({
+    props: o,
+    name: "MuiFormHelperText"
+  }), {
+    children: a,
+    className: l,
+    component: n = "p",
+    disabled: p,
+    error: c,
+    filled: m,
+    focused: h,
+    margin: $,
+    required: E,
+    variant: B,
+    ...g
+  } = i, v = R(), t = F({
+    props: i,
+    muiFormControl: v,
+    states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
+  }), d = {
+    ...i,
+    component: n,
+    contained: t.variant === "filled" || t.variant === "outlined",
+    variant: t.variant,
+    size: t.size,
+    disabled: t.disabled,
+    error: t.error,
+    filled: t.filled,
+    focused: t.focused,
+    required: t.required
   };
-}
+  delete d.ownerState;
+  const T = N(d);
+  return /* @__PURE__ */ u.jsx(w, {
+    as: n,
+    className: z(T.root, l),
+    ref: s,
+    ...g,
+    ownerState: d,
+    children: a === " " ? (
+      // notranslate needed while Google Translate will not fix zero-width space issue
+      b || (b = /* @__PURE__ */ u.jsx("span", {
+        className: "notranslate",
+        "aria-hidden": !0,
+        children: "​"
+      }))
+    ) : a
+  });
+});
+process.env.NODE_ENV !== "production" && (S.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.
+   *
+   * If `' '` is provided, the component reserves one line height for displaying a future message.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * If `true`, the helper text should be displayed in a disabled state.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, helper text should be displayed in an error state.
+   */
+  error: e.bool,
+  /**
+   * If `true`, the helper text should use filled classes key.
+   */
+  filled: e.bool,
+  /**
+   * If `true`, the helper text should use focused classes key.
+   */
+  focused: e.bool,
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   */
+  margin: e.oneOf(["dense"]),
+  /**
+   * If `true`, the helper text should use required classes key.
+   */
+  required: e.bool,
+  /**
+   * 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.
+   */
+  variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
+});
 export {
-  M as default
+  S as default
 };
 //# sourceMappingURL=ui-components.es215.js.map