@mui/material 5.14.17 → 5.14.19

package/legacy/Box/Box.js

@@ -5,11 +5,12 @@ import PropTypes from 'prop-types';
 import { unstable_ClassNameGenerator as ClassNameGenerator } from '../className';
 import { createTheme } from '../styles';
 import THEME_ID from '../styles/identifier';
+import boxClasses from './boxClasses';
 var defaultTheme = createTheme();
 var Box = createBox({
   themeId: THEME_ID,
   defaultTheme: defaultTheme,
-  defaultClassName: 'MuiBox-root',
+  defaultClassName: boxClasses.root,
   generateClassName: ClassNameGenerator.generate
 });
 process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {

package/legacy/Box/boxClasses.js

@@ -0,0 +1,3 @@
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+var boxClasses = generateUtilityClasses('MuiBox', ['root']);
+export default boxClasses;

package/legacy/Box/index.js

@@ -1,3 +1,5 @@
 'use client';
 
-export { default } from './Box';
+export { default } from './Box';
+export { default as boxClasses } from './boxClasses';
+export * from './boxClasses';

package/legacy/Button/Button.js

@@ -60,12 +60,12 @@ var ButtonRoot = styled(ButtonBase, {
     return [styles.root, styles[ownerState.variant], styles["".concat(ownerState.variant).concat(capitalize(ownerState.color))], styles["size".concat(capitalize(ownerState.size))], styles["".concat(ownerState.variant, "Size").concat(capitalize(ownerState.size))], ownerState.color === 'inherit' && styles.colorInherit, ownerState.disableElevation && styles.disableElevation, ownerState.fullWidth && styles.fullWidth];
   }
 })(function (_ref) {
-  var _extends2, _theme$palette$getCon, _theme$palette;
+  var _theme$palette$getCon, _theme$palette;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
   var inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
-  return _extends({}, theme.typography.button, (_extends2 = {
+  return _extends({}, theme.typography.button, _defineProperty(_defineProperty({
     minWidth: 64,
     padding: '6px 16px',
     borderRadius: (theme.vars || theme).shape.borderRadius,
@@ -110,9 +110,9 @@ var ButtonRoot = styled(ButtonBase, {
     '&:active': _extends({}, ownerState.variant === 'contained' && {
       boxShadow: (theme.vars || theme).shadows[8]
     })
-  }, _defineProperty(_extends2, "&.".concat(buttonClasses.focusVisible), _extends({}, ownerState.variant === 'contained' && {
+  }, "&.".concat(buttonClasses.focusVisible), _extends({}, ownerState.variant === 'contained' && {
     boxShadow: (theme.vars || theme).shadows[6]
-  })), _defineProperty(_extends2, "&.".concat(buttonClasses.disabled), _extends({
+  })), "&.".concat(buttonClasses.disabled), _extends({
     color: (theme.vars || theme).palette.action.disabled
   }, ownerState.variant === 'outlined' && {
     border: "1px solid ".concat((theme.vars || theme).palette.action.disabledBackground)
@@ -120,7 +120,7 @@ var ButtonRoot = styled(ButtonBase, {
     color: (theme.vars || theme).palette.action.disabled,
     boxShadow: (theme.vars || theme).shadows[0],
     backgroundColor: (theme.vars || theme).palette.action.disabledBackground
-  })), _extends2), ownerState.variant === 'text' && {
+  })), ownerState.variant === 'text' && {
     padding: '6px 8px'
   }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
     color: (theme.vars || theme).palette[ownerState.color].main
@@ -164,20 +164,19 @@ var ButtonRoot = styled(ButtonBase, {
     width: '100%'
   });
 }, function (_ref2) {
-  var _ref3;
   var ownerState = _ref2.ownerState;
-  return ownerState.disableElevation && (_ref3 = {
+  return ownerState.disableElevation && _defineProperty(_defineProperty(_defineProperty({
     boxShadow: 'none',
     '&:hover': {
       boxShadow: 'none'
     }
-  }, _defineProperty(_ref3, "&.".concat(buttonClasses.focusVisible), {
+  }, "&.".concat(buttonClasses.focusVisible), {
     boxShadow: 'none'
-  }), _defineProperty(_ref3, '&:active', {
+  }), '&:active', {
     boxShadow: 'none'
-  }), _defineProperty(_ref3, "&.".concat(buttonClasses.disabled), {
+  }), "&.".concat(buttonClasses.disabled), {
     boxShadow: 'none'
-  }), _ref3);
+  });
 });
 var ButtonStartIcon = styled('span', {
   name: 'MuiButton',

package/legacy/ButtonBase/ButtonBase.js

@@ -3,7 +3,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _styled;
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -38,7 +37,7 @@ export var ButtonBaseRoot = styled('button', {
   overridesResolver: function overridesResolver(props, styles) {
     return styles.root;
   }
-})((_styled = {
+})(_defineProperty(_defineProperty({
   display: 'inline-flex',
   alignItems: 'center',
   justifyContent: 'center',
@@ -68,13 +67,13 @@ export var ButtonBaseRoot = styled('button', {
   '&::-moz-focus-inner': {
     borderStyle: 'none' // Remove Firefox dotted outline.
   }
-}, _defineProperty(_styled, "&.".concat(buttonBaseClasses.disabled), {
+}, "&.".concat(buttonBaseClasses.disabled), {
   pointerEvents: 'none',
   // Disable link interactions
   cursor: 'default'
-}), _defineProperty(_styled, '@media print', {
+}), '@media print', {
   colorAdjust: 'exact'
-}), _styled));
+}));
 
 /**
  * `ButtonBase` contains as few styles as possible.

package/legacy/ButtonGroup/ButtonGroup.js

@@ -42,7 +42,6 @@ var ButtonGroupRoot = styled('div', {
   slot: 'Root',
   overridesResolver: overridesResolver
 })(function (_ref9) {
-  var _extends2;
   var theme = _ref9.theme,
     ownerState = _ref9.ownerState;
   return _extends({
@@ -56,14 +55,14 @@ var ButtonGroupRoot = styled('div', {
     width: '100%'
   }, ownerState.orientation === 'vertical' && {
     flexDirection: 'column'
-  }, (_extends2 = {}, _defineProperty(_extends2, "& .".concat(buttonGroupClasses.grouped), _extends({
+  }, _defineProperty(_defineProperty(_defineProperty({}, "& .".concat(buttonGroupClasses.grouped), _extends({
     minWidth: 40,
     '&:hover': _extends({}, ownerState.variant === 'contained' && {
       boxShadow: 'none'
     })
   }, ownerState.variant === 'contained' && {
     boxShadow: 'none'
-  })), _defineProperty(_extends2, "& .".concat(buttonGroupClasses.firstButton, ",& .").concat(buttonGroupClasses.middleButton), _extends({}, ownerState.orientation === 'horizontal' && {
+  })), "& .".concat(buttonGroupClasses.firstButton, ",& .").concat(buttonGroupClasses.middleButton), _extends({}, ownerState.orientation === 'horizontal' && {
     borderTopRightRadius: 0,
     borderBottomRightRadius: 0
   }, ownerState.orientation === 'vertical' && {
@@ -99,7 +98,7 @@ var ButtonGroupRoot = styled('div', {
     }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
       borderBottomColor: 'currentColor'
     })
-  })), _defineProperty(_extends2, "& .".concat(buttonGroupClasses.lastButton, ",& .").concat(buttonGroupClasses.middleButton), _extends({}, ownerState.orientation === 'horizontal' && {
+  })), "& .".concat(buttonGroupClasses.lastButton, ",& .").concat(buttonGroupClasses.middleButton), _extends({}, ownerState.orientation === 'horizontal' && {
     borderTopLeftRadius: 0,
     borderBottomLeftRadius: 0
   }, ownerState.orientation === 'vertical' && {
@@ -109,7 +108,7 @@ var ButtonGroupRoot = styled('div', {
     marginLeft: -1
   }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
     marginTop: -1
-  })), _extends2));
+  })));
 });
 var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, ref) {
   var props = useThemeProps({

package/legacy/CardActionArea/CardActionArea.js

@@ -28,22 +28,21 @@ var CardActionAreaRoot = styled(ButtonBase, {
     return styles.root;
   }
 })(function (_ref) {
-  var _ref2;
   var theme = _ref.theme;
-  return _ref2 = {
+  return _defineProperty(_defineProperty({
     display: 'block',
     textAlign: 'inherit',
     borderRadius: 'inherit',
     // for Safari to work https://github.com/mui/material-ui/issues/36285.
     width: '100%'
-  }, _defineProperty(_ref2, "&:hover .".concat(cardActionAreaClasses.focusHighlight), {
+  }, "&:hover .".concat(cardActionAreaClasses.focusHighlight), {
     opacity: (theme.vars || theme).palette.action.hoverOpacity,
     '@media (hover: none)': {
       opacity: 0
     }
-  }), _defineProperty(_ref2, "&.".concat(cardActionAreaClasses.focusVisible, " .").concat(cardActionAreaClasses.focusHighlight), {
+  }), "&.".concat(cardActionAreaClasses.focusVisible, " .").concat(cardActionAreaClasses.focusHighlight), {
     opacity: (theme.vars || theme).palette.action.focusOpacity
-  }), _ref2;
+  });
 });
 var CardActionAreaFocusHighlight = styled('span', {
   name: 'MuiCardActionArea',

package/legacy/CardHeader/CardHeader.js

@@ -29,8 +29,7 @@ var CardHeaderRoot = styled('div', {
   name: 'MuiCardHeader',
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
-    var _extends2;
-    return _extends((_extends2 = {}, _defineProperty(_extends2, "& .".concat(cardHeaderClasses.title), styles.title), _defineProperty(_extends2, "& .".concat(cardHeaderClasses.subheader), styles.subheader), _extends2), styles.root);
+    return _extends(_defineProperty(_defineProperty({}, "& .".concat(cardHeaderClasses.title), styles.title), "& .".concat(cardHeaderClasses.subheader), styles.subheader), styles.root);
   }
 })({
   display: 'flex',

package/legacy/Checkbox/Checkbox.js

@@ -40,7 +40,6 @@ var CheckboxRoot = styled(SwitchBase, {
     return [styles.root, ownerState.indeterminate && styles.indeterminate, styles["size".concat(capitalize(ownerState.size))], ownerState.color !== 'default' && styles["color".concat(capitalize(ownerState.color))]];
   }
 })(function (_ref) {
-  var _ref2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   return _extends({
@@ -53,11 +52,11 @@ var CheckboxRoot = styled(SwitchBase, {
         backgroundColor: 'transparent'
       }
     }
-  }, ownerState.color !== 'default' && (_ref2 = {}, _defineProperty(_ref2, "&.".concat(checkboxClasses.checked, ", &.").concat(checkboxClasses.indeterminate), {
+  }, ownerState.color !== 'default' && _defineProperty(_defineProperty({}, "&.".concat(checkboxClasses.checked, ", &.").concat(checkboxClasses.indeterminate), {
     color: (theme.vars || theme).palette[ownerState.color].main
-  }), _defineProperty(_ref2, "&.".concat(checkboxClasses.disabled), {
+  }), "&.".concat(checkboxClasses.disabled), {
     color: (theme.vars || theme).palette.action.disabled
-  }), _ref2));
+  }));
 });
 var defaultCheckedIcon = /*#__PURE__*/_jsx(CheckBoxIcon, {});
 var defaultIcon = /*#__PURE__*/_jsx(CheckBoxOutlineBlankIcon, {});

package/legacy/Chip/Chip.js

@@ -50,11 +50,10 @@ var ChipRoot = styled('div', {
     return [_defineProperty({}, "& .".concat(chipClasses.avatar), styles.avatar), _defineProperty({}, "& .".concat(chipClasses.avatar), styles["avatar".concat(capitalize(size))]), _defineProperty({}, "& .".concat(chipClasses.avatar), styles["avatarColor".concat(capitalize(color))]), _defineProperty({}, "& .".concat(chipClasses.icon), styles.icon), _defineProperty({}, "& .".concat(chipClasses.icon), styles["icon".concat(capitalize(size))]), _defineProperty({}, "& .".concat(chipClasses.icon), styles["iconColor".concat(capitalize(iconColor))]), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles.deleteIcon), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles["deleteIcon".concat(capitalize(size))]), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles["deleteIconColor".concat(capitalize(color))]), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles["deleteIcon".concat(capitalize(variant), "Color").concat(capitalize(color))]), styles.root, styles["size".concat(capitalize(size))], styles["color".concat(capitalize(color))], clickable && styles.clickable, clickable && color !== 'default' && styles["clickableColor".concat(capitalize(color), ")")], onDelete && styles.deletable, onDelete && color !== 'default' && styles["deletableColor".concat(capitalize(color))], styles[variant], styles["".concat(variant).concat(capitalize(color))]];
   }
 })(function (_ref11) {
-  var _extends2;
   var theme = _ref11.theme,
     ownerState = _ref11.ownerState;
   var textColor = theme.palette.mode === 'light' ? theme.palette.grey[700] : theme.palette.grey[300];
-  return _extends((_extends2 = {
+  return _extends(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     maxWidth: '100%',
     fontFamily: theme.typography.fontFamily,
     fontSize: theme.typography.pxToRem(13),
@@ -78,29 +77,29 @@ var ChipRoot = styled('div', {
     // Remove `button` padding
     verticalAlign: 'middle',
     boxSizing: 'border-box'
-  }, _defineProperty(_extends2, "&.".concat(chipClasses.disabled), {
+  }, "&.".concat(chipClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity,
     pointerEvents: 'none'
-  }), _defineProperty(_extends2, "& .".concat(chipClasses.avatar), {
+  }), "& .".concat(chipClasses.avatar), {
     marginLeft: 5,
     marginRight: -6,
     width: 24,
     height: 24,
     color: theme.vars ? theme.vars.palette.Chip.defaultAvatarColor : textColor,
     fontSize: theme.typography.pxToRem(12)
-  }), _defineProperty(_extends2, "& .".concat(chipClasses.avatarColorPrimary), {
+  }), "& .".concat(chipClasses.avatarColorPrimary), {
     color: (theme.vars || theme).palette.primary.contrastText,
     backgroundColor: (theme.vars || theme).palette.primary.dark
-  }), _defineProperty(_extends2, "& .".concat(chipClasses.avatarColorSecondary), {
+  }), "& .".concat(chipClasses.avatarColorSecondary), {
     color: (theme.vars || theme).palette.secondary.contrastText,
     backgroundColor: (theme.vars || theme).palette.secondary.dark
-  }), _defineProperty(_extends2, "& .".concat(chipClasses.avatarSmall), {
+  }), "& .".concat(chipClasses.avatarSmall), {
     marginLeft: 4,
     marginRight: -4,
     width: 18,
     height: 18,
     fontSize: theme.typography.pxToRem(10)
-  }), _defineProperty(_extends2, "& .".concat(chipClasses.icon), _extends({
+  }), "& .".concat(chipClasses.icon), _extends({
     marginLeft: 5,
     marginRight: -6
   }, ownerState.size === 'small' && {
@@ -111,7 +110,7 @@ var ChipRoot = styled('div', {
     color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor
   }, ownerState.color !== 'default' && {
     color: 'inherit'
-  }))), _defineProperty(_extends2, "& .".concat(chipClasses.deleteIcon), _extends({
+  }))), "& .".concat(chipClasses.deleteIcon), _extends({
     WebkitTapHighlightColor: 'transparent',
     color: theme.vars ? "rgba(".concat(theme.vars.palette.text.primaryChannel, " / 0.26)") : alpha(theme.palette.text.primary, 0.26),
     fontSize: 22,
@@ -129,7 +128,7 @@ var ChipRoot = styled('div', {
     '&:hover, &:active': {
       color: (theme.vars || theme).palette[ownerState.color].contrastText
     }
-  })), _extends2), ownerState.size === 'small' && {
+  })), ownerState.size === 'small' && {
     height: 24
   }, ownerState.color !== 'default' && {
     backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
@@ -140,59 +139,57 @@ var ChipRoot = styled('div', {
     backgroundColor: (theme.vars || theme).palette[ownerState.color].dark
   }));
 }, function (_ref14) {
-  var _ref15;
   var theme = _ref14.theme,
     ownerState = _ref14.ownerState;
-  return _extends({}, ownerState.clickable && (_ref15 = {
+  return _extends({}, ownerState.clickable && _defineProperty(_defineProperty({
     userSelect: 'none',
     WebkitTapHighlightColor: 'transparent',
     cursor: 'pointer',
     '&:hover': {
       backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.action.selectedChannel, " / calc(").concat(theme.vars.palette.action.selectedOpacity, " + ").concat(theme.vars.palette.action.hoverOpacity, "))") : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)
     }
-  }, _defineProperty(_ref15, "&.".concat(chipClasses.focusVisible), {
+  }, "&.".concat(chipClasses.focusVisible), {
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.action.selectedChannel, " / calc(").concat(theme.vars.palette.action.selectedOpacity, " + ").concat(theme.vars.palette.action.focusOpacity, "))") : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
-  }), _defineProperty(_ref15, '&:active', {
+  }), '&:active', {
     boxShadow: (theme.vars || theme).shadows[1]
-  }), _ref15), ownerState.clickable && ownerState.color !== 'default' && _defineProperty({}, "&:hover, &.".concat(chipClasses.focusVisible), {
+  }), ownerState.clickable && ownerState.color !== 'default' && _defineProperty({}, "&:hover, &.".concat(chipClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette[ownerState.color].dark
   }));
 }, function (_ref17) {
-  var _ref18, _ref19;
   var theme = _ref17.theme,
     ownerState = _ref17.ownerState;
-  return _extends({}, ownerState.variant === 'outlined' && (_ref18 = {
+  return _extends({}, ownerState.variant === 'outlined' && _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     backgroundColor: 'transparent',
     border: theme.vars ? "1px solid ".concat(theme.vars.palette.Chip.defaultBorder) : "1px solid ".concat(theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700])
-  }, _defineProperty(_ref18, "&.".concat(chipClasses.clickable, ":hover"), {
+  }, "&.".concat(chipClasses.clickable, ":hover"), {
     backgroundColor: (theme.vars || theme).palette.action.hover
-  }), _defineProperty(_ref18, "&.".concat(chipClasses.focusVisible), {
+  }), "&.".concat(chipClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette.action.focus
-  }), _defineProperty(_ref18, "& .".concat(chipClasses.avatar), {
+  }), "& .".concat(chipClasses.avatar), {
     marginLeft: 4
-  }), _defineProperty(_ref18, "& .".concat(chipClasses.avatarSmall), {
+  }), "& .".concat(chipClasses.avatarSmall), {
     marginLeft: 2
-  }), _defineProperty(_ref18, "& .".concat(chipClasses.icon), {
+  }), "& .".concat(chipClasses.icon), {
     marginLeft: 4
-  }), _defineProperty(_ref18, "& .".concat(chipClasses.iconSmall), {
+  }), "& .".concat(chipClasses.iconSmall), {
     marginLeft: 2
-  }), _defineProperty(_ref18, "& .".concat(chipClasses.deleteIcon), {
+  }), "& .".concat(chipClasses.deleteIcon), {
     marginRight: 5
-  }), _defineProperty(_ref18, "& .".concat(chipClasses.deleteIconSmall), {
+  }), "& .".concat(chipClasses.deleteIconSmall), {
     marginRight: 3
-  }), _ref18), ownerState.variant === 'outlined' && ownerState.color !== 'default' && (_ref19 = {
+  }), ownerState.variant === 'outlined' && ownerState.color !== 'default' && _defineProperty(_defineProperty(_defineProperty({
     color: (theme.vars || theme).palette[ownerState.color].main,
     border: "1px solid ".concat(theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / 0.7)") : alpha(theme.palette[ownerState.color].main, 0.7))
-  }, _defineProperty(_ref19, "&.".concat(chipClasses.clickable, ":hover"), {
+  }, "&.".concat(chipClasses.clickable, ":hover"), {
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / ").concat(theme.vars.palette.action.hoverOpacity, ")") : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity)
-  }), _defineProperty(_ref19, "&.".concat(chipClasses.focusVisible), {
+  }), "&.".concat(chipClasses.focusVisible), {
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / ").concat(theme.vars.palette.action.focusOpacity, ")") : alpha(theme.palette[ownerState.color].main, theme.palette.action.focusOpacity)
-  }), _defineProperty(_ref19, "& .".concat(chipClasses.deleteIcon), {
+  }), "& .".concat(chipClasses.deleteIcon), {
     color: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / 0.7)") : alpha(theme.palette[ownerState.color].main, 0.7),
     '&:hover, &:active': {
       color: (theme.vars || theme).palette[ownerState.color].main
     }
-  }), _ref19));
+  }));
 });
 var ChipLabel = styled('span', {
   name: 'MuiChip',
@@ -310,10 +307,10 @@ var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
   }) : {};
   var deleteIcon = null;
   if (onDelete) {
-    deleteIcon = deleteIconProp && /*#__PURE__*/React.isValidElement(deleteIconProp) ? /*#__PURE__*/React.cloneElement(deleteIconProp, {
+    deleteIcon = deleteIconProp && /*#__PURE__*/React.isValidElement(deleteIconProp) ? ( /*#__PURE__*/React.cloneElement(deleteIconProp, {
       className: clsx(deleteIconProp.props.className, classes.deleteIcon),
       onClick: handleDeleteIconClick
-    }) : /*#__PURE__*/_jsx(CancelIcon, {
+    })) : /*#__PURE__*/_jsx(CancelIcon, {
       className: clsx(classes.deleteIcon),
       onClick: handleDeleteIconClick
     });

package/legacy/FilledInput/FilledInput.js

@@ -35,7 +35,7 @@ var FilledInputRoot = styled(InputBaseRoot, {
     return [].concat(_toConsumableArray(inputBaseRootOverridesResolver(props, styles)), [!ownerState.disableUnderline && styles.underline]);
   }
 })(function (_ref) {
-  var _extends2, _palette, _ref2;
+  var _palette;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var light = theme.palette.mode === 'light';
@@ -43,7 +43,7 @@ var FilledInputRoot = styled(InputBaseRoot, {
   var backgroundColor = light ? 'rgba(0, 0, 0, 0.06)' : 'rgba(255, 255, 255, 0.09)';
   var hoverBackground = light ? 'rgba(0, 0, 0, 0.09)' : 'rgba(255, 255, 255, 0.13)';
   var disabledBackground = light ? 'rgba(0, 0, 0, 0.12)' : 'rgba(255, 255, 255, 0.12)';
-  return _extends((_extends2 = {
+  return _extends(_defineProperty(_defineProperty({
     position: 'relative',
     backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor,
     borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
@@ -59,11 +59,11 @@ var FilledInputRoot = styled(InputBaseRoot, {
         backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
       }
     }
-  }, _defineProperty(_extends2, "&.".concat(filledInputClasses.focused), {
+  }, "&.".concat(filledInputClasses.focused), {
     backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
-  }), _defineProperty(_extends2, "&.".concat(filledInputClasses.disabled), {
+  }), "&.".concat(filledInputClasses.disabled), {
     backgroundColor: theme.vars ? theme.vars.palette.FilledInput.disabledBg : disabledBackground
-  }), _extends2), !ownerState.disableUnderline && (_ref2 = {
+  }), !ownerState.disableUnderline && _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     '&:after': {
       borderBottom: "2px solid ".concat((_palette = (theme.vars || theme).palette[ownerState.color || 'primary']) == null ? void 0 : _palette.main),
       left: 0,
@@ -79,15 +79,15 @@ var FilledInputRoot = styled(InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     }
-  }, _defineProperty(_ref2, "&.".concat(filledInputClasses.focused, ":after"), {
+  }, "&.".concat(filledInputClasses.focused, ":after"), {
     // translateX(0) is a workaround for Safari transform scale bug
     // See https://github.com/mui/material-ui/issues/31766
     transform: 'scaleX(1) translateX(0)'
-  }), _defineProperty(_ref2, "&.".concat(filledInputClasses.error), {
+  }), "&.".concat(filledInputClasses.error), {
     '&:before, &:after': {
       borderBottomColor: (theme.vars || theme).palette.error.main
     }
-  }), _defineProperty(_ref2, '&:before', {
+  }), '&:before', {
     borderBottom: "1px solid ".concat(theme.vars ? "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / ").concat(theme.vars.opacity.inputUnderline, ")") : bottomLineColor),
     left: 0,
     bottom: 0,
@@ -99,11 +99,11 @@ var FilledInputRoot = styled(InputBaseRoot, {
       duration: theme.transitions.duration.shorter
     }),
     pointerEvents: 'none' // Transparent to the hover style.
-  }), _defineProperty(_ref2, "&:hover:not(.".concat(filledInputClasses.disabled, ", .").concat(filledInputClasses.error, "):before"), {
+  }), "&:hover:not(.".concat(filledInputClasses.disabled, ", .").concat(filledInputClasses.error, "):before"), {
     borderBottom: "1px solid ".concat((theme.vars || theme).palette.text.primary)
-  }), _defineProperty(_ref2, "&.".concat(filledInputClasses.disabled, ":before"), {
+  }), "&.".concat(filledInputClasses.disabled, ":before"), {
     borderBottomStyle: 'dotted'
-  }), _ref2), ownerState.startAdornment && {
+  }), ownerState.startAdornment && {
     paddingLeft: 12
   }, ownerState.endAdornment && {
     paddingRight: 12
@@ -115,6 +115,9 @@ var FilledInputRoot = styled(InputBaseRoot, {
   }, ownerState.hiddenLabel && {
     paddingTop: 16,
     paddingBottom: 17
+  }, ownerState.hiddenLabel && ownerState.size === 'small' && {
+    paddingTop: 8,
+    paddingBottom: 9
   }));
 });
 var FilledInputInput = styled(InputBaseInput, {
@@ -154,11 +157,6 @@ var FilledInputInput = styled(InputBaseInput, {
   }, ownerState.hiddenLabel && {
     paddingTop: 16,
     paddingBottom: 17
-  }, ownerState.multiline && {
-    paddingTop: 0,
-    paddingBottom: 0,
-    paddingLeft: 0,
-    paddingRight: 0
   }, ownerState.startAdornment && {
     paddingLeft: 0
   }, ownerState.endAdornment && {
@@ -166,6 +164,11 @@ var FilledInputInput = styled(InputBaseInput, {
   }, ownerState.hiddenLabel && ownerState.size === 'small' && {
     paddingTop: 8,
     paddingBottom: 9
+  }, ownerState.multiline && {
+    paddingTop: 0,
+    paddingBottom: 0,
+    paddingLeft: 0,
+    paddingRight: 0
   });
 });
 var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, ref) {
@@ -206,7 +209,7 @@ var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, re
       ownerState: ownerState
     }
   };
-  var componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(slotProps != null ? slotProps : componentsPropsProp, filledInputComponentsProps) : filledInputComponentsProps;
+  var componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(filledInputComponentsProps, slotProps != null ? slotProps : componentsPropsProp) : filledInputComponentsProps;
   var RootSlot = (_ref5 = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref5 : FilledInputRoot;
   var InputSlot = (_ref6 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref6 : FilledInputInput;
   return /*#__PURE__*/_jsx(InputBase, _extends({

package/legacy/FormControlLabel/FormControlLabel.js

@@ -148,8 +148,7 @@ var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(i
     ref: ref
   }, other, {
     children: [/*#__PURE__*/React.cloneElement(control, controlProps), required ? /*#__PURE__*/_jsxs(Stack, {
-      direction: "row",
-      alignItems: "center",
+      display: "block",
       children: [label, /*#__PURE__*/_jsxs(AsteriskComponent, {
         ownerState: ownerState,
         "aria-hidden": true,

package/legacy/FormHelperText/FormHelperText.js

@@ -37,22 +37,21 @@ var FormHelperTextRoot = styled('p', {
     return [styles.root, ownerState.size && styles["size".concat(capitalize(ownerState.size))], ownerState.contained && styles.contained, ownerState.filled && styles.filled];
   }
 })(function (_ref) {
-  var _extends2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   return _extends({
     color: (theme.vars || theme).palette.text.secondary
-  }, theme.typography.caption, (_extends2 = {
+  }, theme.typography.caption, _defineProperty(_defineProperty({
     textAlign: 'left',
     marginTop: 3,
     marginRight: 0,
     marginBottom: 0,
     marginLeft: 0
-  }, _defineProperty(_extends2, "&.".concat(formHelperTextClasses.disabled), {
+  }, "&.".concat(formHelperTextClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
-  }), _defineProperty(_extends2, "&.".concat(formHelperTextClasses.error), {
+  }), "&.".concat(formHelperTextClasses.error), {
     color: (theme.vars || theme).palette.error.main
-  }), _extends2), ownerState.size === 'small' && {
+  }), ownerState.size === 'small' && {
     marginTop: 4
   }, ownerState.contained && {
     marginLeft: 14,

package/legacy/FormLabel/FormLabel.js

@@ -36,22 +36,21 @@ export var FormLabelRoot = styled('label', {
     return _extends({}, styles.root, ownerState.color === 'secondary' && styles.colorSecondary, ownerState.filled && styles.filled);
   }
 })(function (_ref2) {
-  var _extends2;
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
   return _extends({
     color: (theme.vars || theme).palette.text.secondary
-  }, theme.typography.body1, (_extends2 = {
+  }, theme.typography.body1, _defineProperty(_defineProperty(_defineProperty({
     lineHeight: '1.4375em',
     padding: 0,
     position: 'relative'
-  }, _defineProperty(_extends2, "&.".concat(formLabelClasses.focused), {
+  }, "&.".concat(formLabelClasses.focused), {
     color: (theme.vars || theme).palette[ownerState.color].main
-  }), _defineProperty(_extends2, "&.".concat(formLabelClasses.disabled), {
+  }), "&.".concat(formLabelClasses.disabled), {
     color: (theme.vars || theme).palette.text.disabled
-  }), _defineProperty(_extends2, "&.".concat(formLabelClasses.error), {
+  }), "&.".concat(formLabelClasses.error), {
     color: (theme.vars || theme).palette.error.main
-  }), _extends2));
+  }));
 });
 var AsteriskComponent = styled('span', {
   name: 'MuiFormLabel',

package/legacy/Input/Input.js

@@ -35,7 +35,6 @@ var InputRoot = styled(InputBaseRoot, {
     return [].concat(_toConsumableArray(inputBaseRootOverridesResolver(props, styles)), [!ownerState.disableUnderline && styles.underline]);
   }
 })(function (_ref) {
-  var _ref2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   var light = theme.palette.mode === 'light';
@@ -49,7 +48,7 @@ var InputRoot = styled(InputBaseRoot, {
     'label + &': {
       marginTop: 16
     }
-  }, !ownerState.disableUnderline && (_ref2 = {
+  }, !ownerState.disableUnderline && _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     '&:after': {
       borderBottom: "2px solid ".concat((theme.vars || theme).palette[ownerState.color].main),
       left: 0,
@@ -65,15 +64,15 @@ var InputRoot = styled(InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     }
-  }, _defineProperty(_ref2, "&.".concat(inputClasses.focused, ":after"), {
+  }, "&.".concat(inputClasses.focused, ":after"), {
     // translateX(0) is a workaround for Safari transform scale bug
     // See https://github.com/mui/material-ui/issues/31766
     transform: 'scaleX(1) translateX(0)'
-  }), _defineProperty(_ref2, "&.".concat(inputClasses.error), {
+  }), "&.".concat(inputClasses.error), {
     '&:before, &:after': {
       borderBottomColor: (theme.vars || theme).palette.error.main
     }
-  }), _defineProperty(_ref2, '&:before', {
+  }), '&:before', {
     borderBottom: "1px solid ".concat(bottomLineColor),
     left: 0,
     bottom: 0,
@@ -85,15 +84,15 @@ var InputRoot = styled(InputBaseRoot, {
       duration: theme.transitions.duration.shorter
     }),
     pointerEvents: 'none' // Transparent to the hover style.
-  }), _defineProperty(_ref2, "&:hover:not(.".concat(inputClasses.disabled, ", .").concat(inputClasses.error, "):before"), {
+  }), "&:hover:not(.".concat(inputClasses.disabled, ", .").concat(inputClasses.error, "):before"), {
     borderBottom: "2px solid ".concat((theme.vars || theme).palette.text.primary),
     // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
       borderBottom: "1px solid ".concat(bottomLineColor)
     }
-  }), _defineProperty(_ref2, "&.".concat(inputClasses.disabled, ":before"), {
+  }), "&.".concat(inputClasses.disabled, ":before"), {
     borderBottomStyle: 'dotted'
-  }), _ref2));
+  }));
 });
 var InputInput = styled(InputBaseInput, {
   name: 'MuiInput',

package/legacy/InputAdornment/InputAdornment.js

@@ -109,10 +109,10 @@ var InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inPro
         color: "text.secondary",
         children: children
       }) : /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [position === 'start' ? /* notranslate needed while Google Translate will not fix zero-width space issue */_span || (_span = /*#__PURE__*/_jsx("span", {
+        children: [position === 'start' ? ( /* notranslate needed while Google Translate will not fix zero-width space issue */_span || (_span = /*#__PURE__*/_jsx("span", {
           className: "notranslate",
           children: "\u200B"
-        })) : null, children]
+        }))) : null, children]
       })
     }))
   });