@mui/material 5.10.10 → 5.10.12

package/TableHead/tableHeadClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getTableHeadUtilityClass = getTableHeadUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getTableHeadUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiTableHead', slot);
+  return (0, _generateUtilityClass.default)('MuiTableHead', slot);
 }
 
-const tableHeadClasses = (0, _base.generateUtilityClasses)('MuiTableHead', ['root']);
+const tableHeadClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTableHead', ['root']);
 var _default = tableHeadClasses;
 exports.default = _default;

package/TablePagination/tablePaginationClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getTablePaginationUtilityClass = getTablePaginationUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getTablePaginationUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiTablePagination', slot);
+  return (0, _generateUtilityClass.default)('MuiTablePagination', slot);
 }
 
-const tablePaginationClasses = (0, _base.generateUtilityClasses)('MuiTablePagination', ['root', 'toolbar', 'spacer', 'selectLabel', 'selectRoot', 'select', 'selectIcon', 'input', 'menuItem', 'displayedRows', 'actions']);
+const tablePaginationClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTablePagination', ['root', 'toolbar', 'spacer', 'selectLabel', 'selectRoot', 'select', 'selectIcon', 'input', 'menuItem', 'displayedRows', 'actions']);
 var _default = tablePaginationClasses;
 exports.default = _default;

package/TableRow/tableRowClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getTableRowUtilityClass = getTableRowUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getTableRowUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiTableRow', slot);
+  return (0, _generateUtilityClass.default)('MuiTableRow', slot);
 }
 
-const tableRowClasses = (0, _base.generateUtilityClasses)('MuiTableRow', ['root', 'selected', 'hover', 'head', 'footer']);
+const tableRowClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTableRow', ['root', 'selected', 'hover', 'head', 'footer']);
 var _default = tableRowClasses;
 exports.default = _default;

package/TableSortLabel/tableSortLabelClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getTableSortLabelUtilityClass = getTableSortLabelUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getTableSortLabelUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiTableSortLabel', slot);
+  return (0, _generateUtilityClass.default)('MuiTableSortLabel', slot);
 }
 
-const tableSortLabelClasses = (0, _base.generateUtilityClasses)('MuiTableSortLabel', ['root', 'active', 'icon', 'iconDirectionDesc', 'iconDirectionAsc']);
+const tableSortLabelClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTableSortLabel', ['root', 'active', 'icon', 'iconDirectionDesc', 'iconDirectionAsc']);
 var _default = tableSortLabelClasses;
 exports.default = _default;

package/Tabs/tabsClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getTabsUtilityClass = getTabsUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getTabsUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiTabs', slot);
+  return (0, _generateUtilityClass.default)('MuiTabs', slot);
 }
 
-const tabsClasses = (0, _base.generateUtilityClasses)('MuiTabs', ['root', 'vertical', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
+const tabsClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTabs', ['root', 'vertical', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
 var _default = tabsClasses;
 exports.default = _default;

package/TextField/textFieldClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getTextFieldUtilityClass = getTextFieldUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getTextFieldUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiTextField', slot);
+  return (0, _generateUtilityClass.default)('MuiTextField', slot);
 }
 
-const textFieldClasses = (0, _base.generateUtilityClasses)('MuiTextField', ['root']);
+const textFieldClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTextField', ['root']);
 var _default = textFieldClasses;
 exports.default = _default;

package/ToggleButton/ToggleButton.d.ts

@@ -89,7 +89,7 @@ export type ToggleButtonTypeMap<
  *
  * Demos:
  *
- * - [Toggle button](https://mui.com/material-ui/react-toggle-button/)
+ * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
  *
  * API:
  *

package/ToggleButton/toggleButtonClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getToggleButtonUtilityClass = getToggleButtonUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getToggleButtonUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiToggleButton', slot);
+  return (0, _generateUtilityClass.default)('MuiToggleButton', slot);
 }
 
-const toggleButtonClasses = (0, _base.generateUtilityClasses)('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+const toggleButtonClasses = (0, _utils.unstable_generateUtilityClasses)('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 var _default = toggleButtonClasses;
 exports.default = _default;

package/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -80,7 +80,7 @@ export interface ToggleButtonGroupProps
  *
  * Demos:
  *
- * - [Toggle button](https://mui.com/material-ui/react-toggle-button/)
+ * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
  *
  * API:
  *

package/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getToggleButtonGroupUtilityClass = getToggleButtonGroupUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getToggleButtonGroupUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiToggleButtonGroup', slot);
+  return (0, _generateUtilityClass.default)('MuiToggleButtonGroup', slot);
 }
 
-const toggleButtonGroupClasses = (0, _base.generateUtilityClasses)('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical']);
+const toggleButtonGroupClasses = (0, _utils.unstable_generateUtilityClasses)('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical']);
 var _default = toggleButtonGroupClasses;
 exports.default = _default;

package/Toolbar/Toolbar.d.ts

@@ -39,7 +39,7 @@ export interface ToolbarTypeMap<P = {}, D extends React.ElementType = 'div'> {
  *
  * Demos:
  *
- * - [App bar](https://mui.com/material-ui/react-app-bar/)
+ * - [App Bar](https://mui.com/material-ui/react-app-bar/)
  *
  * API:
  *

package/Toolbar/toolbarClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getToolbarUtilityClass = getToolbarUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getToolbarUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiToolbar', slot);
+  return (0, _generateUtilityClass.default)('MuiToolbar', slot);
 }
 
-const toolbarClasses = (0, _base.generateUtilityClasses)('MuiToolbar', ['root', 'gutters', 'regular', 'dense']);
+const toolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiToolbar', ['root', 'gutters', 'regular', 'dense']);
 var _default = toolbarClasses;
 exports.default = _default;

package/Tooltip/Tooltip.js

@@ -496,7 +496,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   }, [handleClose, open]);
   const handleRef = (0, _useForkRef.default)(children.ref, focusVisibleRef, setChildNode, ref); // There is no point in displaying an empty tooltip.
 
-  if (typeof title !== 'number' && !title) {
+  if (!title && title !== 0) {
     open = false;
   }
 

package/Tooltip/tooltipClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getTooltipUtilityClass = getTooltipUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getTooltipUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiTooltip', slot);
+  return (0, _generateUtilityClass.default)('MuiTooltip', slot);
 }
 
-const tooltipClasses = (0, _base.generateUtilityClasses)('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);
+const tooltipClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);
 var _default = tooltipClasses;
 exports.default = _default;

package/Typography/typographyClasses.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getTypographyUtilityClass = getTypographyUtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getTypographyUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiTypography', slot);
+  return (0, _generateUtilityClass.default)('MuiTypography', slot);
 }
 
-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']);
+const typographyClasses = (0, _utils.unstable_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/Unstable_Grid2/Grid2Props.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@mui/types';
 import { SxProps, SystemProps } from '@mui/system';
 import { GridBaseProps } from '@mui/system/Unstable_Grid';

package/Unstable_Grid2/grid2Classes.js

@@ -1,22 +1,26 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getGrid2UtilityClass = getGrid2UtilityClass;
 
-var _base = require("@mui/base");
+var _utils = require("@mui/utils");
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 
 function getGrid2UtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiGrid2', slot);
+  return (0, _generateUtilityClass.default)('MuiGrid2', slot);
 }
 
 const SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 const DIRECTIONS = ['column-reverse', 'column', 'row-reverse', 'row'];
 const WRAPS = ['nowrap', 'wrap-reverse', 'wrap'];
 const GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
-const grid2Classes = (0, _base.generateUtilityClasses)('MuiGrid2', ['root', 'container', 'item', 'zeroMinWidth', // spacings
+const grid2Classes = (0, _utils.unstable_generateUtilityClasses)('MuiGrid2', ['root', 'container', 'item', 'zeroMinWidth', // spacings
 ...SPACINGS.map(spacing => `spacing-xs-${spacing}`), // direction values
 ...DIRECTIONS.map(direction => `direction-xs-${direction}`), // wrap values
 ...WRAPS.map(wrap => `wrap-xs-${wrap}`), // grid sizes for all breakpoints

package/esm/Accordion/accordionClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getAccordionUtilityClass(slot) {
   return generateUtilityClass('MuiAccordion', slot);
 }

package/esm/AccordionActions/accordionActionsClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getAccordionActionsUtilityClass(slot) {
   return generateUtilityClass('MuiAccordionActions', slot);
 }

package/esm/AccordionDetails/accordionDetailsClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getAccordionDetailsUtilityClass(slot) {
   return generateUtilityClass('MuiAccordionDetails', slot);
 }

package/esm/AccordionSummary/accordionSummaryClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getAccordionSummaryUtilityClass(slot) {
   return generateUtilityClass('MuiAccordionSummary', slot);
 }

package/esm/Alert/Alert.js

@@ -1,9 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-
-var _CloseIcon;
-
-const _excluded = ["action", "children", "className", "closeText", "color", "icon", "iconMapping", "onClose", "role", "severity", "variant"];
+const _excluded = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -131,6 +128,8 @@ const defaultIconMapping = {
   })
 };
 const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
+  var _components$CloseButt, _components$CloseIcon;
+
   const props = useThemeProps({
     props: inProps,
     name: 'MuiAlert'
@@ -142,6 +141,8 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     className,
     closeText = 'Close',
     color,
+    components = {},
+    componentsProps = {},
     icon,
     iconMapping = defaultIconMapping,
     onClose,
@@ -158,6 +159,8 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
   });
 
   const classes = useUtilityClasses(ownerState);
+  const AlertCloseButton = (_components$CloseButt = components.CloseButton) != null ? _components$CloseButt : IconButton;
+  const AlertCloseIcon = (_components$CloseIcon = components.CloseIcon) != null ? _components$CloseIcon : CloseIcon;
   return /*#__PURE__*/_jsxs(AlertRoot, _extends({
     role: role,
     elevation: 0,
@@ -180,16 +183,17 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     }) : null, action == null && onClose ? /*#__PURE__*/_jsx(AlertAction, {
       ownerState: ownerState,
       className: classes.action,
-      children: /*#__PURE__*/_jsx(IconButton, {
+      children: /*#__PURE__*/_jsx(AlertCloseButton, _extends({
         size: "small",
         "aria-label": closeText,
         title: closeText,
         color: "inherit",
-        onClick: onClose,
-        children: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx(CloseIcon, {
+        onClick: onClose
+      }, componentsProps.closeButton, {
+        children: /*#__PURE__*/_jsx(AlertCloseIcon, _extends({
           fontSize: "small"
-        }))
-      })
+        }, componentsProps.closeIcon))
+      }))
     }) : null]
   }));
 });
@@ -238,6 +242,25 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
   /* @typescript-to-proptypes-ignore */
   .oneOfType([PropTypes.oneOf(['error', 'info', 'success', 'warning']), PropTypes.string]),
 
+  /**
+   * The components used for each slot inside the Alert.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  components: PropTypes.shape({
+    CloseButton: PropTypes.elementType,
+    CloseIcon: PropTypes.elementType
+  }),
+
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  componentsProps: PropTypes.shape({
+    closeButton: PropTypes.object,
+    closeIcon: PropTypes.object
+  }),
+
   /**
    * Override the icon displayed before the children.
    * Unless provided, the icon is mapped to the value of the `severity` prop.

package/esm/Alert/alertClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getAlertUtilityClass(slot) {
   return generateUtilityClass('MuiAlert', slot);
 }

package/esm/AlertTitle/alertTitleClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getAlertTitleUtilityClass(slot) {
   return generateUtilityClass('MuiAlertTitle', slot);
 }

package/esm/AppBar/appBarClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getAppBarUtilityClass(slot) {
   return generateUtilityClass('MuiAppBar', slot);
 }

package/esm/Autocomplete/autocompleteClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getAutocompleteUtilityClass(slot) {
   return generateUtilityClass('MuiAutocomplete', slot);
 }

package/esm/Avatar/avatarClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getAvatarUtilityClass(slot) {
   return generateUtilityClass('MuiAvatar', slot);
 }

package/esm/AvatarGroup/avatarGroupClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getAvatarGroupUtilityClass(slot) {
   return generateUtilityClass('MuiAvatarGroup', slot);
 }

package/esm/Backdrop/backdropClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
 export function getBackdropUtilityClass(slot) {
   return generateUtilityClass('MuiBackdrop', slot);
 }