@mui/material 5.15.9 → 5.15.11

package/node/TabScrollButton/TabScrollButton.js

@@ -12,7 +12,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
+var _utils = require("@mui/base/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _KeyboardArrowLeft = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowLeft"));
 var _KeyboardArrowRight = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowRight"));
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
@@ -33,7 +34,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', orientation, disabled && 'disabled']
   };
-  return (0, _base.unstable_composeClasses)(slots, _tabScrollButtonClasses.getTabScrollButtonUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tabScrollButtonClasses.getTabScrollButtonUtilityClass, classes);
 };
 const TabScrollButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   name: 'MuiTabScrollButton',
@@ -81,7 +82,7 @@ const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(i
   const classes = useUtilityClasses(ownerState);
   const StartButtonIcon = (_slots$StartScrollBut = slots.StartScrollButtonIcon) != null ? _slots$StartScrollBut : _KeyboardArrowLeft.default;
   const EndButtonIcon = (_slots$EndScrollButto = slots.EndScrollButtonIcon) != null ? _slots$EndScrollButto : _KeyboardArrowRight.default;
-  const startButtonIconProps = (0, _base.useSlotProps)({
+  const startButtonIconProps = (0, _utils.useSlotProps)({
     elementType: StartButtonIcon,
     externalSlotProps: slotProps.startScrollButtonIcon,
     additionalProps: {
@@ -89,7 +90,7 @@ const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(i
     },
     ownerState
   });
-  const endButtonIconProps = (0, _base.useSlotProps)({
+  const endButtonIconProps = (0, _utils.useSlotProps)({
     elementType: EndButtonIcon,
     externalSlotProps: slotProps.endScrollButtonIcon,
     additionalProps: {

package/node/Table/Table.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _TableContext = _interopRequireDefault(require("./TableContext"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', stickyHeader && 'stickyHeader']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _tableClasses.getTableUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tableClasses.getTableUtilityClass, classes);
 };
 const TableRoot = (0, _styled.default)('table', {
   name: 'MuiTable',

package/node/TableBody/TableBody.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _Tablelvl2Context = _interopRequireDefault(require("../Table/Tablelvl2Context"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _tableBodyClasses.getTableBodyUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tableBodyClasses.getTableBodyUtilityClass, classes);
 };
 const TableBodyRoot = (0, _styled.default)('tbody', {
   name: 'MuiTableBody',

package/node/TableCell/TableCell.js

@@ -11,8 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
-var _system = require("@mui/system");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _colorManipulator = require("@mui/system/colorManipulator");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _TableContext = _interopRequireDefault(require("../Table/TableContext"));
 var _Tablelvl2Context = _interopRequireDefault(require("../Table/Tablelvl2Context"));
@@ -35,7 +35,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, _composeClasses.unstable_composeClasses)(slots, _tableCellClasses.getTableCellUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tableCellClasses.getTableCellUtilityClass, classes);
 };
 const TableCellRoot = (0, _styled.default)('td', {
   name: 'MuiTableCell',
@@ -55,7 +55,7 @@ const TableCellRoot = (0, _styled.default)('td', {
   // Workaround for a rendering bug with spanned columns in Chrome 62.0.
   // Removes the alpha (sets it to 1), and lightens or darkens the theme color.
   borderBottom: theme.vars ? `1px solid ${theme.vars.palette.TableCell.border}` : `1px solid
-    ${theme.palette.mode === 'light' ? (0, _system.lighten)((0, _system.alpha)(theme.palette.divider, 1), 0.88) : (0, _system.darken)((0, _system.alpha)(theme.palette.divider, 1), 0.68)}`,
+    ${theme.palette.mode === 'light' ? (0, _colorManipulator.lighten)((0, _colorManipulator.alpha)(theme.palette.divider, 1), 0.88) : (0, _colorManipulator.darken)((0, _colorManipulator.alpha)(theme.palette.divider, 1), 0.68)}`,
   textAlign: 'left',
   padding: 16
 }, ownerState.variant === 'head' && {

package/node/TableContainer/TableContainer.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _tableContainerClasses = require("./tableContainerClasses");
@@ -26,7 +26,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _tableContainerClasses.getTableContainerUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tableContainerClasses.getTableContainerUtilityClass, classes);
 };
 const TableContainerRoot = (0, _styled.default)('div', {
   name: 'MuiTableContainer',

package/node/TableFooter/TableFooter.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _Tablelvl2Context = _interopRequireDefault(require("../Table/Tablelvl2Context"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _tableFooterClasses.getTableFooterUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tableFooterClasses.getTableFooterUtilityClass, classes);
 };
 const TableFooterRoot = (0, _styled.default)('tfoot', {
   name: 'MuiTableFooter',

package/node/TableHead/TableHead.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _Tablelvl2Context = _interopRequireDefault(require("../Table/Tablelvl2Context"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _tableHeadClasses.getTableHeadUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tableHeadClasses.getTableHeadUtilityClass, classes);
 };
 const TableHeadRoot = (0, _styled.default)('thead', {
   name: 'MuiTableHead',

package/node/TablePagination/TablePagination.js

@@ -12,8 +12,10 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
+var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
+var _utils = require("@mui/base/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _InputBase2 = _interopRequireDefault(require("../InputBase"));
@@ -143,7 +145,7 @@ const useUtilityClasses = ownerState => {
     displayedRows: ['displayedRows'],
     actions: ['actions']
   };
-  return (0, _base.unstable_composeClasses)(slots, _tablePaginationClasses.getTablePaginationUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tablePaginationClasses.getTablePaginationUtilityClass, classes);
 };
 
 /**
@@ -228,7 +230,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
           icon: (0, _clsx.default)(classes.selectIcon, (selectProps.classes || {}).icon)
         }),
         disabled: disabled,
-        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/(0, _react.createElement)(MenuItemComponent, (0, _extends2.default)({}, !(0, _base.isHostComponent)(MenuItemComponent) && {
+        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/(0, _react.createElement)(MenuItemComponent, (0, _extends2.default)({}, !(0, _utils.isHostComponent)(MenuItemComponent) && {
           ownerState
         }, {
           className: classes.menuItem,
@@ -301,7 +303,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    *
    * To enable server side pagination for an unknown number of items, provide -1.
    */
-  count: _utils.integerPropType.isRequired,
+  count: _integerPropType.default.isRequired,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -359,7 +361,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
   /**
    * The zero-based index of the current page.
    */
-  page: (0, _utils.chainPropTypes)(_utils.integerPropType.isRequired, props => {
+  page: (0, _chainPropTypes.default)(_integerPropType.default.isRequired, props => {
     const {
       count,
       page,
@@ -379,7 +381,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    *
    * Set -1 to display all the rows.
    */
-  rowsPerPage: _utils.integerPropType.isRequired,
+  rowsPerPage: _integerPropType.default.isRequired,
   /**
    * Customizes the options of the rows per page select field. If less than two options are
    * available, no select field will be displayed.

package/node/TableRow/TableRow.js

@@ -11,8 +11,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
-var _system = require("@mui/system");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _colorManipulator = require("@mui/system/colorManipulator");
 var _Tablelvl2Context = _interopRequireDefault(require("../Table/Tablelvl2Context"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', selected && 'selected', hover && 'hover', head && 'head', footer && 'footer']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _tableRowClasses.getTableRowUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tableRowClasses.getTableRowUtilityClass, classes);
 };
 const TableRowRoot = (0, _styled.default)('tr', {
   name: 'MuiTableRow',
@@ -55,9 +55,9 @@ const TableRowRoot = (0, _styled.default)('tr', {
     backgroundColor: (theme.vars || theme).palette.action.hover
   },
   [`&.${_tableRowClasses.default.selected}`]: {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _system.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _colorManipulator.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
     '&:hover': {
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : (0, _system.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : (0, _colorManipulator.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)
     }
   }
 }));
@@ -101,7 +101,7 @@ process.env.NODE_ENV !== "production" ? TableRow.propTypes /* remove-proptypes *
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * Should be valid <tr> children such as `TableCell`.
+   * Should be valid `<tr>` children such as `TableCell`.
    */
   children: _propTypes.default.node,
   /**

package/node/TableSortLabel/TableSortLabel.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', active && 'active'],
     icon: ['icon', `iconDirection${(0, _capitalize.default)(direction)}`]
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _tableSortLabelClasses.getTableSortLabelUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tableSortLabelClasses.getTableSortLabelUtilityClass, classes);
 };
 const TableSortLabelRoot = (0, _styled.default)(_ButtonBase.default, {
   name: 'MuiTableSortLabel',

package/node/Tabs/Tabs.js

@@ -12,8 +12,9 @@ var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
+var _utils = require("@mui/base/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
@@ -91,7 +92,7 @@ const useUtilityClasses = ownerState => {
     scrollableX: [scrollableX && 'scrollableX'],
     hideScrollbar: [hideScrollbar && 'hideScrollbar']
   };
-  return (0, _base.unstable_composeClasses)(slots, _tabsClasses.getTabsUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tabsClasses.getTabsUtilityClass, classes);
 };
 const TabsRoot = (0, _styled.default)('div', {
   name: 'MuiTabs',
@@ -266,12 +267,12 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     scrollButtonsHideMobile: !allowScrollButtonsMobile
   });
   const classes = useUtilityClasses(ownerState);
-  const startScrollButtonIconProps = (0, _base.useSlotProps)({
+  const startScrollButtonIconProps = (0, _utils.useSlotProps)({
     elementType: slots.StartScrollButtonIcon,
     externalSlotProps: slotProps.startScrollButtonIcon,
     ownerState
   });
-  const endScrollButtonIconProps = (0, _base.useSlotProps)({
+  const endScrollButtonIconProps = (0, _utils.useSlotProps)({
     elementType: slots.EndScrollButtonIcon,
     externalSlotProps: slotProps.endScrollButtonIcon,
     ownerState
@@ -706,7 +707,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: _utils.refType,
+  action: _refType.default,
   /**
    * If `true`, the scroll buttons aren't forced hidden on mobile.
    * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.

package/node/TextField/TextField.js

@@ -11,8 +11,9 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _Input = _interopRequireDefault(require("../Input"));
@@ -39,7 +40,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _textFieldClasses.getTextFieldUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _textFieldClasses.getTextFieldUtilityClass, classes);
 };
 const TextFieldRoot = (0, _styled.default)(_FormControl.default, {
   name: 'MuiTextField',
@@ -150,7 +151,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     }
     InputMore['aria-describedby'] = undefined;
   }
-  const id = (0, _utils.unstable_useId)(idOverride);
+  const id = (0, _useId.default)(idOverride);
   const helperTextId = helperText && id ? `${id}-helper-text` : undefined;
   const inputLabelId = label && id ? `${id}-label` : undefined;
   const InputComponent = variantComponent[variant];
@@ -292,7 +293,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/node/ToggleButton/ToggleButton.js

@@ -12,8 +12,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _composeClasses = require("@mui/base/composeClasses");
+var _resolveProps = _interopRequireDefault(require("@mui/utils/resolveProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("../styles");
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -40,7 +40,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', selected && 'selected', disabled && 'disabled', fullWidth && 'fullWidth', `size${(0, _capitalize.default)(size)}`, color]
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _toggleButtonClasses.getToggleButtonUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _toggleButtonClasses.getToggleButtonUtilityClass, classes);
 };
 const ToggleButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   name: 'MuiToggleButton',
@@ -108,7 +108,7 @@ const ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(inProps
     } = _React$useContext,
     contextProps = (0, _objectWithoutPropertiesLoose2.default)(_React$useContext, _excluded);
   const toggleButtonGroupButtonContextPositionClassName = React.useContext(_ToggleButtonGroupButtonContext.default);
-  const resolvedProps = (0, _utils.internal_resolveProps)((0, _extends2.default)({}, contextProps, {
+  const resolvedProps = (0, _resolveProps.default)((0, _extends2.default)({}, contextProps, {
     selected: (0, _isValueSelected.default)(inProps.value, contextValue)
   }), inProps);
   const props = (0, _useThemeProps.default)({

package/node/ToggleButtonGroup/ToggleButtonGroup.js

@@ -12,8 +12,8 @@ var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _getValidReactChildren = _interopRequireDefault(require("@mui/utils/getValidReactChildren"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -39,7 +39,7 @@ const useUtilityClasses = ownerState => {
     lastButton: ['lastButton'],
     middleButton: ['middleButton']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _toggleButtonGroupClasses.getToggleButtonGroupUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _toggleButtonGroupClasses.getToggleButtonGroupUtilityClass, classes);
 };
 const ToggleButtonGroupRoot = (0, _styled.default)('div', {
   name: 'MuiToggleButtonGroup',
@@ -167,7 +167,7 @@ const ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGro
     color,
     disabled
   }), [classes.grouped, exclusive, handleExclusiveChange, handleChange, value, size, fullWidth, color, disabled]);
-  const validChildren = (0, _utils.getValidReactChildren)(children);
+  const validChildren = (0, _getValidReactChildren.default)(children);
   const childrenCount = validChildren.length;
   const getButtonPositionClassName = index => {
     const isFirstButton = index === 0;

package/node/Toolbar/Toolbar.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _toolbarClasses = require("./toolbarClasses");
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', !disableGutters && 'gutters', variant]
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _toolbarClasses.getToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _toolbarClasses.getToolbarUtilityClass, classes);
 };
 const ToolbarRoot = (0, _styled.default)('div', {
   name: 'MuiToolbar',

package/node/Tooltip/Tooltip.js

@@ -12,9 +12,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _base = require("@mui/base");
-var _system = require("@mui/system");
+var _useTimeout = _interopRequireWildcard(require("@mui/utils/useTimeout"));
+var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
+var _utils = require("@mui/base/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _colorManipulator = require("@mui/system/colorManipulator");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -47,7 +49,7 @@ const useUtilityClasses = ownerState => {
     tooltip: ['tooltip', arrow && 'tooltipArrow', touch && 'touch', `tooltipPlacement${(0, _capitalize.default)(placement.split('-')[0])}`],
     arrow: ['arrow']
   };
-  return (0, _base.unstable_composeClasses)(slots, _tooltipClasses.getTooltipUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tooltipClasses.getTooltipUtilityClass, classes);
 };
 const TooltipPopper = (0, _styled.default)(_Popper.default, {
   name: 'MuiTooltip',
@@ -124,7 +126,7 @@ const TooltipTooltip = (0, _styled.default)('div', {
   theme,
   ownerState
 }) => (0, _extends2.default)({
-  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _system.alpha)(theme.palette.grey[700], 0.92),
+  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _colorManipulator.alpha)(theme.palette.grey[700], 0.92),
   borderRadius: (theme.vars || theme).shape.borderRadius,
   color: (theme.vars || theme).palette.common.white,
   fontFamily: theme.typography.fontFamily,
@@ -190,7 +192,7 @@ const TooltipArrow = (0, _styled.default)('span', {
   width: '1em',
   height: '0.71em' /* = width / sqrt(2) = (length of the hypotenuse) */,
   boxSizing: 'border-box',
-  color: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _system.alpha)(theme.palette.grey[700], 0.9),
+  color: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _colorManipulator.alpha)(theme.palette.grey[700], 0.9),
   '&::before': {
     content: '""',
     margin: 'auto',
@@ -202,7 +204,7 @@ const TooltipArrow = (0, _styled.default)('span', {
   }
 }));
 let hystersisOpen = false;
-const hystersisTimer = new _utils.unstable_Timeout();
+const hystersisTimer = new _useTimeout.Timeout();
 let cursorPosition = {
   x: 0,
   y: 0
@@ -268,10 +270,10 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const [arrowRef, setArrowRef] = React.useState(null);
   const ignoreNonTouchEvents = React.useRef(false);
   const disableInteractive = disableInteractiveProp || followCursor;
-  const closeTimer = (0, _utils.unstable_useTimeout)();
-  const enterTimer = (0, _utils.unstable_useTimeout)();
-  const leaveTimer = (0, _utils.unstable_useTimeout)();
-  const touchTimer = (0, _utils.unstable_useTimeout)();
+  const closeTimer = (0, _useTimeout.default)();
+  const enterTimer = (0, _useTimeout.default)();
+  const leaveTimer = (0, _useTimeout.default)();
+  const touchTimer = (0, _useTimeout.default)();
   const [openState, setOpenState] = (0, _useControlled.default)({
     controlled: openProp,
     default: false,
@@ -330,7 +332,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       ignoreNonTouchEvents.current = false;
     });
   });
-  const handleEnter = event => {
+  const handleMouseOver = event => {
     if (ignoreNonTouchEvents.current && event.type !== 'touchstart') {
       return;
     }
@@ -351,7 +353,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       handleOpen(event);
     }
   };
-  const handleLeave = event => {
+  const handleMouseLeave = event => {
     enterTimer.clear();
     leaveTimer.start(leaveDelay, () => {
       handleClose(event);
@@ -370,7 +372,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     handleBlurVisible(event);
     if (isFocusVisibleRef.current === false) {
       setChildIsFocusVisible(false);
-      handleLeave(event);
+      handleMouseLeave(event);
     }
   };
   const handleFocus = event => {
@@ -383,7 +385,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     handleFocusVisible(event);
     if (isFocusVisibleRef.current === true) {
       setChildIsFocusVisible(true);
-      handleEnter(event);
+      handleMouseOver(event);
     }
   };
   const detectTouchStart = event => {
@@ -393,8 +395,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       childrenProps.onTouchStart(event);
     }
   };
-  const handleMouseOver = handleEnter;
-  const handleMouseLeave = handleLeave;
   const handleTouchStart = event => {
     detectTouchStart(event);
     leaveTimer.clear();
@@ -405,7 +405,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     document.body.style.WebkitUserSelect = 'none';
     touchTimer.start(enterTouchDelay, () => {
       document.body.style.WebkitUserSelect = prevUserSelect.current;
-      handleEnter(event);
+      handleMouseOver(event);
     });
   };
   const handleTouchEnd = event => {
@@ -539,14 +539,14 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const TransitionComponent = (_ref2 = (_ref3 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref3 : TransitionComponentProp) != null ? _ref2 : _Grow.default;
   const TooltipComponent = (_ref4 = (_slots$tooltip = slots.tooltip) != null ? _slots$tooltip : components.Tooltip) != null ? _ref4 : TooltipTooltip;
   const ArrowComponent = (_ref5 = (_slots$arrow = slots.arrow) != null ? _slots$arrow : components.Arrow) != null ? _ref5 : TooltipArrow;
-  const popperProps = (0, _base.appendOwnerState)(PopperComponent, (0, _extends2.default)({}, PopperProps, (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper, {
+  const popperProps = (0, _utils.appendOwnerState)(PopperComponent, (0, _extends2.default)({}, PopperProps, (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper, {
     className: (0, _clsx.default)(classes.popper, PopperProps == null ? void 0 : PopperProps.className, (_ref6 = (_slotProps$popper2 = slotProps.popper) != null ? _slotProps$popper2 : componentsProps.popper) == null ? void 0 : _ref6.className)
   }), ownerState);
-  const transitionProps = (0, _base.appendOwnerState)(TransitionComponent, (0, _extends2.default)({}, TransitionProps, (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
-  const tooltipProps = (0, _base.appendOwnerState)(TooltipComponent, (0, _extends2.default)({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip, {
+  const transitionProps = (0, _utils.appendOwnerState)(TransitionComponent, (0, _extends2.default)({}, TransitionProps, (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
+  const tooltipProps = (0, _utils.appendOwnerState)(TooltipComponent, (0, _extends2.default)({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip, {
     className: (0, _clsx.default)(classes.tooltip, (_ref7 = (_slotProps$tooltip2 = slotProps.tooltip) != null ? _slotProps$tooltip2 : componentsProps.tooltip) == null ? void 0 : _ref7.className)
   }), ownerState);
-  const tooltipArrowProps = (0, _base.appendOwnerState)(ArrowComponent, (0, _extends2.default)({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow, {
+  const tooltipArrowProps = (0, _utils.appendOwnerState)(ArrowComponent, (0, _extends2.default)({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow, {
     className: (0, _clsx.default)(classes.arrow, (_ref8 = (_slotProps$arrow2 = slotProps.arrow) != null ? _slotProps$arrow2 : componentsProps.arrow) == null ? void 0 : _ref8.className)
   }), ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
@@ -596,7 +596,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
   /**
    * Tooltip reference element.
    */
-  children: _utils.elementAcceptingRef.isRequired,
+  children: _elementAcceptingRef.default.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -772,7 +772,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
   TransitionComponent: _propTypes.default.elementType,
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    */
   TransitionProps: _propTypes.default.object
 } : void 0;

package/node/Typography/Typography.js

@@ -11,8 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _system = require("@mui/system");
-var _composeClasses = require("@mui/base/composeClasses");
+var _styleFunctionSx = require("@mui/system/styleFunctionSx");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -33,7 +33,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, _composeClasses.unstable_composeClasses)(slots, _typographyClasses.getTypographyUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _typographyClasses.getTypographyUtilityClass, classes);
 };
 const TypographyRoot = exports.TypographyRoot = (0, _styled.default)('span', {
   name: 'MuiTypography',
@@ -94,7 +94,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     name: 'MuiTypography'
   });
   const color = transformDeprecatedColors(themeProps.color);
-  const props = (0, _system.unstable_extendSxProp)((0, _extends2.default)({}, themeProps, {
+  const props = (0, _styleFunctionSx.extendSxProp)((0, _extends2.default)({}, themeProps, {
     color
   }));
   const {