@mui/material 5.0.2 → 5.0.6

package/node/Skeleton/Skeleton.js

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

package/node/Skeleton/skeletonClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSkeletonUtilityClass = getSkeletonUtilityClass;
 exports.default = void 0;
+exports.getSkeletonUtilityClass = getSkeletonUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Slide/Slide.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setTranslateValue = setTranslateValue;
 exports.default = void 0;
+exports.setTranslateValue = setTranslateValue;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -34,7 +34,7 @@ var _utils3 = require("../utils");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -125,6 +125,7 @@ const defaultTimeout = {
 
 const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
   const {
+    addEndListener,
     appear = true,
     children,
     container: containerProp,
@@ -211,6 +212,14 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       onExited(node);
     }
   });
+
+  const handleAddEndListener = next => {
+    if (addEndListener) {
+      // Old call signature before `react-transition-group` implemented `nodeRef`
+      addEndListener(childrenRef.current, next);
+    }
+  };
+
   const updatePosition = React.useCallback(() => {
     if (childrenRef.current) {
       setTranslateValue(direction, childrenRef.current, containerProp);
@@ -249,6 +258,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     onExit: handleExit,
     onExited: handleExited,
     onExiting: handleExiting,
+    addEndListener: handleAddEndListener,
     appear: appear,
     in: inProp,
     timeout: timeout
@@ -271,6 +281,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.default.func,
+
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
@@ -281,7 +298,7 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
   /**
    * A single child content element.
    */
-  children: _utils.elementAcceptingRef,
+  children: _utils.elementAcceptingRef.isRequired,
 
   /**
    * An HTML element, or a function that returns one.

package/node/Slider/Slider.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SliderMarkLabel = exports.SliderMark = exports.SliderValueLabel = exports.SliderThumb = exports.SliderTrack = exports.SliderRail = exports.SliderRoot = exports.sliderClasses = void 0;
+exports.sliderClasses = exports.default = exports.SliderValueLabel = exports.SliderTrack = exports.SliderThumb = exports.SliderRoot = exports.SliderRail = exports.SliderMarkLabel = exports.SliderMark = void 0;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -666,7 +666,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
 
   /**
    * Tab index attribute of the hidden `input` element.

package/node/Snackbar/Snackbar.js

@@ -19,6 +19,8 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _core = require("@mui/core");
 
+var _ClickAwayListener = _interopRequireDefault(require("@mui/core/ClickAwayListener"));
+
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
@@ -27,8 +29,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
 var _createTransitions = require("../styles/createTransitions");
 
-var _ClickAwayListener = _interopRequireDefault(require("../ClickAwayListener"));
-
 var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
 
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -402,7 +402,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/Snackbar/snackbarClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSnackbarUtilityClass = getSnackbarUtilityClass;
 exports.default = void 0;
+exports.getSnackbarUtilityClass = getSnackbarUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/SnackbarContent/SnackbarContent.js

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

package/node/SnackbarContent/snackbarContentClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSnackbarContentUtilityClass = getSnackbarContentUtilityClass;
 exports.default = void 0;
+exports.getSnackbarContentUtilityClass = getSnackbarContentUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/SpeedDial/SpeedDial.js

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

package/node/SpeedDial/speedDialClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSpeedDialUtilityClass = getSpeedDialUtilityClass;
 exports.default = void 0;
+exports.getSpeedDialUtilityClass = getSpeedDialUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/SpeedDialAction/SpeedDialAction.js

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

package/node/SpeedDialAction/speedDialActionClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSpeedDialActionUtilityClass = getSpeedDialActionUtilityClass;
 exports.default = void 0;
+exports.getSpeedDialActionUtilityClass = getSpeedDialActionUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/SpeedDialIcon/SpeedDialIcon.js

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

package/node/SpeedDialIcon/speedDialIconClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSpeedDialIconUtilityClass = getSpeedDialIconUtilityClass;
 exports.default = void 0;
+exports.getSpeedDialIconUtilityClass = getSpeedDialIconUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Stack/Stack.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.style = void 0;
+exports.style = exports.default = void 0;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -183,7 +183,7 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = Stack;
 exports.default = _default;

package/node/Step/Step.js

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

package/node/Step/stepClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStepUtilityClass = getStepUtilityClass;
 exports.default = void 0;
+exports.getStepUtilityClass = getStepUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/StepButton/StepButton.js

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

package/node/StepButton/stepButtonClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStepButtonUtilityClass = getStepButtonUtilityClass;
 exports.default = void 0;
+exports.getStepButtonUtilityClass = getStepButtonUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/StepConnector/StepConnector.js

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

package/node/StepConnector/stepConnectorClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStepConnectorUtilityClass = getStepConnectorUtilityClass;
 exports.default = void 0;
+exports.getStepConnectorUtilityClass = getStepConnectorUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/StepContent/StepContent.js

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

package/node/StepContent/stepContentClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStepContentUtilityClass = getStepContentUtilityClass;
 exports.default = void 0;
+exports.getStepContentUtilityClass = getStepContentUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/StepIcon/StepIcon.js

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

package/node/StepIcon/stepIconClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStepIconUtilityClass = getStepIconUtilityClass;
 exports.default = void 0;
+exports.getStepIconUtilityClass = getStepIconUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/StepLabel/StepLabel.js

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

package/node/StepLabel/stepLabelClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStepLabelUtilityClass = getStepLabelUtilityClass;
 exports.default = void 0;
+exports.getStepLabelUtilityClass = getStepLabelUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Stepper/Stepper.js

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

package/node/Stepper/stepperClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStepperUtilityClass = getStepperUtilityClass;
 exports.default = void 0;
+exports.getStepperUtilityClass = getStepperUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/SvgIcon/SvgIcon.js

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

package/node/SvgIcon/svgIconClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSvgIconUtilityClass = getSvgIconUtilityClass;
 exports.default = void 0;
+exports.getSvgIconUtilityClass = getSvgIconUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/SwipeableDrawer/SwipeableDrawer.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.reset = reset;
 exports.default = void 0;
+exports.reset = reset;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/node/Switch/Switch.js

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

package/node/Switch/switchClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSwitchUtilityClass = getSwitchUtilityClass;
 exports.default = void 0;
+exports.getSwitchUtilityClass = getSwitchUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Tab/Tab.js

@@ -33,7 +33,7 @@ var _tabClasses = _interopRequireWildcard(require("./tabClasses"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"];
+const _excluded = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -51,7 +51,8 @@ const useUtilityClasses = ownerState => {
     disabled
   } = ownerState;
   const slots = {
-    root: ['root', icon && label && 'labelIcon', `textColor${(0, _capitalize.default)(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled']
+    root: ['root', icon && label && 'labelIcon', `textColor${(0, _capitalize.default)(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],
+    iconWrapper: ['iconWrapper']
   };
   return (0, _core.unstable_composeClasses)(slots, _tabClasses.getTabUtilityClass, classes);
 };
@@ -77,16 +78,24 @@ const TabRoot = (0, _styled.default)(_ButtonBase.default, {
   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 && {
   minHeight: 72,
   paddingTop: 9,
   paddingBottom: 9,
-  [`& > *:first-child`]: {
+  [`& > .${_tabClasses.default.iconWrapper}`]: (0, _extends2.default)({}, ownerState.iconPosition === 'top' && {
     marginBottom: 6
-  }
+  }, ownerState.iconPosition === 'bottom' && {
+    marginTop: 6
+  }, ownerState.iconPosition === 'start' && {
+    marginRight: theme.spacing(1)
+  }, ownerState.iconPosition === 'end' && {
+    marginLeft: theme.spacing(1)
+  })
 }, ownerState.textColor === 'inherit' && {
   color: 'inherit',
   opacity: 0.6,
@@ -132,7 +141,8 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     disableFocusRipple = false,
     // eslint-disable-next-line react/prop-types
     fullWidth,
-    icon,
+    icon: iconProp,
+    iconPosition = 'top',
     // eslint-disable-next-line react/prop-types
     indicator,
     label,
@@ -153,13 +163,17 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     disabled,
     disableFocusRipple,
     selected,
-    icon: !!icon,
+    icon: !!iconProp,
+    iconPosition,
     label: !!label,
     fullWidth,
     textColor,
     wrapped
   });
   const classes = useUtilityClasses(ownerState);
+  const icon = iconProp && label && /*#__PURE__*/React.isValidElement(iconProp) ? /*#__PURE__*/React.cloneElement(iconProp, {
+    className: (0, _clsx.default)(classes.iconWrapper, iconProp.props.className)
+  }) : iconProp;
 
   const handleClick = event => {
     if (!selected && onChange) {
@@ -193,7 +207,11 @@ const 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__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [icon, label]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [label, icon]
+    }), indicator]
   }));
 });
 process.env.NODE_ENV !== "production" ? Tab.propTypes
@@ -246,6 +264,12 @@ process.env.NODE_ENV !== "production" ? Tab.propTypes
    */
   icon: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.string]),
 
+  /**
+   * The position of the icon relative to the label.
+   * @default 'top'
+   */
+  iconPosition: _propTypes.default.oneOf(['bottom', 'end', 'start', 'top']),
+
   /**
    * The label element.
    */
@@ -269,7 +293,7 @@ process.env.NODE_ENV !== "production" ? Tab.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
 
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.

package/node/Tab/tabClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTabUtilityClass = getTabUtilityClass;
 exports.default = void 0;
+exports.getTabUtilityClass = getTabUtilityClass;
 
 var _core = require("@mui/core");
 
@@ -12,6 +12,6 @@ function getTabUtilityClass(slot) {
   return (0, _core.generateUtilityClass)('MuiTab', slot);
 }
 
-const tabClasses = (0, _core.generateUtilityClasses)('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped']);
+const tabClasses = (0, _core.generateUtilityClasses)('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'iconWrapper']);
 var _default = tabClasses;
 exports.default = _default;

package/node/TabScrollButton/TabScrollButton.js

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

package/node/TabScrollButton/tabScrollButtonClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTabScrollButtonUtilityClass = getTabScrollButtonUtilityClass;
 exports.default = void 0;
+exports.getTabScrollButtonUtilityClass = getTabScrollButtonUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Table/Table.js

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

package/node/Table/tableClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTableUtilityClass = getTableUtilityClass;
 exports.default = void 0;
+exports.getTableUtilityClass = getTableUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/TableBody/TableBody.js

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