@mui/material 5.0.4 → 5.1.1

package/node/StepConnector/StepConnector.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', orientation, alternativeLabel && 'alternativeLabel', active && 'active', completed && 'completed', disabled && 'disabled'],
     line: ['line', `line${(0, _capitalize.default)(orientation)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _stepConnectorClasses.getStepConnectorUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _stepConnectorClasses.getStepConnectorUtilityClass, classes);
 };
 
 const StepConnectorRoot = (0, _styled.default)('div', {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = StepConnector;
 exports.default = _default;

package/node/StepConnector/stepConnectorClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getStepConnectorUtilityClass = getStepConnectorUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getStepConnectorUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiStepConnector', slot);
+  return (0, _base.generateUtilityClass)('MuiStepConnector', slot);
 }
 
-const stepConnectorClasses = (0, _core.generateUtilityClasses)('MuiStepConnector', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'active', 'completed', 'disabled', 'line', 'lineHorizontal', 'lineVertical']);
+const stepConnectorClasses = (0, _base.generateUtilityClasses)('MuiStepConnector', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'active', 'completed', 'disabled', 'line', 'lineHorizontal', 'lineVertical']);
 var _default = stepConnectorClasses;
 exports.default = _default;

package/node/StepContent/StepContent.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -48,7 +48,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', last && 'last'],
     transition: ['transition']
   };
-  return (0, _core.unstable_composeClasses)(slots, _stepContentClasses.getStepContentUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _stepContentClasses.getStepContentUtilityClass, classes);
 };
 
 const StepContentRoot = (0, _styled.default)('div', {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/StepContent/stepContentClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getStepContentUtilityClass = getStepContentUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getStepContentUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiStepContent', slot);
+  return (0, _base.generateUtilityClass)('MuiStepContent', slot);
 }
 
-const stepContentClasses = (0, _core.generateUtilityClasses)('MuiStepContent', ['root', 'last', 'transition']);
+const stepContentClasses = (0, _base.generateUtilityClasses)('MuiStepContent', ['root', 'last', 'transition']);
 var _default = stepContentClasses;
 exports.default = _default;

package/node/StepIcon/StepIcon.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', active && 'active', completed && 'completed', error && 'error'],
     text: ['text']
   };
-  return (0, _core.unstable_composeClasses)(slots, _stepIconClasses.getStepIconUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _stepIconClasses.getStepIconUtilityClass, classes);
 };
 
 const StepIconRoot = (0, _styled.default)(_SvgIcon.default, {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = StepIcon;
 exports.default = _default;

package/node/StepIcon/stepIconClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getStepIconUtilityClass = getStepIconUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getStepIconUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiStepIcon', slot);
+  return (0, _base.generateUtilityClass)('MuiStepIcon', slot);
 }
 
-const stepIconClasses = (0, _core.generateUtilityClasses)('MuiStepIcon', ['root', 'active', 'completed', 'error', 'text']);
+const stepIconClasses = (0, _base.generateUtilityClasses)('MuiStepIcon', ['root', 'active', 'completed', 'error', 'text']);
 var _default = stepIconClasses;
 exports.default = _default;

package/node/StepLabel/StepLabel.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -55,7 +55,7 @@ const useUtilityClasses = ownerState => {
     iconContainer: ['iconContainer', alternativeLabel && 'alternativeLabel'],
     labelContainer: ['labelContainer']
   };
-  return (0, _core.unstable_composeClasses)(slots, _stepLabelClasses.getStepLabelUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _stepLabelClasses.getStepLabelUtilityClass, classes);
 };
 
 const StepLabelRoot = (0, _styled.default)('span', {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 StepLabel.muiName = 'StepLabel';
 var _default = StepLabel;

package/node/StepLabel/stepLabelClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getStepLabelUtilityClass = getStepLabelUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getStepLabelUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiStepLabel', slot);
+  return (0, _base.generateUtilityClass)('MuiStepLabel', slot);
 }
 
-const stepLabelClasses = (0, _core.generateUtilityClasses)('MuiStepLabel', ['root', 'horizontal', 'vertical', 'label', 'active', 'completed', 'error', 'disabled', 'iconContainer', 'alternativeLabel', 'labelContainer']);
+const stepLabelClasses = (0, _base.generateUtilityClasses)('MuiStepLabel', ['root', 'horizontal', 'vertical', 'label', 'active', 'completed', 'error', 'disabled', 'iconContainer', 'alternativeLabel', 'labelContainer']);
 var _default = stepLabelClasses;
 exports.default = _default;

package/node/Stepper/Stepper.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
@@ -48,7 +48,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', orientation, alternativeLabel && 'alternativeLabel']
   };
-  return (0, _core.unstable_composeClasses)(slots, _stepperClasses.getStepperUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _stepperClasses.getStepperUtilityClass, classes);
 };
 
 const StepperRoot = (0, _styled.default)('div', {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = Stepper;
 exports.default = _default;

package/node/Stepper/stepperClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getStepperUtilityClass = getStepperUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getStepperUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiStepper', slot);
+  return (0, _base.generateUtilityClass)('MuiStepper', slot);
 }
 
-const stepperClasses = (0, _core.generateUtilityClasses)('MuiStepper', ['root', 'horizontal', 'vertical', 'alternativeLabel']);
+const stepperClasses = (0, _base.generateUtilityClasses)('MuiStepper', ['root', 'horizontal', 'vertical', 'alternativeLabel']);
 var _default = stepperClasses;
 exports.default = _default;

package/node/SvgIcon/SvgIcon.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
@@ -44,7 +44,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', color !== 'inherit' && `color${(0, _capitalize.default)(color)}`, `fontSize${(0, _capitalize.default)(fontSize)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _svgIconClasses.getSvgIconUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _svgIconClasses.getSvgIconUtilityClass, classes);
 };
 
 const SvgIconRoot = (0, _styled.default)('svg', {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * Provides a human-readable title for the element that contains it.

package/node/SvgIcon/svgIconClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getSvgIconUtilityClass = getSvgIconUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getSvgIconUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiSvgIcon', slot);
+  return (0, _base.generateUtilityClass)('MuiSvgIcon', slot);
 }
 
-const svgIconClasses = (0, _core.generateUtilityClasses)('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
+const svgIconClasses = (0, _base.generateUtilityClasses)('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
 var _default = svgIconClasses;
 exports.default = _default;

package/node/SwipeableDrawer/SwipeableDrawer.js

@@ -20,7 +20,7 @@ var _utils = require("@mui/utils");
 
 var _system = require("@mui/system");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _Drawer = _interopRequireWildcard(require("../Drawer/Drawer"));
 
@@ -518,7 +518,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       transitionDuration: calculatedDurationRef.current || transitionDuration,
       onClose: onClose,
       ref: ref
-    }, other)), !disableSwipeToOpen && variant === 'temporary' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.NoSsr, {
+    }, other)), !disableSwipeToOpen && variant === 'temporary' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.NoSsr, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SwipeArea.default, (0, _extends2.default)({
         anchor: anchor,
         ref: swipeAreaRef,

package/node/Switch/Switch.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -57,7 +57,7 @@ const useUtilityClasses = ownerState => {
     track: ['track'],
     input: ['input']
   };
-  const composedClasses = (0, _core.unstable_composeClasses)(slots, _switchClasses.getSwitchUtilityClass, classes);
+  const composedClasses = (0, _base.unstable_composeClasses)(slots, _switchClasses.getSwitchUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The value of the component. The DOM API casts this to a string.

package/node/Switch/switchClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getSwitchUtilityClass = getSwitchUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getSwitchUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiSwitch', slot);
+  return (0, _base.generateUtilityClass)('MuiSwitch', slot);
 }
 
-const switchClasses = (0, _core.generateUtilityClasses)('MuiSwitch', ['root', 'edgeStart', 'edgeEnd', 'switchBase', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium', 'checked', 'disabled', 'input', 'thumb', 'track']);
+const switchClasses = (0, _base.generateUtilityClasses)('MuiSwitch', ['root', 'edgeStart', 'edgeEnd', 'switchBase', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium', 'checked', 'disabled', 'input', 'thumb', 'track']);
 var _default = switchClasses;
 exports.default = _default;

package/node/Tab/Tab.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 
@@ -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); }
 
@@ -54,7 +54,7 @@ const useUtilityClasses = ownerState => {
     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);
+  return (0, _base.unstable_composeClasses)(slots, _tabClasses.getTabUtilityClass, classes);
 };
 
 const TabRoot = (0, _styled.default)(_ButtonBase.default, {
@@ -78,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,
-  [`& > .${_tabClasses.default.iconWrapper}`]: {
+  [`& > .${_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,
@@ -134,6 +142,7 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     // eslint-disable-next-line react/prop-types
     fullWidth,
     icon: iconProp,
+    iconPosition = 'top',
     // eslint-disable-next-line react/prop-types
     indicator,
     label,
@@ -155,6 +164,7 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     disableFocusRipple,
     selected,
     icon: !!iconProp,
+    iconPosition,
     label: !!label,
     fullWidth,
     textColor,
@@ -197,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
@@ -250,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.
    */
@@ -273,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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _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

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

package/node/TabScrollButton/TabScrollButton.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _KeyboardArrowLeft2 = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowLeft"));
 
@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', orientation, disabled && 'disabled']
   };
-  return (0, _core.unstable_composeClasses)(slots, _tabScrollButtonClasses.getTabScrollButtonUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tabScrollButtonClasses.getTabScrollButtonUtilityClass, classes);
 };
 
 const TabScrollButtonRoot = (0, _styled.default)(_ButtonBase.default, {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = TabScrollButton;
 exports.default = _default;

package/node/TabScrollButton/tabScrollButtonClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTabScrollButtonUtilityClass = getTabScrollButtonUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTabScrollButtonUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTabScrollButton', slot);
+  return (0, _base.generateUtilityClass)('MuiTabScrollButton', slot);
 }
 
-const tabScrollButtonClasses = (0, _core.generateUtilityClasses)('MuiTabScrollButton', ['root', 'vertical', 'horizontal', 'disabled']);
+const tabScrollButtonClasses = (0, _base.generateUtilityClasses)('MuiTabScrollButton', ['root', 'vertical', 'horizontal', 'disabled']);
 var _default = tabScrollButtonClasses;
 exports.default = _default;

package/node/Table/Table.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _TableContext = _interopRequireDefault(require("./TableContext"));
 
@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', stickyHeader && 'stickyHeader']
   };
-  return (0, _core.unstable_composeClasses)(slots, _tableClasses.getTableUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tableClasses.getTableUtilityClass, classes);
 };
 
 const TableRoot = (0, _styled.default)('table', {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = Table;
 exports.default = _default;

package/node/Table/tableClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTableUtilityClass = getTableUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTableUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTable', slot);
+  return (0, _base.generateUtilityClass)('MuiTable', slot);
 }
 
-const tableClasses = (0, _core.generateUtilityClasses)('MuiTable', ['root', 'stickyHeader']);
+const tableClasses = (0, _base.generateUtilityClasses)('MuiTable', ['root', 'stickyHeader']);
 var _default = tableClasses;
 exports.default = _default;

package/node/TableBody/TableBody.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _Tablelvl2Context = _interopRequireDefault(require("../Table/Tablelvl2Context"));
 
@@ -42,7 +42,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _tableBodyClasses.getTableBodyUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tableBodyClasses.getTableBodyUtilityClass, classes);
 };
 
 const TableBodyRoot = (0, _styled.default)('tbody', {
@@ -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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = TableBody;
 exports.default = _default;

package/node/TableBody/tableBodyClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTableBodyUtilityClass = getTableBodyUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTableBodyUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTableBody', slot);
+  return (0, _base.generateUtilityClass)('MuiTableBody', slot);
 }
 
-const tableBodyClasses = (0, _core.generateUtilityClasses)('MuiTableBody', ['root']);
+const tableBodyClasses = (0, _base.generateUtilityClasses)('MuiTableBody', ['root']);
 var _default = tableBodyClasses;
 exports.default = _default;

package/node/TableCell/TableCell.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -53,7 +53,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, stickyHeader && 'stickyHeader', align !== 'inherit' && `align${(0, _capitalize.default)(align)}`, padding !== 'normal' && `padding${(0, _capitalize.default)(padding)}`, `size${(0, _capitalize.default)(size)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _tableCellClasses.getTableCellUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tableCellClasses.getTableCellUtilityClass, classes);
 };
 
 const TableCellRoot = (0, _styled.default)('td', {
@@ -245,7 +245,7 @@ process.env.NODE_ENV !== "production" ? TableCell.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.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * Specify the cell type.

package/node/TableCell/tableCellClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTableCellUtilityClass = getTableCellUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTableCellUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTableCell', slot);
+  return (0, _base.generateUtilityClass)('MuiTableCell', slot);
 }
 
-const tableCellClasses = (0, _core.generateUtilityClasses)('MuiTableCell', ['root', 'head', 'body', 'footer', 'sizeSmall', 'sizeMedium', 'paddingCheckbox', 'paddingNone', 'alignLeft', 'alignCenter', 'alignRight', 'alignJustify', 'stickyHeader']);
+const tableCellClasses = (0, _base.generateUtilityClasses)('MuiTableCell', ['root', 'head', 'body', 'footer', 'sizeSmall', 'sizeMedium', 'paddingCheckbox', 'paddingNone', 'alignLeft', 'alignCenter', 'alignRight', 'alignJustify', 'stickyHeader']);
 var _default = tableCellClasses;
 exports.default = _default;