@mui/material 7.0.2 → 7.1.0

package/Snackbar/useSnackbar.d.ts

@@ -1,14 +1,3 @@
 import { UseSnackbarParameters, UseSnackbarReturnValue } from "./useSnackbar.types.js";
-/**
- * The basic building block for creating custom snackbar.
- *
- * Demos:
- *
- * - [Snackbar](https://mui.com/base-ui/react-snackbar/#hook)
- *
- * API:
- *
- * - [useSnackbar API](https://mui.com/base-ui/react-snackbar/hooks-api/#use-snackbar)
- */
 declare function useSnackbar(parameters?: UseSnackbarParameters): UseSnackbarReturnValue;
 export default useSnackbar;

package/Snackbar/useSnackbar.js

@@ -8,19 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useTimeout = _interopRequireDefault(require("@mui/utils/useTimeout"));
 var _extractEventHandlers = _interopRequireDefault(require("@mui/utils/extractEventHandlers"));
-/**
- * The basic building block for creating custom snackbar.
- *
- * Demos:
- *
- * - [Snackbar](https://mui.com/base-ui/react-snackbar/#hook)
- *
- * API:
- *
- * - [useSnackbar API](https://mui.com/base-ui/react-snackbar/hooks-api/#use-snackbar)
- */
 function useSnackbar(parameters = {}) {
   const {
     autoHideDuration = null,
@@ -29,7 +19,7 @@ function useSnackbar(parameters = {}) {
     open,
     resumeHideDuration
   } = parameters;
-  const timerAutoHide = (0, _utils.unstable_useTimeout)();
+  const timerAutoHide = (0, _useTimeout.default)();
   React.useEffect(() => {
     if (!open) {
       return undefined;
@@ -51,10 +41,10 @@ function useSnackbar(parameters = {}) {
       document.removeEventListener('keydown', handleKeyDown);
     };
   }, [open, onClose]);
-  const handleClose = (0, _utils.unstable_useEventCallback)((event, reason) => {
+  const handleClose = (0, _useEventCallback.default)((event, reason) => {
     onClose?.(event, reason);
   });
-  const setAutoHideTimer = (0, _utils.unstable_useEventCallback)(autoHideDurationParam => {
+  const setAutoHideTimer = (0, _useEventCallback.default)(autoHideDurationParam => {
     if (!onClose || autoHideDurationParam == null) {
       return;
     }

package/SnackbarContent/SnackbarContent.js

@@ -31,8 +31,7 @@ const useUtilityClasses = ownerState => {
 };
 const SnackbarContentRoot = (0, _zeroStyled.styled)(_Paper.default, {
   name: 'MuiSnackbarContent',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })((0, _memoTheme.default)(({
   theme
 }) => {
@@ -56,15 +55,13 @@ const SnackbarContentRoot = (0, _zeroStyled.styled)(_Paper.default, {
 }));
 const SnackbarContentMessage = (0, _zeroStyled.styled)('div', {
   name: 'MuiSnackbarContent',
-  slot: 'Message',
-  overridesResolver: (props, styles) => styles.message
+  slot: 'Message'
 })({
   padding: '8px 0'
 });
 const SnackbarContentAction = (0, _zeroStyled.styled)('div', {
   name: 'MuiSnackbarContent',
-  slot: 'Action',
-  overridesResolver: (props, styles) => styles.action
+  slot: 'Action'
 })({
   display: 'flex',
   alignItems: 'center',

package/SpeedDial/SpeedDial.js

@@ -118,8 +118,7 @@ const SpeedDialRoot = (0, _zeroStyled.styled)('div', {
 })));
 const SpeedDialFab = (0, _zeroStyled.styled)(_Fab.default, {
   name: 'MuiSpeedDial',
-  slot: 'Fab',
-  overridesResolver: (props, styles) => styles.fab
+  slot: 'Fab'
 })({
   pointerEvents: 'auto'
 });

package/SpeedDialAction/SpeedDialAction.js

@@ -126,8 +126,7 @@ const SpeedDialActionStaticTooltip = (0, _zeroStyled.styled)('span', {
 })));
 const SpeedDialActionStaticTooltipLabel = (0, _zeroStyled.styled)('span', {
   name: 'MuiSpeedDialAction',
-  slot: 'StaticTooltipLabel',
-  overridesResolver: (props, styles) => styles.staticTooltipLabel
+  slot: 'StaticTooltipLabel'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/Stack/Stack.js

@@ -13,8 +13,7 @@ var _DefaultPropsProvider = require("../DefaultPropsProvider");
 const Stack = (0, _system.createStack)({
   createStyledComponent: (0, _styled.default)('div', {
     name: 'MuiStack',
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'Root'
   }),
   useThemeProps: inProps => (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,

package/StepContent/StepContent.js

@@ -60,8 +60,7 @@ const StepContentRoot = (0, _zeroStyled.styled)('div', {
 })));
 const StepContentTransition = (0, _zeroStyled.styled)(_Collapse.default, {
   name: 'MuiStepContent',
-  slot: 'Transition',
-  overridesResolver: (props, styles) => styles.transition
+  slot: 'Transition'
 })({});
 const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps, ref) {
   const props = (0, _DefaultPropsProvider.useDefaultProps)({

package/StepIcon/StepIcon.js

@@ -35,8 +35,7 @@ const useUtilityClasses = ownerState => {
 };
 const StepIconRoot = (0, _zeroStyled.styled)(_SvgIcon.default, {
   name: 'MuiStepIcon',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -57,8 +56,7 @@ const StepIconRoot = (0, _zeroStyled.styled)(_SvgIcon.default, {
 })));
 const StepIconText = (0, _zeroStyled.styled)('text', {
   name: 'MuiStepIcon',
-  slot: 'Text',
-  overridesResolver: (props, styles) => styles.text
+  slot: 'Text'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/StepLabel/StepLabel.js

@@ -68,8 +68,7 @@ const StepLabelRoot = (0, _zeroStyled.styled)('span', {
 });
 const StepLabelLabel = (0, _zeroStyled.styled)('span', {
   name: 'MuiStepLabel',
-  slot: 'Label',
-  overridesResolver: (props, styles) => styles.label
+  slot: 'Label'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -95,8 +94,7 @@ const StepLabelLabel = (0, _zeroStyled.styled)('span', {
 })));
 const StepLabelIconContainer = (0, _zeroStyled.styled)('span', {
   name: 'MuiStepLabel',
-  slot: 'IconContainer',
-  overridesResolver: (props, styles) => styles.iconContainer
+  slot: 'IconContainer'
 })({
   flexShrink: 0,
   display: 'flex',
@@ -107,8 +105,7 @@ const StepLabelIconContainer = (0, _zeroStyled.styled)('span', {
 });
 const StepLabelLabelContainer = (0, _zeroStyled.styled)('span', {
   name: 'MuiStepLabel',
-  slot: 'LabelContainer',
-  overridesResolver: (props, styles) => styles.labelContainer
+  slot: 'LabelContainer'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/Switch/Switch.js

@@ -181,8 +181,7 @@ const SwitchSwitchBase = (0, _zeroStyled.styled)(_SwitchBase.default, {
 })));
 const SwitchTrack = (0, _zeroStyled.styled)('span', {
   name: 'MuiSwitch',
-  slot: 'Track',
-  overridesResolver: (props, styles) => styles.track
+  slot: 'Track'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -198,8 +197,7 @@ const SwitchTrack = (0, _zeroStyled.styled)('span', {
 })));
 const SwitchThumb = (0, _zeroStyled.styled)('span', {
   name: 'MuiSwitch',
-  slot: 'Thumb',
-  overridesResolver: (props, styles) => styles.thumb
+  slot: 'Thumb'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -351,7 +349,7 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
    */
   id: _propTypes.default.string,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: _propTypes.default.object,

package/TableBody/TableBody.js

@@ -27,8 +27,7 @@ const useUtilityClasses = ownerState => {
 };
 const TableBodyRoot = (0, _zeroStyled.styled)('tbody', {
   name: 'MuiTableBody',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'table-row-group'
 });

package/TableContainer/TableContainer.js

@@ -26,8 +26,7 @@ const useUtilityClasses = ownerState => {
 };
 const TableContainerRoot = (0, _zeroStyled.styled)('div', {
   name: 'MuiTableContainer',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   width: '100%',
   overflowX: 'auto'

package/TableFooter/TableFooter.js

@@ -27,8 +27,7 @@ const useUtilityClasses = ownerState => {
 };
 const TableFooterRoot = (0, _zeroStyled.styled)('tfoot', {
   name: 'MuiTableFooter',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'table-footer-group'
 });

package/TableHead/TableHead.js

@@ -27,8 +27,7 @@ const useUtilityClasses = ownerState => {
 };
 const TableHeadRoot = (0, _zeroStyled.styled)('thead', {
   name: 'MuiTableHead',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'table-header-group'
 });

package/TablePagination/TablePagination.js

@@ -30,8 +30,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _InputBase;
 const TablePaginationRoot = (0, _zeroStyled.styled)(_TableCell.default, {
   name: 'MuiTablePagination',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -69,15 +68,13 @@ const TablePaginationToolbar = (0, _zeroStyled.styled)(_Toolbar.default, {
 })));
 const TablePaginationSpacer = (0, _zeroStyled.styled)('div', {
   name: 'MuiTablePagination',
-  slot: 'Spacer',
-  overridesResolver: (props, styles) => styles.spacer
+  slot: 'Spacer'
 })({
   flex: '1 1 100%'
 });
 const TablePaginationSelectLabel = (0, _zeroStyled.styled)('p', {
   name: 'MuiTablePagination',
-  slot: 'SelectLabel',
-  overridesResolver: (props, styles) => styles.selectLabel
+  slot: 'SelectLabel'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -108,13 +105,11 @@ const TablePaginationSelect = (0, _zeroStyled.styled)(_Select.default, {
 });
 const TablePaginationMenuItem = (0, _zeroStyled.styled)(_MenuItem.default, {
   name: 'MuiTablePagination',
-  slot: 'MenuItem',
-  overridesResolver: (props, styles) => styles.menuItem
+  slot: 'MenuItem'
 })({});
 const TablePaginationDisplayedRows = (0, _zeroStyled.styled)('p', {
   name: 'MuiTablePagination',
-  slot: 'DisplayedRows',
-  overridesResolver: (props, styles) => styles.displayedRows
+  slot: 'DisplayedRows'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/Tabs/Tabs.js

@@ -213,8 +213,7 @@ const List = (0, _zeroStyled.styled)('div', {
 });
 const TabsIndicator = (0, _zeroStyled.styled)('span', {
   name: 'MuiTabs',
-  slot: 'Indicator',
-  overridesResolver: (props, styles) => styles.indicator
+  slot: 'Indicator'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/TextField/TextField.d.ts

@@ -148,7 +148,7 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
    */
   InputLabelProps?: Partial<InputLabelProps>;
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps?: InputBaseProps['inputProps'];
@@ -213,7 +213,7 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
    */
   sx?: SxProps<Theme>;
   /**
-   * 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).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    */
   type?: React.InputHTMLAttributes<unknown>['type'];
   /**

package/TextField/TextField.js

@@ -41,8 +41,7 @@ const useUtilityClasses = ownerState => {
 };
 const TextFieldRoot = (0, _zeroStyled.styled)(_FormControl.default, {
   name: 'MuiTextField',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 
 /**
@@ -334,7 +333,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    */
   InputLabelProps: _propTypes.default.object,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: _propTypes.default.object,
@@ -448,7 +447,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _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).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    */
   type: _propTypes.default /* @typescript-to-proptypes-ignore */.string,
   /**

package/TextareaAutosize/TextareaAutosize.js

@@ -9,7 +9,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
+var _debounce = _interopRequireDefault(require("@mui/utils/debounce"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _ownerWindow = _interopRequireDefault(require("@mui/utils/ownerWindow"));
 var _jsxRuntime = require("react/jsx-runtime");
 function getStyleValue(value) {
   return parseInt(value, 10) || 0;
@@ -63,7 +67,7 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
     current: isControlled
   } = React.useRef(value != null);
   const textareaRef = React.useRef(null);
-  const handleRef = (0, _utils.unstable_useForkRef)(forwardedRef, textareaRef);
+  const handleRef = (0, _useForkRef.default)(forwardedRef, textareaRef);
   const heightRef = React.useRef(null);
   const hiddenTextareaRef = React.useRef(null);
   const calculateTextareaStyles = React.useCallback(() => {
@@ -72,7 +76,7 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
     if (!textarea || !hiddenTextarea) {
       return undefined;
     }
-    const containerWindow = (0, _utils.unstable_ownerWindow)(textarea);
+    const containerWindow = (0, _ownerWindow.default)(textarea);
     const computedStyle = containerWindow.getComputedStyle(textarea);
 
     // If input's width is shrunk and it's not visible, don't sync height.
@@ -119,7 +123,7 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
       overflowing
     };
   }, [maxRows, minRows, props.placeholder]);
-  const didHeightChange = (0, _utils.unstable_useEventCallback)(() => {
+  const didHeightChange = (0, _useEventCallback.default)(() => {
     const textarea = textareaRef.current;
     const textareaStyles = calculateTextareaStyles();
     if (!textarea || !textareaStyles || isEmpty(textareaStyles)) {
@@ -142,13 +146,13 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
     textarea.style.overflow = textareaStyles.overflowing ? 'hidden' : '';
   }, [calculateTextareaStyles]);
   const frameRef = React.useRef(-1);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
-    const debouncedHandleResize = (0, _utils.unstable_debounce)(syncHeight);
+  (0, _useEnhancedEffect.default)(() => {
+    const debouncedHandleResize = (0, _debounce.default)(syncHeight);
     const textarea = textareaRef?.current;
     if (!textarea) {
       return undefined;
     }
-    const containerWindow = (0, _utils.unstable_ownerWindow)(textarea);
+    const containerWindow = (0, _ownerWindow.default)(textarea);
     containerWindow.addEventListener('resize', debouncedHandleResize);
     let resizeObserver;
     if (typeof ResizeObserver !== 'undefined') {
@@ -176,13 +180,22 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
       }
     };
   }, [calculateTextareaStyles, syncHeight, didHeightChange]);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     syncHeight();
   });
   const handleChange = event => {
     if (!isControlled) {
       syncHeight();
     }
+    const textarea = event.target;
+    const countOfCharacters = textarea.value.length;
+    const isLastCharacterNewLine = textarea.value.endsWith('\n');
+    const isEndOfTheLine = textarea.selectionStart === countOfCharacters;
+
+    // Set the cursor position to the very end of the text.
+    if (isLastCharacterNewLine && isEndOfTheLine) {
+      textarea.setSelectionRange(countOfCharacters, countOfCharacters);
+    }
     if (onChange) {
       onChange(event);
     }

package/Tooltip/Tooltip.js

@@ -277,8 +277,7 @@ const TooltipTooltip = (0, _zeroStyled.styled)('div', {
 })));
 const TooltipArrow = (0, _zeroStyled.styled)('span', {
   name: 'MuiTooltip',
-  slot: 'Arrow',
-  overridesResolver: (props, styles) => styles.arrow
+  slot: 'Arrow'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/Unstable_TrapFocus/FocusTrap.js

@@ -10,7 +10,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
+var _getReactElementRef = _interopRequireDefault(require("@mui/utils/getReactElementRef"));
+var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
+var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Inspired by https://github.com/focus-trap/tabbable
 const candidatesSelector = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'].join(',');
@@ -99,7 +103,7 @@ function FocusTrap(props) {
   // It waits for the active element to move into the component to activate.
   const activated = React.useRef(false);
   const rootRef = React.useRef(null);
-  const handleRef = (0, _utils.unstable_useForkRef)((0, _utils.unstable_getReactElementRef)(children), rootRef);
+  const handleRef = (0, _useForkRef.default)((0, _getReactElementRef.default)(children), rootRef);
   const lastKeydown = React.useRef(null);
   React.useEffect(() => {
     // We might render an empty child.
@@ -113,7 +117,7 @@ function FocusTrap(props) {
     if (!open || !rootRef.current) {
       return;
     }
-    const doc = (0, _utils.unstable_ownerDocument)(rootRef.current);
+    const doc = (0, _ownerDocument.default)(rootRef.current);
     if (!rootRef.current.contains(doc.activeElement)) {
       if (!rootRef.current.hasAttribute('tabIndex')) {
         if (process.env.NODE_ENV !== 'production') {
@@ -148,7 +152,7 @@ function FocusTrap(props) {
     if (!open || !rootRef.current) {
       return;
     }
-    const doc = (0, _utils.unstable_ownerDocument)(rootRef.current);
+    const doc = (0, _ownerDocument.default)(rootRef.current);
     const loopFocus = nativeEvent => {
       lastKeydown.current = nativeEvent;
       if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== 'Tab') {
@@ -283,7 +287,7 @@ process.env.NODE_ENV !== "production" ? FocusTrap.propTypes /* remove-proptypes
   /**
    * A single child content element.
    */
-  children: _utils.elementAcceptingRef,
+  children: _elementAcceptingRef.default,
   /**
    * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -331,6 +335,6 @@ process.env.NODE_ENV !== "production" ? FocusTrap.propTypes /* remove-proptypes
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
   // eslint-disable-next-line
-  FocusTrap['propTypes' + ''] = (0, _utils.exactProp)(FocusTrap.propTypes);
+  FocusTrap['propTypes' + ''] = (0, _exactProp.default)(FocusTrap.propTypes);
 }
 var _default = exports.default = FocusTrap;

package/className/index.d.ts

@@ -1 +1 @@
-export { unstable_ClassNameGenerator } from '@mui/utils';
+export { default as unstable_ClassNameGenerator } from '@mui/utils/ClassNameGenerator';

package/className/index.js

@@ -1,12 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "unstable_ClassNameGenerator", {
   enumerable: true,
   get: function () {
-    return _utils.unstable_ClassNameGenerator;
+    return _ClassNameGenerator.default;
   }
 });
-var _utils = require("@mui/utils");
+var _ClassNameGenerator = _interopRequireDefault(require("@mui/utils/ClassNameGenerator"));

package/esm/Accordion/Accordion.js

@@ -121,8 +121,7 @@ const AccordionRoot = styled(Paper, {
 })));
 const AccordionHeading = styled('h3', {
   name: 'MuiAccordion',
-  slot: 'Heading',
-  overridesResolver: (props, styles) => styles.heading
+  slot: 'Heading'
 })({
   all: 'unset'
 });

package/esm/AccordionDetails/AccordionDetails.js

@@ -20,8 +20,7 @@ const useUtilityClasses = ownerState => {
 };
 const AccordionDetailsRoot = styled('div', {
   name: 'MuiAccordionDetails',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(memoTheme(({
   theme
 }) => ({

package/esm/AccordionSummary/AccordionSummary.js

@@ -29,8 +29,7 @@ const useUtilityClasses = ownerState => {
 };
 const AccordionSummaryRoot = styled(ButtonBase, {
   name: 'MuiAccordionSummary',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(memoTheme(({
   theme
 }) => {
@@ -64,8 +63,7 @@ const AccordionSummaryRoot = styled(ButtonBase, {
 }));
 const AccordionSummaryContent = styled('span', {
   name: 'MuiAccordionSummary',
-  slot: 'Content',
-  overridesResolver: (props, styles) => styles.content
+  slot: 'Content'
 })(memoTheme(({
   theme
 }) => ({
@@ -87,8 +85,7 @@ const AccordionSummaryContent = styled('span', {
 })));
 const AccordionSummaryExpandIconWrapper = styled('span', {
   name: 'MuiAccordionSummary',
-  slot: 'ExpandIconWrapper',
-  overridesResolver: (props, styles) => styles.expandIconWrapper
+  slot: 'ExpandIconWrapper'
 })(memoTheme(({
   theme
 }) => ({

package/esm/Alert/Alert.js

@@ -102,8 +102,7 @@ const AlertRoot = styled(Paper, {
 }));
 const AlertIcon = styled('div', {
   name: 'MuiAlert',
-  slot: 'Icon',
-  overridesResolver: (props, styles) => styles.icon
+  slot: 'Icon'
 })({
   marginRight: 12,
   padding: '7px 0',
@@ -113,8 +112,7 @@ const AlertIcon = styled('div', {
 });
 const AlertMessage = styled('div', {
   name: 'MuiAlert',
-  slot: 'Message',
-  overridesResolver: (props, styles) => styles.message
+  slot: 'Message'
 })({
   padding: '8px 0',
   minWidth: 0,
@@ -122,8 +120,7 @@ const AlertMessage = styled('div', {
 });
 const AlertAction = styled('div', {
   name: 'MuiAlert',
-  slot: 'Action',
-  overridesResolver: (props, styles) => styles.action
+  slot: 'Action'
 })({
   display: 'flex',
   alignItems: 'flex-start',

package/esm/AlertTitle/AlertTitle.js

@@ -21,8 +21,7 @@ const useUtilityClasses = ownerState => {
 };
 const AlertTitleRoot = styled(Typography, {
   name: 'MuiAlertTitle',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(memoTheme(({
   theme
 }) => {