@mui/material 5.0.5 → 5.2.0

package/node/TableHead/tableHeadClasses.js

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

package/node/TablePagination/TablePagination.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 _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -146,7 +146,7 @@ function defaultLabelDisplayedRows({
   to,
   count
 }) {
-  return `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`;
+  return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
 }
 
 function defaultGetAriaLabel(type) {
@@ -169,7 +169,7 @@ const useUtilityClasses = ownerState => {
     displayedRows: ['displayedRows'],
     actions: ['actions']
   };
-  return (0, _core.unstable_composeClasses)(slots, _tablePaginationClasses.getTablePaginationUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tablePaginationClasses.getTablePaginationUtilityClass, classes);
 };
 /**
  * A `TableCell` based component for placing inside `TableFooter` for pagination.
@@ -252,7 +252,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
           // TODO v5 remove `selectIcon`
           icon: (0, _clsx.default)(classes.selectIcon, (SelectProps.classes || {}).icon)
         }),
-        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/(0, React.createElement)(MenuItemComponent, (0, _extends2.default)({}, !(0, _core.isHostComponent)(MenuItemComponent) && {
+        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/(0, React.createElement)(MenuItemComponent, (0, _extends2.default)({}, !(0, _base.isHostComponent)(MenuItemComponent) && {
           ownerState
         }, {
           className: classes.menuItem,
@@ -349,7 +349,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    *
    * For localization purposes, you can use the provided [translations](/guides/localization/).
    * @default function defaultLabelDisplayedRows({ from, to, count }) {
-   *   return `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`;
+   *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
    * }
    */
   labelDisplayedRows: _propTypes.default.func,
@@ -444,7 +444,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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 = TablePagination;
 exports.default = _default;

package/node/TablePagination/tablePaginationClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTablePaginationUtilityClass = getTablePaginationUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTablePaginationUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTablePagination', slot);
+  return (0, _base.generateUtilityClass)('MuiTablePagination', slot);
 }
 
-const tablePaginationClasses = (0, _core.generateUtilityClasses)('MuiTablePagination', ['root', 'toolbar', 'spacer', 'selectLabel', 'selectRoot', 'select', 'selectIcon', 'input', 'menuItem', 'displayedRows', 'actions']);
+const tablePaginationClasses = (0, _base.generateUtilityClasses)('MuiTablePagination', ['root', 'toolbar', 'spacer', 'selectLabel', 'selectRoot', 'select', 'selectIcon', 'input', 'menuItem', 'displayedRows', 'actions']);
 var _default = tablePaginationClasses;
 exports.default = _default;

package/node/TableRow/TableRow.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");
 
@@ -48,7 +48,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', selected && 'selected', hover && 'hover', head && 'head', footer && 'footer']
   };
-  return (0, _core.unstable_composeClasses)(slots, _tableRowClasses.getTableRowUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tableRowClasses.getTableRowUtilityClass, classes);
 };
 
 const TableRowRoot = (0, _styled.default)('tr', {
@@ -157,7 +157,7 @@ process.env.NODE_ENV !== "production" ? TableRow.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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 = TableRow;
 exports.default = _default;

package/node/TableRow/tableRowClasses.js

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

package/node/TableSortLabel/TableSortLabel.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
@@ -49,7 +49,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', active && 'active'],
     icon: ['icon', `iconDirection${(0, _capitalize.default)(direction)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _tableSortLabelClasses.getTableSortLabelUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tableSortLabelClasses.getTableSortLabelUtilityClass, classes);
 };
 
 const TableSortLabelRoot = (0, _styled.default)(_ButtonBase.default, {
@@ -201,7 +201,7 @@ process.env.NODE_ENV !== "production" ? TableSortLabel.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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 = TableSortLabel;
 exports.default = _default;

package/node/TableSortLabel/tableSortLabelClasses.js

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

package/node/Tabs/Tabs.js

@@ -21,7 +21,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -126,7 +126,7 @@ const useUtilityClasses = ownerState => {
     scrollableX: [scrollableX && 'scrollableX'],
     hideScrollbar: [hideScrollbar && 'hideScrollbar']
   };
-  return (0, _core.unstable_composeClasses)(slots, _tabsClasses.getTabsUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tabsClasses.getTabsUtilityClass, classes);
 };
 
 const TabsRoot = (0, _styled.default)('div', {
@@ -834,7 +834,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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]),
 
   /**
    * Props applied to the tab indicator element.

package/node/Tabs/tabsClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTabsUtilityClass = getTabsUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTabsUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTabs', slot);
+  return (0, _base.generateUtilityClass)('MuiTabs', slot);
 }
 
-const tabsClasses = (0, _core.generateUtilityClasses)('MuiTabs', ['root', 'vertical', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
+const tabsClasses = (0, _base.generateUtilityClasses)('MuiTabs', ['root', 'vertical', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
 var _default = tabsClasses;
 exports.default = _default;

package/node/TextField/TextField.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 _utils = require("@mui/utils");
 
@@ -62,7 +62,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _textFieldClasses.getTextFieldUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _textFieldClasses.getTextFieldUtilityClass, classes);
 };
 
 const TextFieldRoot = (0, _styled.default)(_FormControl.default, {
@@ -437,7 +437,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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]),
 
   /**
    * 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/node/TextField/textFieldClasses.js

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

package/node/TextareaAutosize/index.js

@@ -12,4 +12,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _TextareaAutosize = _interopRequireDefault(require("@mui/core/TextareaAutosize"));
+var _TextareaAutosize = _interopRequireDefault(require("@mui/base/TextareaAutosize"));

package/node/ToggleButton/ToggleButton.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 _styles = require("../styles");
 
@@ -51,7 +51,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', selected && 'selected', disabled && 'disabled', fullWidth && 'fullWidth', `size${(0, _capitalize.default)(size)}`, color]
   };
-  return (0, _core.unstable_composeClasses)(slots, _toggleButtonClasses.getToggleButtonUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _toggleButtonClasses.getToggleButtonUtilityClass, classes);
 };
 
 const ToggleButtonRoot = (0, _styled.default)(_ButtonBase.default, {
@@ -248,7 +248,7 @@ process.env.NODE_ENV !== "production" ? ToggleButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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 to associate with the button when selected in a

package/node/ToggleButton/toggleButtonClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getToggleButtonUtilityClass = getToggleButtonUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getToggleButtonUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiToggleButton', slot);
+  return (0, _base.generateUtilityClass)('MuiToggleButton', slot);
 }
 
-const toggleButtonClasses = (0, _core.generateUtilityClasses)('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+const toggleButtonClasses = (0, _base.generateUtilityClasses)('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 var _default = toggleButtonClasses;
 exports.default = _default;

package/node/ToggleButtonGroup/ToggleButtonGroup.js

@@ -19,7 +19,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"));
 
@@ -50,7 +50,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', orientation === 'vertical' && 'vertical', fullWidth && 'fullWidth'],
     grouped: ['grouped', `grouped${(0, _capitalize.default)(orientation)}`, disabled && 'disabled']
   };
-  return (0, _core.unstable_composeClasses)(slots, _toggleButtonGroupClasses.getToggleButtonGroupUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _toggleButtonGroupClasses.getToggleButtonGroupUtilityClass, classes);
 };
 
 const ToggleButtonGroupRoot = (0, _styled.default)('div', {
@@ -266,7 +266,7 @@ process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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 currently selected value within the group or an array of selected

package/node/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getToggleButtonGroupUtilityClass = getToggleButtonGroupUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getToggleButtonGroupUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiToggleButtonGroup', slot);
+  return (0, _base.generateUtilityClass)('MuiToggleButtonGroup', slot);
 }
 
-const toggleButtonGroupClasses = (0, _core.generateUtilityClasses)('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical']);
+const toggleButtonGroupClasses = (0, _base.generateUtilityClasses)('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical']);
 var _default = toggleButtonGroupClasses;
 exports.default = _default;

package/node/Toolbar/Toolbar.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 _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
@@ -42,7 +42,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', !disableGutters && 'gutters', variant]
   };
-  return (0, _core.unstable_composeClasses)(slots, _toolbarClasses.getToolbarUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _toolbarClasses.getToolbarUtilityClass, classes);
 };
 
 const ToolbarRoot = (0, _styled.default)('div', {
@@ -138,7 +138,7 @@ process.env.NODE_ENV !== "production" ? Toolbar.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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 variant to use.

package/node/Toolbar/toolbarClasses.js

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

package/node/Tooltip/Tooltip.js

@@ -20,7 +20,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");
 
@@ -73,7 +73,7 @@ const useUtilityClasses = ownerState => {
     tooltip: ['tooltip', arrow && 'tooltipArrow', touch && 'touch', `tooltipPlacement${(0, _capitalize.default)(placement.split('-')[0])}`],
     arrow: ['arrow']
   };
-  return (0, _core.unstable_composeClasses)(slots, _tooltipClasses.getTooltipUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tooltipClasses.getTooltipUtilityClass, classes);
 };
 
 const TooltipPopper = (0, _styled.default)(_Popper.default, {
@@ -620,10 +620,10 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const TransitionComponent = (_ref = (_components$Transitio = components.Transition) != null ? _components$Transitio : TransitionComponentProp) != null ? _ref : _Grow.default;
   const TooltipComponent = (_components$Tooltip = components.Tooltip) != null ? _components$Tooltip : TooltipTooltip;
   const ArrowComponent = (_components$Arrow = components.Arrow) != null ? _components$Arrow : TooltipArrow;
-  const popperProps = (0, _core.appendOwnerState)(PopperComponent, (0, _extends2.default)({}, PopperProps, componentsProps.popper), ownerState);
-  const transitionProps = (0, _core.appendOwnerState)(TransitionComponent, (0, _extends2.default)({}, TransitionProps, componentsProps.transition), ownerState);
-  const tooltipProps = (0, _core.appendOwnerState)(TooltipComponent, (0, _extends2.default)({}, componentsProps.tooltip), ownerState);
-  const tooltipArrowProps = (0, _core.appendOwnerState)(ArrowComponent, (0, _extends2.default)({}, componentsProps.arrow), ownerState);
+  const popperProps = (0, _base.appendOwnerState)(PopperComponent, (0, _extends2.default)({}, PopperProps, componentsProps.popper), ownerState);
+  const transitionProps = (0, _base.appendOwnerState)(TransitionComponent, (0, _extends2.default)({}, TransitionProps, componentsProps.transition), ownerState);
+  const tooltipProps = (0, _base.appendOwnerState)(TooltipComponent, (0, _extends2.default)({}, componentsProps.tooltip), ownerState);
+  const tooltipArrowProps = (0, _base.appendOwnerState)(ArrowComponent, (0, _extends2.default)({}, componentsProps.arrow), ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(PopperComponent, (0, _extends2.default)({
       as: PopperComponentProp != null ? PopperComponentProp : _Popper.default,
@@ -643,7 +643,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       id: id,
       transition: true
     }, interactiveWrapperListeners, popperProps, {
-      className: (0, _clsx.default)(classes.popper, (_componentsProps$popp = componentsProps.popper) == null ? void 0 : _componentsProps$popp.className),
+      className: (0, _clsx.default)(classes.popper, PopperProps == null ? void 0 : PopperProps.className, (_componentsProps$popp = componentsProps.popper) == null ? void 0 : _componentsProps$popp.className),
       popperOptions: popperOptions,
       children: ({
         TransitionProps: TransitionPropsInner
@@ -708,6 +708,8 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
 
   /**
    * The props used for each slot inside the Tooltip.
+   * Note that `componentsProps.popper` prop values win over `PopperProps`
+   * and `componentsProps.transition` prop values win over `TransitionProps` if both are applied.
    * @default {}
    */
   componentsProps: _propTypes.default.object,
@@ -828,7 +830,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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]),
 
   /**
    * Tooltip title. Zero-length titles string are never displayed.

package/node/Tooltip/tooltipClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTooltipUtilityClass = getTooltipUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTooltipUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTooltip', slot);
+  return (0, _base.generateUtilityClass)('MuiTooltip', slot);
 }
 
-const tooltipClasses = (0, _core.generateUtilityClasses)('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);
+const tooltipClasses = (0, _base.generateUtilityClasses)('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);
 var _default = tooltipClasses;
 exports.default = _default;

package/node/Typography/Typography.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _system = require("@mui/system");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -49,7 +49,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, ownerState.align !== 'inherit' && `align${(0, _capitalize.default)(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']
   };
-  return (0, _core.unstable_composeClasses)(slots, _typographyClasses.getTypographyUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _typographyClasses.getTypographyUtilityClass, classes);
 };
 
 const TypographyRoot = (0, _styled.default)('span', {
@@ -203,7 +203,7 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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]),
 
   /**
    * Applies the theme typography styles.

package/node/Typography/typographyClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getTypographyUtilityClass = getTypographyUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getTypographyUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiTypography', slot);
+  return (0, _base.generateUtilityClass)('MuiTypography', slot);
 }
 
-const typographyClasses = (0, _core.generateUtilityClasses)('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
+const typographyClasses = (0, _base.generateUtilityClasses)('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
 var _default = typographyClasses;
 exports.default = _default;

package/node/Unstable_TrapFocus/index.js

@@ -12,4 +12,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _Unstable_TrapFocus = _interopRequireDefault(require("@mui/core/Unstable_TrapFocus"));
+var _Unstable_TrapFocus = _interopRequireDefault(require("@mui/base/Unstable_TrapFocus"));

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.5
+/** @license MUI v5.2.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -978,16 +978,16 @@ Object.keys(_utils).forEach(function (key) {
   });
 });
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
-Object.keys(_core).forEach(function (key) {
+Object.keys(_base).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _core[key]) return;
+  if (key in exports && exports[key] === _base[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _core[key];
+      return _base[key];
     }
   });
 });

package/node/internal/SwitchBase.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 _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', checked && 'checked', disabled && 'disabled', edge && `edge${(0, _capitalize.default)(edge)}`],
     input: ['input']
   };
-  return (0, _core.unstable_composeClasses)(slots, _switchBaseClasses.getSwitchBaseUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _switchBaseClasses.getSwitchBaseUtilityClass, classes);
 };
 
 const SwitchBaseRoot = (0, _styled.default)(_ButtonBase.default, {

package/node/internal/switchBaseClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getSwitchBaseUtilityClass = getSwitchBaseUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getSwitchBaseUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('PrivateSwitchBase', slot);
+  return (0, _base.generateUtilityClass)('PrivateSwitchBase', slot);
 }
 
-const switchBaseClasses = (0, _core.generateUtilityClasses)('PrivateSwitchBase', ['root', 'checked', 'disabled', 'input', 'edgeStart', 'edgeEnd']);
+const switchBaseClasses = (0, _base.generateUtilityClasses)('PrivateSwitchBase', ['root', 'checked', 'disabled', 'input', 'edgeStart', 'edgeEnd']);
 var _default = switchBaseClasses;
 exports.default = _default;