@weng-lab/ui-components 2.0.0 → 2.0.1

package/dist/ui-components.es118.js

@@ -1,12 +1,275 @@
-import * as o from "react";
-import r from "./ui-components.es146.js";
-import t from "./ui-components.es113.js";
-import m from "./ui-components.es147.js";
-function i() {
-  const e = m(r);
-  return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[t] || e;
-}
+import * as b from "react";
+import r from "./ui-components.es81.js";
+import { clsx as h } from "./ui-components.es80.js";
+import v from "./ui-components.es172.js";
+import k from "./ui-components.es173.js";
+import y from "./ui-components.es164.js";
+import z from "./ui-components.es82.js";
+import { getInputLabelUtilityClasses as C } from "./ui-components.es270.js";
+import { j as O } from "./ui-components.es12.js";
+import { useDefaultProps as w } from "./ui-components.es85.js";
+import g from "./ui-components.es31.js";
+import S from "./ui-components.es98.js";
+import I from "./ui-components.es86.js";
+import L from "./ui-components.es271.js";
+import E from "./ui-components.es272.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]];
+  }
+})(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 {
-  i as default
+  R as default
 };
 //# sourceMappingURL=ui-components.es118.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es118.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/useTheme.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTheme as useThemeSystem } from '@mui/system';\nimport defaultTheme from \"./defaultTheme.js\";\nimport THEME_ID from \"./identifier.js\";\nexport default function useTheme() {\n  const theme = useThemeSystem(defaultTheme);\n  if (process.env.NODE_ENV !== 'production') {\n    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useDebugValue(theme);\n  }\n  return theme[THEME_ID] || theme;\n}"],"names":["useTheme","theme","useThemeSystem","defaultTheme","React","THEME_ID"],"mappings":";;;;AAMe,SAASA,IAAW;AACjC,QAAMC,IAAQC,EAAeC,CAAY;AACzC,SAAI,QAAQ,IAAI,aAAa,gBAG3BC,EAAM,cAAcH,CAAK,GAEpBA,EAAMI,CAAQ,KAAKJ;AAC5B;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es118.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.es119.js

@@ -1,115 +1,180 @@
-import * as m from "react";
+import * as y from "react";
 import e from "./ui-components.es81.js";
-import { clsx as U } from "./ui-components.es80.js";
-import { generateGridColumnsStyles as q, generateGridColumnSpacingStyles as B, generateGridRowSpacingStyles as F, generateGridSizeStyles as H, generateGridDirectionStyles as I, generateGridStyles as J, generateGridOffsetStyles as K, generateDirectionClasses as Q, generateSizeClassNames as W, generateSpacingClassNames as X } from "./ui-components.es284.js";
-import Y from "./ui-components.es285.js";
-import { j as Z } from "./ui-components.es12.js";
-import V from "./ui-components.es286.js";
-import ee from "./ui-components.es147.js";
-import re from "./ui-components.es97.js";
-import ne from "./ui-components.es263.js";
-import oe from "./ui-components.es287.js";
-import te from "./ui-components.es86.js";
-import se from "./ui-components.es87.js";
-import ie from "./ui-components.es245.js";
-const ae = ie(), ce = V("div", {
-  name: "MuiGrid",
-  slot: "Root"
-});
-function me(p) {
-  return oe({
-    props: p,
-    name: "MuiGrid",
-    defaultTheme: ae
-  });
-}
-function je(p = {}) {
+import { clsx as z } from "./ui-components.es80.js";
+import F from "./ui-components.es172.js";
+import R from "./ui-components.es173.js";
+import j from "./ui-components.es82.js";
+import f, { getFormHelperTextUtilityClasses as q } from "./ui-components.es275.js";
+import { j as u } from "./ui-components.es12.js";
+import { useDefaultProps as C } from "./ui-components.es85.js";
+import H from "./ui-components.es31.js";
+import x from "./ui-components.es98.js";
+import O from "./ui-components.es86.js";
+var b;
+const N = (r) => {
   const {
-    // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: S = ce,
-    useThemeProps: T = me,
-    useTheme: w = ee,
-    componentName: G = "MuiGrid"
-  } = p, j = (t, n) => {
-    const {
-      container: a,
-      direction: o,
-      spacing: s,
-      wrap: r,
-      size: l
-    } = t, u = {
-      root: ["root", a && "container", r !== "wrap" && `wrap-xs-${String(r)}`, ...Q(o), ...W(l), ...a ? X(s, n.breakpoints.keys[0]) : []]
-    };
-    return te(u, (g) => se(G, g), {});
+    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"]
   };
-  function d(t, n, a = () => !0) {
-    const o = {};
-    return t === null || (Array.isArray(t) ? t.forEach((s, r) => {
-      s !== null && a(s) && n.keys[r] && (o[n.keys[r]] = s);
-    }) : typeof t == "object" ? Object.keys(t).forEach((s) => {
-      const r = t[s];
-      r != null && a(r) && (o[s] = r);
-    }) : o[n.keys[0]] = t), o;
-  }
-  const v = S(q, B, F, H, I, J, K), f = /* @__PURE__ */ m.forwardRef(function(n, a) {
-    const o = w(), s = T(n), r = re(s);
-    Y(r, o.breakpoints);
+  return O(m, q, o);
+}, w = H("p", {
+  name: "MuiFormHelperText",
+  slot: "Root",
+  overridesResolver: (r, o) => {
     const {
-      className: l,
-      children: u,
-      columns: g = 12,
-      container: b = !1,
-      component: C = "div",
-      direction: h = "row",
-      wrap: N = "wrap",
-      size: P = {},
-      offset: x = {},
-      spacing: y = 0,
-      rowSpacing: E = y,
-      columnSpacing: z = y,
-      unstable_level: c = 0,
-      ...R
-    } = r, k = d(P, o.breakpoints, (i) => i !== !1), D = d(x, o.breakpoints), M = n.columns ?? (c ? void 0 : g), _ = n.spacing ?? (c ? void 0 : y), A = n.rowSpacing ?? n.spacing ?? (c ? void 0 : E), $ = n.columnSpacing ?? n.spacing ?? (c ? void 0 : z), O = {
-      ...r,
-      level: c,
-      columns: M,
-      container: b,
-      direction: h,
-      wrap: N,
-      spacing: _,
-      rowSpacing: A,
-      columnSpacing: $,
-      size: k,
-      offset: D
-    }, L = j(O, o);
-    return /* @__PURE__ */ Z.jsx(v, {
-      ref: a,
-      as: C,
-      ownerState: O,
-      className: U(L.root, l),
-      ...R,
-      children: m.Children.map(u, (i) => /* @__PURE__ */ m.isValidElement(i) && ne(i, ["Grid"]) && b && i.props.container ? /* @__PURE__ */ m.cloneElement(i, {
-        unstable_level: i.props?.unstable_level ?? c + 1
-      }) : i)
-    });
+      ownerState: s
+    } = r;
+    return [o.root, s.size && o[`size${x(s.size)}`], s.contained && o.contained, s.filled && o.filled];
+  }
+})(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"
+    },
+    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
   });
-  return process.env.NODE_ENV !== "production" && (f.propTypes = {
-    children: e.node,
-    className: e.string,
-    columns: e.oneOfType([e.arrayOf(e.number), e.number, e.object]),
-    columnSpacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
-    component: e.elementType,
-    container: e.bool,
-    direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
-    offset: e.oneOfType([e.string, e.number, e.arrayOf(e.oneOfType([e.string, e.number])), e.object]),
-    rowSpacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
-    size: e.oneOfType([e.string, e.bool, e.number, e.arrayOf(e.oneOfType([e.string, e.bool, e.number])), e.object]),
-    spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
-    sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-    wrap: e.oneOf(["nowrap", "wrap-reverse", "wrap"])
-  }), f.muiName = "Grid", f;
-}
+});
+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 {
-  je as default
+  S as default
 };
 //# sourceMappingURL=ui-components.es119.js.map