@mui/material 7.0.1 → 7.1.0

package/esm/OutlinedInput/OutlinedInput.js

@@ -14,6 +14,7 @@ import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFil
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import outlinedInputClasses, { getOutlinedInputUtilityClass } from "./outlinedInputClasses.js";
 import InputBase, { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from "../InputBase/InputBase.js";
+import useSlot from "../utils/useSlot.js";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -109,8 +110,7 @@ const OutlinedInputRoot = styled(InputBaseRoot, {
 }));
 const NotchedOutlineRoot = styled(NotchedOutline, {
   name: 'MuiOutlinedInput',
-  slot: 'NotchedOutline',
-  overridesResolver: (props, styles) => styles.notchedOutline
+  slot: 'NotchedOutline'
 })(memoTheme(({
   theme
 }) => {
@@ -178,7 +178,6 @@ const OutlinedInputInput = styled(InputBaseInput, {
   }]
 })));
 const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps, ref) {
-  var _React$Fragment;
   const props = useDefaultProps({
     props: inProps,
     name: 'MuiOutlinedInput'
@@ -191,6 +190,7 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
     multiline = false,
     notched,
     slots = {},
+    slotProps = {},
     type = 'text',
     ...other
   } = props;
@@ -216,17 +216,29 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
   };
   const RootSlot = slots.root ?? components.Root ?? OutlinedInputRoot;
   const InputSlot = slots.input ?? components.Input ?? OutlinedInputInput;
+  const [NotchedSlot, notchedProps] = useSlot('notchedOutline', {
+    elementType: NotchedOutlineRoot,
+    className: classes.notchedOutline,
+    shouldForwardComponentProp: true,
+    ownerState,
+    externalForwardedProps: {
+      slots,
+      slotProps
+    },
+    additionalProps: {
+      label: label != null && label !== '' && fcs.required ? /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [label, "\u2009", '*']
+      }) : label
+    }
+  });
   return /*#__PURE__*/_jsx(InputBase, {
     slots: {
       root: RootSlot,
       input: InputSlot
     },
-    renderSuffix: state => /*#__PURE__*/_jsx(NotchedOutlineRoot, {
-      ownerState: ownerState,
-      className: classes.notchedOutline,
-      label: label != null && label !== '' && fcs.required ? _React$Fragment || (_React$Fragment = /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [label, "\u2009", '*']
-      })) : label,
+    slotProps: slotProps,
+    renderSuffix: state => /*#__PURE__*/_jsx(NotchedSlot, {
+      ...notchedProps,
       notched: typeof notched !== 'undefined' ? notched : Boolean(state.startAdornment || state.filled || state.focused)
     }),
     fullWidth: fullWidth,
@@ -312,7 +324,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    */
   inputComponent: PropTypes.elementType,
   /**
-   * [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.
    * @default {}
    */
   inputProps: PropTypes.object,
@@ -377,15 +389,22 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    * Number of rows to display when multiline option is set to true.
    */
   rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    input: PropTypes.object,
+    notchedOutline: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.object
+  }),
   /**
    * The components used for each slot inside.
-   *
-   * This prop is an alias for the `components` prop, which will be deprecated in the future.
-   *
    * @default {}
    */
   slots: PropTypes.shape({
     input: PropTypes.elementType,
+    notchedOutline: PropTypes.elementType,
     root: PropTypes.elementType
   }),
   /**
@@ -397,7 +416,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.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).
    * @default 'text'
    */
   type: PropTypes.string,

package/esm/Pagination/Pagination.js

@@ -34,8 +34,7 @@ const PaginationRoot = styled('nav', {
 })({});
 const PaginationUl = styled('ul', {
   name: 'MuiPagination',
-  slot: 'Ul',
-  overridesResolver: (props, styles) => styles.ul
+  slot: 'Ul'
 })({
   display: 'flex',
   flexWrap: 'wrap',

package/esm/PaginationItem/PaginationItem.js

@@ -244,8 +244,7 @@ const PaginationItemPage = styled(ButtonBase, {
 })));
 const PaginationItemPageIcon = styled('div', {
   name: 'MuiPaginationItem',
-  slot: 'Icon',
-  overridesResolver: (props, styles) => styles.icon
+  slot: 'Icon'
 })(memoTheme(({
   theme
 }) => ({

package/esm/Popover/Popover.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import { BackdropProps, InternalStandardProps as StandardProps } from "../index.js";
 import Paper, { PaperProps } from "../Paper/index.js";
 import Modal, { ModalProps } from "../Modal/index.js";

package/esm/Popover/Popover.js

@@ -62,13 +62,11 @@ const useUtilityClasses = ownerState => {
 };
 export const PopoverRoot = styled(Modal, {
   name: 'MuiPopover',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 export const PopoverPaper = styled(PaperBase, {
   name: 'MuiPopover',
-  slot: 'Paper',
-  overridesResolver: (props, styles) => styles.paper
+  slot: 'Paper'
 })({
   position: 'absolute',
   overflowY: 'auto',

package/esm/Popper/BasePopper.js

@@ -1,7 +1,12 @@
 'use client';
 
 import * as React from 'react';
-import { chainPropTypes, HTMLElementType, refType, unstable_ownerDocument as ownerDocument, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useForkRef as useForkRef } from '@mui/utils';
+import ownerDocument from '@mui/utils/ownerDocument';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import useForkRef from '@mui/utils/useForkRef';
+import chainPropTypes from '@mui/utils/chainPropTypes';
+import HTMLElementType from '@mui/utils/HTMLElementType';
+import refType from '@mui/utils/refType';
 import { createPopper } from '@popperjs/core';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';

package/esm/Popper/Popper.js

@@ -11,8 +11,7 @@ import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PopperRoot = styled(BasePopper, {
   name: 'MuiPopper',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 
 /**

package/esm/Portal/Portal.js

@@ -3,7 +3,12 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-import { exactProp, HTMLElementType, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useForkRef as useForkRef, unstable_setRef as setRef, unstable_getReactElementRef as getReactElementRef } from '@mui/utils';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import useForkRef from '@mui/utils/useForkRef';
+import setRef from '@mui/utils/setRef';
+import getReactElementRef from '@mui/utils/getReactElementRef';
+import exactProp from '@mui/utils/exactProp';
+import HTMLElementType from '@mui/utils/HTMLElementType';
 function getContainer(container) {
   return typeof container === 'function' ? container() : container;
 }

package/esm/Radio/Radio.js

@@ -249,7 +249,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
    */
   id: PropTypes.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.object,

package/esm/ScopedCssBaseline/ScopedCssBaseline.js

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

package/esm/Select/Select.d.ts

@@ -62,7 +62,7 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
    */
   input?: React.ReactElement<unknown, any>;
   /**
-   * [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.
    * When `native` is `true`, the attributes are applied on the `select` element.
    */
   inputProps?: InputProps['inputProps'];

package/esm/Select/Select.js

@@ -35,9 +35,8 @@ const useUtilityClasses = ownerState => {
 };
 const styledRootConfig = {
   name: 'MuiSelect',
-  overridesResolver: (props, styles) => styles.root,
-  shouldForwardProp: prop => rootShouldForwardProp(prop) && prop !== 'variant',
-  slot: 'Root'
+  slot: 'Root',
+  shouldForwardProp: prop => rootShouldForwardProp(prop) && prop !== 'variant'
 };
 const StyledInput = styled(Input, styledRootConfig)('');
 const StyledOutlinedInput = styled(OutlinedInput, styledRootConfig)('');
@@ -211,7 +210,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes /* remove-proptypes */
    */
   input: PropTypes.element,
   /**
-   * [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.
    * When `native` is `true`, the attributes are applied on the `select` element.
    */
   inputProps: PropTypes.object,

package/esm/Select/SelectInput.d.ts

@@ -8,12 +8,20 @@ import { MenuProps } from "../Menu/index.js";
  * The type of event depends on what caused the change.
  * For example, when the browser auto-fills the `Select` you'll receive a `React.ChangeEvent`.
  */
-export type SelectChangeEvent<Value = string> = (Event & {
+
+export type SelectChangeEvent<Value = string> = Value extends (string & {}) | number ? React.ChangeEvent<Omit<HTMLInputElement, 'value'> & {
+  value: Value;
+}> | (Event & {
+  target: {
+    value: Value;
+    name: string;
+  };
+}) : React.ChangeEvent<HTMLInputElement> | (Event & {
   target: {
     value: Value;
     name: string;
   };
-}) | React.ChangeEvent<HTMLInputElement>;
+});
 export interface SelectInputProps<Value = unknown> {
   autoFocus?: boolean;
   autoWidth: boolean;

package/esm/Select/SelectInput.js

@@ -64,8 +64,7 @@ const SelectIcon = styled(StyledSelectIcon, {
 const SelectNativeInput = styled('input', {
   shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'classes',
   name: 'MuiSelect',
-  slot: 'NativeInput',
-  overridesResolver: (props, styles) => styles.nativeInput
+  slot: 'NativeInput'
 })({
   bottom: 0,
   left: 0,

package/esm/Slider/Slider.js

@@ -126,8 +126,7 @@ export const SliderRoot = styled('span', {
 })));
 export const SliderRail = styled('span', {
   name: 'MuiSlider',
-  slot: 'Rail',
-  overridesResolver: (props, styles) => styles.rail
+  slot: 'Rail'
 })({
   display: 'block',
   position: 'absolute',
@@ -165,8 +164,7 @@ export const SliderRail = styled('span', {
 });
 export const SliderTrack = styled('span', {
   name: 'MuiSlider',
-  slot: 'Track',
-  overridesResolver: (props, styles) => styles.track
+  slot: 'Track'
 })(memoTheme(({
   theme
 }) => {
@@ -337,8 +335,7 @@ export const SliderThumb = styled('span', {
 })));
 const SliderValueLabel = styled(BaseSliderValueLabel, {
   name: 'MuiSlider',
-  slot: 'ValueLabel',
-  overridesResolver: (props, styles) => styles.valueLabel
+  slot: 'ValueLabel'
 })(memoTheme(({
   theme
 }) => ({
@@ -490,8 +487,7 @@ export const SliderMark = styled('span', {
 export const SliderMarkLabel = styled('span', {
   name: 'MuiSlider',
   slot: 'MarkLabel',
-  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markLabelActive',
-  overridesResolver: (props, styles) => styles.markLabel
+  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markLabelActive'
 })(memoTheme(({
   theme
 }) => ({

package/esm/Slider/SliderValueLabel.js

@@ -31,7 +31,7 @@ export default function SliderValueLabel(props) {
     return null;
   }
   return /*#__PURE__*/React.cloneElement(children, {
-    className: clsx(children.props.className)
+    className: children.props.className
   }, /*#__PURE__*/_jsxs(React.Fragment, {
     children: [children.props.children, /*#__PURE__*/_jsx("span", {
       className: clsx(classes.offset, className),

package/esm/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/esm/Slider/useSlider.js

@@ -1,7 +1,14 @@
 'use client';
 
 import * as React from 'react';
-import { unstable_ownerDocument as ownerDocument, unstable_useControlled as useControlled, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback, unstable_useForkRef as useForkRef, unstable_isFocusVisible as isFocusVisible, visuallyHidden, clamp } from '@mui/utils';
+import ownerDocument from '@mui/utils/ownerDocument';
+import useControlled from '@mui/utils/useControlled';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import useEventCallback from '@mui/utils/useEventCallback';
+import useForkRef from '@mui/utils/useForkRef';
+import isFocusVisible from '@mui/utils/isFocusVisible';
+import visuallyHidden from '@mui/utils/visuallyHidden';
+import clamp from '@mui/utils/clamp';
 import extractEventHandlers from '@mui/utils/extractEventHandlers';
 import areArraysEqual from "../utils/areArraysEqual.js";
 const INTENTIONAL_DRAG_COUNT_THRESHOLD = 2;
@@ -149,16 +156,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)
- */
 export function useSlider(parameters) {
   const {
     'aria-labelledby': ariaLabelledby,

package/esm/Snackbar/Snackbar.js

@@ -204,7 +204,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/esm/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/esm/Snackbar/useSnackbar.js

@@ -1,19 +1,9 @@
 'use client';
 
 import * as React from 'react';
-import { unstable_useEventCallback as useEventCallback, unstable_useTimeout as useTimeout } from '@mui/utils';
+import useEventCallback from '@mui/utils/useEventCallback';
+import useTimeout from '@mui/utils/useTimeout';
 import extractEventHandlers from '@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,

package/esm/SnackbarContent/SnackbarContent.js

@@ -24,8 +24,7 @@ const useUtilityClasses = ownerState => {
 };
 const SnackbarContentRoot = styled(Paper, {
   name: 'MuiSnackbarContent',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(memoTheme(({
   theme
 }) => {
@@ -49,15 +48,13 @@ const SnackbarContentRoot = styled(Paper, {
 }));
 const SnackbarContentMessage = styled('div', {
   name: 'MuiSnackbarContent',
-  slot: 'Message',
-  overridesResolver: (props, styles) => styles.message
+  slot: 'Message'
 })({
   padding: '8px 0'
 });
 const SnackbarContentAction = styled('div', {
   name: 'MuiSnackbarContent',
-  slot: 'Action',
-  overridesResolver: (props, styles) => styles.action
+  slot: 'Action'
 })({
   display: 'flex',
   alignItems: 'center',

package/esm/SpeedDial/SpeedDial.js

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

package/esm/SpeedDialAction/SpeedDialAction.js

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

package/esm/Stack/Stack.js

@@ -7,8 +7,7 @@ import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 const Stack = createStack({
   createStyledComponent: styled('div', {
     name: 'MuiStack',
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'Root'
   }),
   useThemeProps: inProps => useDefaultProps({
     props: inProps,

package/esm/StepContent/StepContent.js

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

package/esm/StepIcon/StepIcon.js

@@ -28,8 +28,7 @@ const useUtilityClasses = ownerState => {
 };
 const StepIconRoot = styled(SvgIcon, {
   name: 'MuiStepIcon',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(memoTheme(({
   theme
 }) => ({
@@ -50,8 +49,7 @@ const StepIconRoot = styled(SvgIcon, {
 })));
 const StepIconText = styled('text', {
   name: 'MuiStepIcon',
-  slot: 'Text',
-  overridesResolver: (props, styles) => styles.text
+  slot: 'Text'
 })(memoTheme(({
   theme
 }) => ({

package/esm/StepLabel/StepLabel.js

@@ -61,8 +61,7 @@ const StepLabelRoot = styled('span', {
 });
 const StepLabelLabel = styled('span', {
   name: 'MuiStepLabel',
-  slot: 'Label',
-  overridesResolver: (props, styles) => styles.label
+  slot: 'Label'
 })(memoTheme(({
   theme
 }) => ({
@@ -88,8 +87,7 @@ const StepLabelLabel = styled('span', {
 })));
 const StepLabelIconContainer = styled('span', {
   name: 'MuiStepLabel',
-  slot: 'IconContainer',
-  overridesResolver: (props, styles) => styles.iconContainer
+  slot: 'IconContainer'
 })({
   flexShrink: 0,
   display: 'flex',
@@ -100,8 +98,7 @@ const StepLabelIconContainer = styled('span', {
 });
 const StepLabelLabelContainer = styled('span', {
   name: 'MuiStepLabel',
-  slot: 'LabelContainer',
-  overridesResolver: (props, styles) => styles.labelContainer
+  slot: 'LabelContainer'
 })(memoTheme(({
   theme
 }) => ({

package/esm/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/esm/SvgIcon/SvgIcon.js

@@ -207,7 +207,7 @@ process.env.NODE_ENV !== "production" ? SvgIcon.propTypes /* remove-proptypes */
   inheritViewBox: PropTypes.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.string,

package/esm/Switch/Switch.js

@@ -174,8 +174,7 @@ const SwitchSwitchBase = styled(SwitchBase, {
 })));
 const SwitchTrack = styled('span', {
   name: 'MuiSwitch',
-  slot: 'Track',
-  overridesResolver: (props, styles) => styles.track
+  slot: 'Track'
 })(memoTheme(({
   theme
 }) => ({
@@ -191,8 +190,7 @@ const SwitchTrack = styled('span', {
 })));
 const SwitchThumb = styled('span', {
   name: 'MuiSwitch',
-  slot: 'Thumb',
-  overridesResolver: (props, styles) => styles.thumb
+  slot: 'Thumb'
 })(memoTheme(({
   theme
 }) => ({
@@ -344,7 +342,7 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
    */
   id: PropTypes.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.object,

package/esm/TableBody/TableBody.js

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

package/esm/TableContainer/TableContainer.js

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

package/esm/TableFooter/TableFooter.js

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