@mui/material 5.0.2 → 5.0.6

package/legacy/PaginationItem/PaginationItem.js

@@ -242,13 +242,12 @@ var PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inPro
     last: LastPageIcon
   };
   var Icon = normalizedIcons[type];
-  return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/_jsx(PaginationItemEllipsis, _extends({
+  return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/_jsx(PaginationItemEllipsis, {
     ref: ref,
     ownerState: ownerState,
-    className: clsx(classes.root, className)
-  }, other, {
+    className: clsx(classes.root, className),
     children: "\u2026"
-  })) : /*#__PURE__*/_jsxs(PaginationItemPage, _extends({
+  }) : /*#__PURE__*/_jsxs(PaginationItemPage, _extends({
     ref: ref,
     ownerState: ownerState,
     component: component,
@@ -333,7 +332,7 @@ process.env.NODE_ENV !== "production" ? PaginationItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The type of pagination item.

package/legacy/Paper/Paper.js

@@ -156,7 +156,7 @@ process.env.NODE_ENV !== "production" ? Paper.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The variant to use.

package/legacy/Popover/Popover.js

@@ -471,7 +471,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * This is the point on the popover which

package/legacy/Popper/index.js

@@ -1 +1 @@
-export { default } from './Popper';
+export { default } from '@mui/core/Popper';

package/legacy/Radio/Radio.js

@@ -222,7 +222,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The value of the component. The DOM API casts this to a string.

package/legacy/Rating/Rating.js

@@ -562,7 +562,6 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
                 style: items.length - 1 === indexDecimal ? {} : {
                   width: itemDecimalValue === value ? "".concat((indexDecimal + 1) * precision * 100, "%") : '0%',
                   overflow: 'hidden',
-                  zIndex: 1,
                   position: 'absolute'
                 }
               }
@@ -741,7 +740,7 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The rating value.

package/legacy/Select/Select.js

@@ -275,7 +275,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The `input` value. Providing an empty string will select no options.

package/legacy/Skeleton/Skeleton.js

@@ -164,7 +164,7 @@ process.env.NODE_ENV !== "production" ? Skeleton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The type of content that will be rendered.

package/legacy/Slide/Slide.js

@@ -95,7 +95,8 @@ var defaultTimeout = {
  */
 
 var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
-  var _props$appear = props.appear,
+  var addEndListener = props.addEndListener,
+      _props$appear = props.appear,
       appear = _props$appear === void 0 ? true : _props$appear,
       _children = props.children,
       containerProp = props.container,
@@ -115,7 +116,7 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       timeout = _props$timeout === void 0 ? defaultTimeout : _props$timeout,
       _props$TransitionComp = props.TransitionComponent,
       TransitionComponent = _props$TransitionComp === void 0 ? Transition : _props$TransitionComp,
-      other = _objectWithoutProperties(props, ["appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
+      other = _objectWithoutProperties(props, ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
 
   var theme = useTheme();
   var childrenRef = React.useRef(null);
@@ -187,6 +188,14 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       onExited(node);
     }
   });
+
+  var handleAddEndListener = function handleAddEndListener(next) {
+    if (addEndListener) {
+      // Old call signature before `react-transition-group` implemented `nodeRef`
+      addEndListener(childrenRef.current, next);
+    }
+  };
+
   var updatePosition = React.useCallback(function () {
     if (childrenRef.current) {
       setTranslateValue(direction, childrenRef.current, containerProp);
@@ -225,6 +234,7 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     onExit: handleExit,
     onExited: handleExited,
     onExiting: handleExiting,
+    addEndListener: handleAddEndListener,
     appear: appear,
     in: inProp,
     timeout: timeout
@@ -247,6 +257,13 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
 
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: PropTypes.func,
+
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
@@ -257,7 +274,7 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
   /**
    * A single child content element.
    */
-  children: elementAcceptingRef,
+  children: elementAcceptingRef.isRequired,
 
   /**
    * An HTML element, or a function that returns one.

package/legacy/Slider/Slider.js

@@ -649,7 +649,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * Tab index attribute of the hidden `input` element.

package/legacy/Snackbar/Snackbar.js

@@ -5,11 +5,11 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/core';
+import ClickAwayListener from '@mui/core/ClickAwayListener';
 import styled from '../styles/styled';
 import useTheme from '../styles/useTheme';
 import useThemeProps from '../styles/useThemeProps';
 import { duration } from '../styles/createTransitions';
-import ClickAwayListener from '../ClickAwayListener';
 import useEventCallback from '../utils/useEventCallback';
 import capitalize from '../utils/capitalize';
 import Grow from '../Grow';
@@ -378,7 +378,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The component used for the transition.

package/legacy/SnackbarContent/SnackbarContent.js

@@ -142,6 +142,6 @@ process.env.NODE_ENV !== "production" ? SnackbarContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default SnackbarContent;

package/legacy/SpeedDial/SpeedDial.js

@@ -528,7 +528,7 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The component used for the transition.

package/legacy/SpeedDialAction/SpeedDialAction.js

@@ -246,7 +246,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * `classes` prop applied to the [`Tooltip`](/api/tooltip/) element.

package/legacy/SpeedDialIcon/SpeedDialIcon.js

@@ -130,7 +130,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialIcon.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 SpeedDialIcon.muiName = 'SpeedDialIcon';
 export default SpeedDialIcon;

package/legacy/Stack/Stack.js

@@ -164,6 +164,6 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default Stack;

package/legacy/Step/Step.js

@@ -178,6 +178,6 @@ process.env.NODE_ENV !== "production" ? Step.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default Step;

package/legacy/StepButton/StepButton.js

@@ -126,6 +126,6 @@ process.env.NODE_ENV !== "production" ? StepButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default StepButton;

package/legacy/StepConnector/StepConnector.js

@@ -129,6 +129,6 @@ process.env.NODE_ENV !== "production" ? StepConnector.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default StepConnector;

package/legacy/StepContent/StepContent.js

@@ -134,7 +134,7 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The component used for the transition.

package/legacy/StepIcon/StepIcon.js

@@ -178,6 +178,6 @@ process.env.NODE_ENV !== "production" ? StepIcon.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default StepIcon;

package/legacy/StepLabel/StepLabel.js

@@ -240,7 +240,7 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 StepLabel.muiName = 'StepLabel';
 export default StepLabel;

package/legacy/Stepper/Stepper.js

@@ -156,6 +156,6 @@ process.env.NODE_ENV !== "production" ? Stepper.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default Stepper;

package/legacy/SvgIcon/SvgIcon.js

@@ -162,7 +162,7 @@ process.env.NODE_ENV !== "production" ? SvgIcon.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * Provides a human-readable title for the element that contains it.

package/legacy/Switch/Switch.js

@@ -329,7 +329,7 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The value of the component. The DOM API casts this to a string.

package/legacy/Tab/Tab.js

@@ -23,7 +23,8 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
       selected = ownerState.selected,
       disabled = ownerState.disabled;
   var slots = {
-    root: ['root', icon && label && 'labelIcon', "textColor".concat(capitalize(textColor)), fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled']
+    root: ['root', icon && label && 'labelIcon', "textColor".concat(capitalize(textColor)), fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],
+    iconWrapper: ['iconWrapper']
   };
   return composeClasses(slots, getTabUtilityClass, classes);
 };
@@ -49,16 +50,24 @@ var TabRoot = styled(ButtonBase, {
     padding: '12px 16px',
     overflow: 'hidden',
     whiteSpace: 'normal',
-    textAlign: 'center',
-    flexDirection: 'column',
+    textAlign: 'center'
+  }, ownerState.label && {
+    flexDirection: ownerState.iconPosition === 'top' || ownerState.iconPosition === 'bottom' ? 'column' : 'row'
+  }, {
     lineHeight: 1.25
   }, ownerState.icon && ownerState.label && _defineProperty({
     minHeight: 72,
     paddingTop: 9,
     paddingBottom: 9
-  }, "& > *:first-child", {
+  }, "& > .".concat(tabClasses.iconWrapper), _extends({}, ownerState.iconPosition === 'top' && {
     marginBottom: 6
-  }), ownerState.textColor === 'inherit' && (_ref3 = {
+  }, ownerState.iconPosition === 'bottom' && {
+    marginTop: 6
+  }, ownerState.iconPosition === 'start' && {
+    marginRight: theme.spacing(1)
+  }, ownerState.iconPosition === 'end' && {
+    marginLeft: theme.spacing(1)
+  })), ownerState.textColor === 'inherit' && (_ref3 = {
     color: 'inherit',
     opacity: 0.6
   }, _defineProperty(_ref3, "&.".concat(tabClasses.selected), {
@@ -98,7 +107,9 @@ var Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
       _props$disableFocusRi = props.disableFocusRipple,
       disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,
       fullWidth = props.fullWidth,
-      icon = props.icon,
+      iconProp = props.icon,
+      _props$iconPosition = props.iconPosition,
+      iconPosition = _props$iconPosition === void 0 ? 'top' : _props$iconPosition,
       indicator = props.indicator,
       label = props.label,
       onChange = props.onChange,
@@ -111,13 +122,14 @@ var Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
       value = props.value,
       _props$wrapped = props.wrapped,
       wrapped = _props$wrapped === void 0 ? false : _props$wrapped,
-      other = _objectWithoutProperties(props, ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"]);
+      other = _objectWithoutProperties(props, ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"]);
 
   var ownerState = _extends({}, props, {
     disabled: disabled,
     disableFocusRipple: disableFocusRipple,
     selected: selected,
-    icon: !!icon,
+    icon: !!iconProp,
+    iconPosition: iconPosition,
     label: !!label,
     fullWidth: fullWidth,
     textColor: textColor,
@@ -125,6 +137,9 @@ var Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
   });
 
   var classes = useUtilityClasses(ownerState);
+  var icon = iconProp && label && /*#__PURE__*/React.isValidElement(iconProp) ? /*#__PURE__*/React.cloneElement(iconProp, {
+    className: clsx(classes.iconWrapper, iconProp.props.className)
+  }) : iconProp;
 
   var handleClick = function handleClick(event) {
     if (!selected && onChange) {
@@ -158,7 +173,11 @@ var Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     ownerState: ownerState,
     tabIndex: selected ? 0 : -1
   }, other, {
-    children: [icon, label, indicator]
+    children: [iconPosition === 'top' || iconPosition === 'start' ? /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [icon, label]
+    }) : /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [label, icon]
+    }), indicator]
   }));
 });
 process.env.NODE_ENV !== "production" ? Tab.propTypes
@@ -211,6 +230,12 @@ process.env.NODE_ENV !== "production" ? Tab.propTypes
    */
   icon: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
 
+  /**
+   * The position of the icon relative to the label.
+   * @default 'top'
+   */
+  iconPosition: PropTypes.oneOf(['bottom', 'end', 'start', 'top']),
+
   /**
    * The label element.
    */
@@ -234,7 +259,7 @@ process.env.NODE_ENV !== "production" ? Tab.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.

package/legacy/Tab/tabClasses.js

@@ -2,5 +2,5 @@ import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
 export function getTabUtilityClass(slot) {
   return generateUtilityClass('MuiTab', slot);
 }
-var tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped']);
+var tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'iconWrapper']);
 export default tabClasses;

package/legacy/TabScrollButton/TabScrollButton.js

@@ -127,6 +127,6 @@ process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default TabScrollButton;

package/legacy/Table/Table.js

@@ -142,6 +142,6 @@ process.env.NODE_ENV !== "production" ? Table.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default Table;

package/legacy/TableBody/TableBody.js

@@ -90,6 +90,6 @@ process.env.NODE_ENV !== "production" ? TableBody.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableBody;

package/legacy/TableCell/TableCell.js

@@ -216,7 +216,7 @@ process.env.NODE_ENV !== "production" ? TableCell.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * Specify the cell type.

package/legacy/TableContainer/TableContainer.js

@@ -82,6 +82,6 @@ process.env.NODE_ENV !== "production" ? TableContainer.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableContainer;

package/legacy/TableFooter/TableFooter.js

@@ -90,6 +90,6 @@ process.env.NODE_ENV !== "production" ? TableFooter.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableFooter;

package/legacy/TableHead/TableHead.js

@@ -90,6 +90,6 @@ process.env.NODE_ENV !== "production" ? TableHead.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableHead;

package/legacy/TablePagination/TablePagination.js

@@ -434,6 +434,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default TablePagination;

package/legacy/TableRow/TableRow.js

@@ -134,6 +134,6 @@ process.env.NODE_ENV !== "production" ? TableRow.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableRow;

package/legacy/TableSortLabel/TableSortLabel.js

@@ -174,6 +174,6 @@ process.env.NODE_ENV !== "production" ? TableSortLabel.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableSortLabel;

package/legacy/Tabs/Tabs.js

@@ -821,7 +821,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * Props applied to the tab indicator element.

package/legacy/TextField/TextField.js

@@ -417,7 +417,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).

package/legacy/TextareaAutosize/index.js

@@ -1 +1 @@
-export { default } from './TextareaAutosize';
+export { default } from '@mui/core/TextareaAutosize';

package/legacy/ToggleButton/ToggleButton.js

@@ -222,7 +222,7 @@ process.env.NODE_ENV !== "production" ? ToggleButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The value to associate with the button when selected in a

package/legacy/ToggleButtonGroup/ToggleButtonGroup.js

@@ -236,7 +236,7 @@ process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The currently selected value within the group or an array of selected

package/legacy/Toolbar/Toolbar.js

@@ -116,7 +116,7 @@ process.env.NODE_ENV !== "production" ? Toolbar.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The variant to use.