@mui/material 5.0.4 → 5.1.1

package/node/TableContainer/TableContainer.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"));
 
@@ -40,7 +40,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _core.unstable_composeClasses)(slots, _tableContainerClasses.getTableContainerUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tableContainerClasses.getTableContainerUtilityClass, classes);
 };
 
 const TableContainerRoot = (0, _styled.default)('div', {
@@ -104,7 +104,7 @@ process.env.NODE_ENV !== "production" ? TableContainer.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 = TableContainer;
 exports.default = _default;

package/node/TableContainer/tableContainerClasses.js

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

package/node/TableFooter/TableFooter.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, _tableFooterClasses.getTableFooterUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tableFooterClasses.getTableFooterUtilityClass, classes);
 };
 
 const TableFooterRoot = (0, _styled.default)('tfoot', {
@@ -113,7 +113,7 @@ process.env.NODE_ENV !== "production" ? TableFooter.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 = TableFooter;
 exports.default = _default;

package/node/TableFooter/tableFooterClasses.js

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

package/node/TableHead/TableHead.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, _tableHeadClasses.getTableHeadUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tableHeadClasses.getTableHeadUtilityClass, classes);
 };
 
 const TableHeadRoot = (0, _styled.default)('thead', {
@@ -113,7 +113,7 @@ process.env.NODE_ENV !== "production" ? TableHead.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 = TableHead;
 exports.default = _default;

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.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.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.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.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.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("./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.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.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.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, {
@@ -246,11 +246,11 @@ function composeEventHandler(handler, eventHandler) {
 
     handler(event);
   };
-} // TODO (v6) Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
+} // TODO v6: Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
 
 
 const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
-  var _components$Popper, _ref, _components$Tooltip, _components$Arrow, _componentsProps$popp;
+  var _components$Popper, _ref, _components$Transitio, _components$Tooltip, _components$Arrow, _componentsProps$popp;
 
   const props = (0, _useThemeProps.default)({
     props: inProps,
@@ -617,13 +617,13 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   });
   const classes = useUtilityClasses(ownerState);
   const PopperComponent = (_components$Popper = components.Popper) != null ? _components$Popper : TooltipPopper;
-  const TransitionComponent = (_ref = TransitionComponentProp != null ? TransitionComponentProp : components.Transition) != null ? _ref : _Grow.default;
+  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.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;