@mui/material 5.12.3 → 5.13.1

package/FilledInput/filledInputClasses.d.ts

@@ -1,42 +1,42 @@
-export interface FilledInputClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if color secondary. */
-    colorSecondary: string;
-    /** Styles applied to the root element unless `disableUnderline={true}`. */
-    underline: string;
-    /** State class applied to the root element if the component is focused. */
-    focused: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `startAdornment` is provided. */
-    adornedStart: string;
-    /** Styles applied to the root element if `endAdornment` is provided. */
-    adornedEnd: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-    /** Styles applied to the input element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `multiline={true}`. */
-    multiline: string;
-    /** Styles applied to the root element if `hiddenLabel={true}`. */
-    hiddenLabel: string;
-    /** Styles applied to the input element. */
-    input: string;
-    /** Styles applied to the input element if `size="small"`. */
-    inputSizeSmall: string;
-    /** Styles applied to the `input` if in `<FormControl hiddenLabel />`. */
-    inputHiddenLabel: string;
-    /** Styles applied to the input element if `multiline={true}`. */
-    inputMultiline: string;
-    /** Styles applied to the input element if `startAdornment` is provided. */
-    inputAdornedStart: string;
-    /** Styles applied to the input element if `endAdornment` is provided. */
-    inputAdornedEnd: string;
-    /** Styles applied to the input element if `type="search"`. */
-    inputTypeSearch: string;
-}
-export type FilledInputClassKey = keyof FilledInputClasses;
-export declare function getFilledInputUtilityClass(slot: string): string;
-declare const filledInputClasses: FilledInputClasses;
-export default filledInputClasses;
+export interface FilledInputClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if color secondary. */
+    colorSecondary: string;
+    /** Styles applied to the root element unless `disableUnderline={true}`. */
+    underline: string;
+    /** State class applied to the root element if the component is focused. */
+    focused: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `startAdornment` is provided. */
+    adornedStart: string;
+    /** Styles applied to the root element if `endAdornment` is provided. */
+    adornedEnd: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+    /** Styles applied to the input element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `multiline={true}`. */
+    multiline: string;
+    /** Styles applied to the root element if `hiddenLabel={true}`. */
+    hiddenLabel: string;
+    /** Styles applied to the input element. */
+    input: string;
+    /** Styles applied to the input element if `size="small"`. */
+    inputSizeSmall: string;
+    /** Styles applied to the `input` if in `<FormControl hiddenLabel />`. */
+    inputHiddenLabel: string;
+    /** Styles applied to the input element if `multiline={true}`. */
+    inputMultiline: string;
+    /** Styles applied to the input element if `startAdornment` is provided. */
+    inputAdornedStart: string;
+    /** Styles applied to the input element if `endAdornment` is provided. */
+    inputAdornedEnd: string;
+    /** Styles applied to the input element if `type="search"`. */
+    inputTypeSearch: string;
+}
+export type FilledInputClassKey = keyof FilledInputClasses;
+export declare function getFilledInputUtilityClass(slot: string): string;
+declare const filledInputClasses: FilledInputClasses;
+export default filledInputClasses;

package/FilledInput/filledInputClasses.js

@@ -1,9 +1,11 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
 import generateUtilityClass from '../generateUtilityClass';
 import { inputBaseClasses } from '../InputBase';
 export function getFilledInputUtilityClass(slot) {
   return generateUtilityClass('MuiFilledInput', slot);
 }
-const filledInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiFilledInput', ['root', 'underline', 'input']));
+const filledInputClasses = {
+  ...inputBaseClasses,
+  ...generateUtilityClasses('MuiFilledInput', ['root', 'underline', 'input'])
+};
 export default filledInputClasses;

package/FormControl/FormControl.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -30,11 +27,15 @@ const FormControlRoot = styled('div', {
   overridesResolver: ({
     ownerState
   }, styles) => {
-    return _extends({}, styles.root, styles[`margin${capitalize(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth);
+    return {
+      ...styles.root,
+      ...styles[`margin${capitalize(ownerState.margin)}`],
+      ...(ownerState.fullWidth && styles.fullWidth)
+    };
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   display: 'inline-flex',
   flexDirection: 'column',
   position: 'relative',
@@ -43,15 +44,19 @@ const FormControlRoot = styled('div', {
   padding: 0,
   margin: 0,
   border: 0,
-  verticalAlign: 'top'
-}, ownerState.margin === 'normal' && {
-  marginTop: 16,
-  marginBottom: 8
-}, ownerState.margin === 'dense' && {
-  marginTop: 8,
-  marginBottom: 4
-}, ownerState.fullWidth && {
-  width: '100%'
+  verticalAlign: 'top',
+  // Fix alignment issue on Safari.
+  ...(ownerState.margin === 'normal' && {
+    marginTop: 16,
+    marginBottom: 8
+  }),
+  ...(ownerState.margin === 'dense' && {
+    marginTop: 8,
+    marginBottom: 4
+  }),
+  ...(ownerState.fullWidth && {
+    width: '100%'
+  })
 }));
 
 /**
@@ -84,22 +89,23 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
     name: 'MuiFormControl'
   });
   const {
-      children,
-      className,
-      color = 'primary',
-      component = 'div',
-      disabled = false,
-      error = false,
-      focused: visuallyFocused,
-      fullWidth = false,
-      hiddenLabel = false,
-      margin = 'none',
-      required = false,
-      size = 'medium',
-      variant = 'outlined'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    children,
+    className,
+    color = 'primary',
+    component = 'div',
+    disabled = false,
+    error = false,
+    focused: visuallyFocused,
+    fullWidth = false,
+    hiddenLabel = false,
+    margin = 'none',
+    required = false,
+    size = 'medium',
+    variant = 'outlined',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     color,
     component,
     disabled,
@@ -110,7 +116,7 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
     required,
     size,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const [adornedStart, setAdornedStart] = React.useState(() => {
     // We need to iterate through the children and find the Input in order
@@ -195,14 +201,14 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
   }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
   return /*#__PURE__*/_jsx(FormControlContext.Provider, {
     value: childContext,
-    children: /*#__PURE__*/_jsx(FormControlRoot, _extends({
+    children: /*#__PURE__*/_jsx(FormControlRoot, {
       as: component,
       ownerState: ownerState,
       className: clsx(classes.root, className),
-      ref: ref
-    }, other, {
+      ref: ref,
+      ...other,
       children: children
-    }))
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? FormControl.propTypes /* remove-proptypes */ = {

package/FormControl/FormControlContext.d.ts

@@ -1,17 +1,17 @@
-import * as React from 'react';
-import type { FormControlProps } from './FormControl';
-type ContextFromPropsKey = 'color' | 'disabled' | 'error' | 'fullWidth' | 'hiddenLabel' | 'margin' | 'onBlur' | 'onFocus' | 'required' | 'size' | 'variant';
-export interface FormControlState extends Pick<FormControlProps, ContextFromPropsKey> {
-    adornedStart: boolean;
-    filled: boolean;
-    focused: boolean;
-    onEmpty: () => void;
-    onFilled: () => void;
-    registerEffect: () => void;
-    setAdornedStart: React.Dispatch<React.SetStateAction<boolean>>;
-}
-/**
- * @ignore - internal component.
- */
-declare const FormControlContext: React.Context<FormControlState | undefined>;
-export default FormControlContext;
+import * as React from 'react';
+import type { FormControlProps } from './FormControl';
+type ContextFromPropsKey = 'color' | 'disabled' | 'error' | 'fullWidth' | 'hiddenLabel' | 'margin' | 'onBlur' | 'onFocus' | 'required' | 'size' | 'variant';
+export interface FormControlState extends Pick<FormControlProps, ContextFromPropsKey> {
+    adornedStart: boolean;
+    filled: boolean;
+    focused: boolean;
+    onEmpty: () => void;
+    onFilled: () => void;
+    registerEffect: () => void;
+    setAdornedStart: React.Dispatch<React.SetStateAction<boolean>>;
+}
+/**
+ * @ignore - internal component.
+ */
+declare const FormControlContext: React.Context<FormControlState | undefined>;
+export default FormControlContext;

package/FormControl/formControlClasses.d.ts

@@ -1,14 +1,14 @@
-export interface FormControlClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `margin="normal"`. */
-    marginNormal: string;
-    /** Styles applied to the root element if `margin="dense"`. */
-    marginDense: string;
-    /** Styles applied to the root element if `fullWidth={true}`. */
-    fullWidth: string;
-}
-export type FormControlClassKey = keyof FormControlClasses;
-export declare function getFormControlUtilityClasses(slot: string): string;
-declare const formControlClasses: FormControlClasses;
-export default formControlClasses;
+export interface FormControlClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `margin="normal"`. */
+    marginNormal: string;
+    /** Styles applied to the root element if `margin="dense"`. */
+    marginDense: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
+}
+export type FormControlClassKey = keyof FormControlClasses;
+export declare function getFormControlUtilityClasses(slot: string): string;
+declare const formControlClasses: FormControlClasses;
+export default formControlClasses;

package/FormControl/useFormControl.d.ts

@@ -1,2 +1,2 @@
-import { FormControlState } from './FormControlContext';
-export default function useFormControl(): FormControlState | undefined;
+import { FormControlState } from './FormControlContext';
+export default function useFormControl(): FormControlState | undefined;

package/FormControlLabel/FormControlLabel.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -44,7 +41,7 @@ export const FormControlLabelRoot = styled('label', {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => ({
   display: 'inline-flex',
   alignItems: 'center',
   cursor: 'pointer',
@@ -56,19 +53,21 @@ export const FormControlLabelRoot = styled('label', {
   // used for row presentation of radio/checkbox
   [`&.${formControlLabelClasses.disabled}`]: {
     cursor: 'default'
-  }
-}, ownerState.labelPlacement === 'start' && {
-  flexDirection: 'row-reverse',
-  marginLeft: 16,
-  // used for row presentation of radio/checkbox
-  marginRight: -11
-}, ownerState.labelPlacement === 'top' && {
-  flexDirection: 'column-reverse',
-  marginLeft: 16
-}, ownerState.labelPlacement === 'bottom' && {
-  flexDirection: 'column',
-  marginLeft: 16
-}, {
+  },
+  ...(ownerState.labelPlacement === 'start' && {
+    flexDirection: 'row-reverse',
+    marginLeft: 16,
+    // used for row presentation of radio/checkbox
+    marginRight: -11
+  }),
+  ...(ownerState.labelPlacement === 'top' && {
+    flexDirection: 'column-reverse',
+    marginLeft: 16
+  }),
+  ...(ownerState.labelPlacement === 'bottom' && {
+    flexDirection: 'column',
+    marginLeft: 16
+  }),
   [`& .${formControlLabelClasses.label}`]: {
     [`&.${formControlLabelClasses.disabled}`]: {
       color: (theme.vars || theme).palette.text.disabled
@@ -98,17 +97,22 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
     name: 'MuiFormControlLabel'
   });
   const {
-      className,
-      componentsProps = {},
-      control,
-      disabled: disabledProp,
-      disableTypography,
-      label: labelProp,
-      labelPlacement = 'end',
-      required: requiredProp,
-      slotProps = {}
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    checked,
+    className,
+    componentsProps = {},
+    control,
+    disabled: disabledProp,
+    disableTypography,
+    inputRef,
+    label: labelProp,
+    labelPlacement = 'end',
+    name,
+    onChange,
+    required: requiredProp,
+    slotProps = {},
+    value,
+    ...other
+  } = props;
   const muiFormControl = useFormControl();
   const disabled = (_ref = disabledProp != null ? disabledProp : control.props.disabled) != null ? _ref : muiFormControl == null ? void 0 : muiFormControl.disabled;
   const required = requiredProp != null ? requiredProp : control.props.required;
@@ -126,35 +130,36 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
     muiFormControl,
     states: ['error']
   });
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     disabled,
     labelPlacement,
     required,
     error: fcs.error
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
   let label = labelProp;
   if (label != null && label.type !== Typography && !disableTypography) {
-    label = /*#__PURE__*/_jsx(Typography, _extends({
-      component: "span"
-    }, typographySlotProps, {
+    label = /*#__PURE__*/_jsx(Typography, {
+      component: "span",
+      ...typographySlotProps,
       className: clsx(classes.label, typographySlotProps == null ? void 0 : typographySlotProps.className),
       children: label
-    }));
+    });
   }
-  return /*#__PURE__*/_jsxs(FormControlLabelRoot, _extends({
+  return /*#__PURE__*/_jsxs(FormControlLabelRoot, {
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other, {
+    ref: ref,
+    ...other,
     children: [/*#__PURE__*/React.cloneElement(control, controlProps), label, required && /*#__PURE__*/_jsxs(AsteriskComponent, {
       ownerState: ownerState,
       "aria-hidden": true,
       className: classes.asterisk,
       children: ["\u2009", '*']
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/FormControlLabel/formControlLabelClasses.d.ts

@@ -1,24 +1,24 @@
-export interface FormControlLabelClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `labelPlacement="start"`. */
-    labelPlacementStart: string;
-    /** Styles applied to the root element if `labelPlacement="top"`. */
-    labelPlacementTop: string;
-    /** Styles applied to the root element if `labelPlacement="bottom"`. */
-    labelPlacementBottom: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the label's Typography component. */
-    label: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-    /** State class applied to the root element if `required={true}`. */
-    required: string;
-    /** Styles applied to the asterisk element. */
-    asterisk: string;
-}
-export type FormControlLabelClassKey = keyof FormControlLabelClasses;
-export declare function getFormControlLabelUtilityClasses(slot: string): string;
-declare const formControlLabelClasses: FormControlLabelClasses;
-export default formControlLabelClasses;
+export interface FormControlLabelClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `labelPlacement="start"`. */
+    labelPlacementStart: string;
+    /** Styles applied to the root element if `labelPlacement="top"`. */
+    labelPlacementTop: string;
+    /** Styles applied to the root element if `labelPlacement="bottom"`. */
+    labelPlacementBottom: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the label's Typography component. */
+    label: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+    /** State class applied to the root element if `required={true}`. */
+    required: string;
+    /** Styles applied to the asterisk element. */
+    asterisk: string;
+}
+export type FormControlLabelClassKey = keyof FormControlLabelClasses;
+export declare function getFormControlLabelUtilityClasses(slot: string): string;
+declare const formControlLabelClasses: FormControlLabelClasses;
+export default formControlLabelClasses;

package/FormGroup/FormGroup.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "row"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -33,12 +30,13 @@ const FormGroupRoot = styled('div', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   display: 'flex',
   flexDirection: 'column',
-  flexWrap: 'wrap'
-}, ownerState.row && {
-  flexDirection: 'row'
+  flexWrap: 'wrap',
+  ...(ownerState.row && {
+    flexDirection: 'row'
+  })
 }));
 
 /**
@@ -52,26 +50,28 @@ const FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref)
     name: 'MuiFormGroup'
   });
   const {
-      className,
-      row = false
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    row = false,
+    ...other
+  } = props;
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
     muiFormControl,
     states: ['error']
   });
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     row,
     error: fcs.error
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FormGroupRoot, _extends({
+  return /*#__PURE__*/_jsx(FormGroupRoot, {
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other));
+    ref: ref,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? FormGroup.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/FormGroup/formGroupClasses.d.ts

@@ -1,12 +1,12 @@
-export interface FormGroupClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `row={true}`. */
-    row: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-}
-export type FormGroupClassKey = keyof FormGroupClasses;
-export declare function getFormGroupUtilityClass(slot: string): string;
-declare const formGroupClasses: FormGroupClasses;
-export default formGroupClasses;
+export interface FormGroupClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `row={true}`. */
+    row: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+}
+export type FormGroupClassKey = keyof FormGroupClasses;
+export declare function getFormGroupUtilityClass(slot: string): string;
+declare const formGroupClasses: FormGroupClasses;
+export default formGroupClasses;

package/FormHelperText/FormHelperText.js

@@ -1,7 +1,4 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
 var _span;
-const _excluded = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -41,9 +38,9 @@ const FormHelperTextRoot = styled('p', {
 })(({
   theme,
   ownerState
-}) => _extends({
-  color: (theme.vars || theme).palette.text.secondary
-}, theme.typography.caption, {
+}) => ({
+  color: (theme.vars || theme).palette.text.secondary,
+  ...theme.typography.caption,
   textAlign: 'left',
   marginTop: 3,
   marginRight: 0,
@@ -54,12 +51,14 @@ const FormHelperTextRoot = styled('p', {
   },
   [`&.${formHelperTextClasses.error}`]: {
     color: (theme.vars || theme).palette.error.main
-  }
-}, ownerState.size === 'small' && {
-  marginTop: 4
-}, ownerState.contained && {
-  marginLeft: 14,
-  marginRight: 14
+  },
+  ...(ownerState.size === 'small' && {
+    marginTop: 4
+  }),
+  ...(ownerState.contained && {
+    marginLeft: 14,
+    marginRight: 14
+  })
 }));
 const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inProps, ref) {
   const props = useThemeProps({
@@ -67,18 +66,26 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
     name: 'MuiFormHelperText'
   });
   const {
-      children,
-      className,
-      component = 'p'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children,
+    className,
+    component = 'p',
+    disabled,
+    error,
+    filled,
+    focused,
+    margin,
+    required,
+    variant,
+    ...other
+  } = props;
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
     muiFormControl,
     states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']
   });
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     component,
     contained: fcs.variant === 'filled' || fcs.variant === 'outlined',
     variant: fcs.variant,
@@ -88,20 +95,20 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
     filled: fcs.filled,
     focused: fcs.focused,
     required: fcs.required
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FormHelperTextRoot, _extends({
+  return /*#__PURE__*/_jsx(FormHelperTextRoot, {
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
-    ref: ref
-  }, other, {
+    ref: ref,
+    ...other,
     children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue
     _span || (_span = /*#__PURE__*/_jsx("span", {
       className: "notranslate",
       children: "\u200B"
     })) : children
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? FormHelperText.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------