@mui/material 7.0.1 → 7.1.0

package/Slider/Slider.js

@@ -133,8 +133,7 @@ const SliderRoot = exports.SliderRoot = (0, _zeroStyled.styled)('span', {
 })));
 const SliderRail = exports.SliderRail = (0, _zeroStyled.styled)('span', {
   name: 'MuiSlider',
-  slot: 'Rail',
-  overridesResolver: (props, styles) => styles.rail
+  slot: 'Rail'
 })({
   display: 'block',
   position: 'absolute',
@@ -172,8 +171,7 @@ const SliderRail = exports.SliderRail = (0, _zeroStyled.styled)('span', {
 });
 const SliderTrack = exports.SliderTrack = (0, _zeroStyled.styled)('span', {
   name: 'MuiSlider',
-  slot: 'Track',
-  overridesResolver: (props, styles) => styles.track
+  slot: 'Track'
 })((0, _memoTheme.default)(({
   theme
 }) => {
@@ -344,8 +342,7 @@ const SliderThumb = exports.SliderThumb = (0, _zeroStyled.styled)('span', {
 })));
 const SliderValueLabel = exports.SliderValueLabel = (0, _zeroStyled.styled)(_SliderValueLabel.default, {
   name: 'MuiSlider',
-  slot: 'ValueLabel',
-  overridesResolver: (props, styles) => styles.valueLabel
+  slot: 'ValueLabel'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -496,8 +493,7 @@ const SliderMark = exports.SliderMark = (0, _zeroStyled.styled)('span', {
 const SliderMarkLabel = exports.SliderMarkLabel = (0, _zeroStyled.styled)('span', {
   name: 'MuiSlider',
   slot: 'MarkLabel',
-  shouldForwardProp: prop => (0, _slotShouldForwardProp.default)(prop) && prop !== 'markLabelActive',
-  overridesResolver: (props, styles) => styles.markLabel
+  shouldForwardProp: prop => (0, _slotShouldForwardProp.default)(prop) && prop !== 'markLabelActive'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/Slider/SliderValueLabel.js

@@ -38,7 +38,7 @@ function SliderValueLabel(props) {
     return null;
   }
   return /*#__PURE__*/React.cloneElement(children, {
-    className: (0, _clsx.default)(children.props.className)
+    className: children.props.className
   }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [children.props.children, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _clsx.default)(classes.offset, className),

package/Slider/useSlider.d.ts

@@ -1,14 +1,4 @@
 import { UseSliderParameters, UseSliderReturnValue } from "./useSlider.types.js";
 export declare function valueToPercent(value: number, min: number, max: number): number;
 export declare const Identity: (x: any) => any;
-/**
- *
- * Demos:
- *
- * - [Slider](https://mui.com/base-ui/react-slider/#hook)
- *
- * API:
- *
- * - [useSlider API](https://mui.com/base-ui/react-slider/hooks-api/#use-slider)
- */
 export declare function useSlider(parameters: UseSliderParameters): UseSliderReturnValue;

package/Slider/useSlider.js

@@ -10,7 +10,14 @@ exports.Identity = void 0;
 exports.useSlider = useSlider;
 exports.valueToPercent = valueToPercent;
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
+var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _isFocusVisible = _interopRequireDefault(require("@mui/utils/isFocusVisible"));
+var _visuallyHidden = _interopRequireDefault(require("@mui/utils/visuallyHidden"));
+var _clamp = _interopRequireDefault(require("@mui/utils/clamp"));
 var _extractEventHandlers = _interopRequireDefault(require("@mui/utils/extractEventHandlers"));
 var _areArraysEqual = _interopRequireDefault(require("../utils/areArraysEqual"));
 const INTENTIONAL_DRAG_COUNT_THRESHOLD = 2;
@@ -92,7 +99,7 @@ function focusThumb({
   activeIndex,
   setActive
 }) {
-  const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
+  const doc = (0, _ownerDocument.default)(sliderRef.current);
   if (!sliderRef.current?.contains(doc.activeElement) || Number(doc?.activeElement?.getAttribute('data-index')) !== activeIndex) {
     sliderRef.current?.querySelector(`[type="range"][data-index="${activeIndex}"]`).focus();
   }
@@ -159,16 +166,6 @@ function doesSupportTouchActionNone() {
   }
   return cachedSupportsTouchActionNone;
 }
-/**
- *
- * Demos:
- *
- * - [Slider](https://mui.com/base-ui/react-slider/#hook)
- *
- * API:
- *
- * - [useSlider API](https://mui.com/base-ui/react-slider/hooks-api/#use-slider)
- */
 function useSlider(parameters) {
   const {
     'aria-labelledby': ariaLabelledby,
@@ -200,7 +197,7 @@ function useSlider(parameters) {
   const moveCount = React.useRef(0);
   // lastChangedValue is updated whenever onChange is triggered.
   const lastChangedValue = React.useRef(null);
-  const [valueDerived, setValueState] = (0, _utils.unstable_useControlled)({
+  const [valueDerived, setValueState] = (0, _useControlled.default)({
     controlled: valueProp,
     default: defaultValue ?? min,
     name: 'Slider'
@@ -225,24 +222,24 @@ function useSlider(parameters) {
   });
   const range = Array.isArray(valueDerived);
   let values = range ? valueDerived.slice().sort(asc) : [valueDerived];
-  values = values.map(value => value == null ? min : (0, _utils.clamp)(value, min, max));
+  values = values.map(value => value == null ? min : (0, _clamp.default)(value, min, max));
   const marks = marksProp === true && step !== null ? [...Array(Math.floor((max - min) / step) + 1)].map((_, index) => ({
     value: min + step * index
   })) : marksProp || [];
   const marksValues = marks.map(mark => mark.value);
   const [focusedThumbIndex, setFocusedThumbIndex] = React.useState(-1);
   const sliderRef = React.useRef(null);
-  const handleRef = (0, _utils.unstable_useForkRef)(ref, sliderRef);
+  const handleRef = (0, _useForkRef.default)(ref, sliderRef);
   const createHandleHiddenInputFocus = otherHandlers => event => {
     const index = Number(event.currentTarget.getAttribute('data-index'));
-    if ((0, _utils.unstable_isFocusVisible)(event.target)) {
+    if ((0, _isFocusVisible.default)(event.target)) {
       setFocusedThumbIndex(index);
     }
     setOpen(index);
     otherHandlers?.onFocus?.(event);
   };
   const createHandleHiddenInputBlur = otherHandlers => event => {
-    if (!(0, _utils.unstable_isFocusVisible)(event.target)) {
+    if (!(0, _isFocusVisible.default)(event.target)) {
       setFocusedThumbIndex(-1);
     }
     setOpen(-1);
@@ -263,11 +260,11 @@ function useSlider(parameters) {
         newValue = newValue < value ? marksValues[marksIndex - 1] : marksValues[marksIndex + 1];
       }
     }
-    newValue = (0, _utils.clamp)(newValue, min, max);
+    newValue = (0, _clamp.default)(newValue, min, max);
     if (range) {
       // Bound the new value to the thumb's neighbours.
       if (disableSwap) {
-        newValue = (0, _utils.clamp)(newValue, values[index - 1] || -Infinity, values[index + 1] || Infinity);
+        newValue = (0, _clamp.default)(newValue, values[index - 1] || -Infinity, values[index + 1] || Infinity);
       }
       const previousValue = newValue;
       newValue = setValueIndex({
@@ -359,7 +356,7 @@ function useSlider(parameters) {
     }
     otherHandlers?.onKeyDown?.(event);
   };
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (disabled && sliderRef.current.contains(document.activeElement)) {
       // This is necessary because Firefox and Safari will keep focus
       // on a disabled element:
@@ -415,7 +412,7 @@ function useSlider(parameters) {
       const closestIndex = findClosest(marksValues, newValue);
       newValue = marksValues[closestIndex];
     }
-    newValue = (0, _utils.clamp)(newValue, min, max);
+    newValue = (0, _clamp.default)(newValue, min, max);
     let activeIndex = 0;
     if (range) {
       if (!move) {
@@ -426,7 +423,7 @@ function useSlider(parameters) {
 
       // Bound the new value to the thumb's neighbours.
       if (disableSwap) {
-        newValue = (0, _utils.clamp)(newValue, values[activeIndex - 1] || -Infinity, values[activeIndex + 1] || Infinity);
+        newValue = (0, _clamp.default)(newValue, values[activeIndex - 1] || -Infinity, values[activeIndex + 1] || Infinity);
       }
       const previousValue = newValue;
       newValue = setValueIndex({
@@ -446,7 +443,7 @@ function useSlider(parameters) {
       activeIndex
     };
   };
-  const handleTouchMove = (0, _utils.unstable_useEventCallback)(nativeEvent => {
+  const handleTouchMove = (0, _useEventCallback.default)(nativeEvent => {
     const finger = trackFinger(nativeEvent, touchId);
     if (!finger) {
       return;
@@ -480,7 +477,7 @@ function useSlider(parameters) {
       handleChange(nativeEvent, newValue, activeIndex);
     }
   });
-  const handleTouchEnd = (0, _utils.unstable_useEventCallback)(nativeEvent => {
+  const handleTouchEnd = (0, _useEventCallback.default)(nativeEvent => {
     const finger = trackFinger(nativeEvent, touchId);
     setDragging(false);
     if (!finger) {
@@ -504,7 +501,7 @@ function useSlider(parameters) {
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
     stopListening();
   });
-  const handleTouchStart = (0, _utils.unstable_useEventCallback)(nativeEvent => {
+  const handleTouchStart = (0, _useEventCallback.default)(nativeEvent => {
     if (disabled) {
       return;
     }
@@ -536,7 +533,7 @@ function useSlider(parameters) {
       }
     }
     moveCount.current = 0;
-    const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
+    const doc = (0, _ownerDocument.default)(sliderRef.current);
     doc.addEventListener('touchmove', handleTouchMove, {
       passive: true
     });
@@ -545,7 +542,7 @@ function useSlider(parameters) {
     });
   });
   const stopListening = React.useCallback(() => {
-    const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
+    const doc = (0, _ownerDocument.default)(sliderRef.current);
     doc.removeEventListener('mousemove', handleTouchMove);
     doc.removeEventListener('mouseup', handleTouchEnd);
     doc.removeEventListener('touchmove', handleTouchMove);
@@ -603,7 +600,7 @@ function useSlider(parameters) {
       }
     }
     moveCount.current = 0;
-    const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
+    const doc = (0, _ownerDocument.default)(sliderRef.current);
     doc.addEventListener('mousemove', handleTouchMove, {
       passive: true
     });
@@ -684,7 +681,7 @@ function useSlider(parameters) {
       ...externalProps,
       ...mergedEventHandlers,
       style: {
-        ..._utils.visuallyHidden,
+        ..._visuallyHidden.default,
         direction: isRtl ? 'rtl' : 'ltr',
         // So that VoiceOver's focus indicator matches the thumb's dimensions
         width: '100%',

package/Snackbar/Snackbar.js

@@ -211,7 +211,11 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     externalForwardedProps,
     getSlotProps: handlers => ({
       onClickAway: (...params) => {
+        const event = params[0];
         handlers.onClickAway?.(...params);
+        if (event?.defaultMuiPrevented) {
+          return;
+        }
         onClickAway(...params);
       }
     }),

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/SvgIcon/SvgIcon.d.ts

@@ -42,7 +42,7 @@ export interface SvgIconOwnProps {
   inheritViewBox?: boolean;
   /**
    * The shape-rendering attribute. The behavior of the different options is described on the
-   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
    * If you are having issues with blurry icons you should investigate this prop.
    */
   shapeRendering?: string;

package/SvgIcon/SvgIcon.js

@@ -214,7 +214,7 @@ process.env.NODE_ENV !== "production" ? SvgIcon.propTypes /* remove-proptypes */
   inheritViewBox: _propTypes.default.bool,
   /**
    * The shape-rendering attribute. The behavior of the different options is described on the
-   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
    * If you are having issues with blurry icons you should investigate this prop.
    */
   shapeRendering: _propTypes.default.string,

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,
   /**