@mui/material 7.0.2 → 7.1.1

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import ClickAwayListener, { ClickAwayListenerProps } from "../ClickAwayListener/index.js";
 import { Theme } from "../styles/index.js";
-import { InternalStandardProps as StandardProps } from "../index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { SnackbarContentProps } from "../SnackbarContent/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { SnackbarClasses } from "./snackbarClasses.js";

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from "../styles/index.js";
-import { InternalStandardProps as StandardProps } from "../index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { PaperProps } from "../Paper/index.js";
 import { SnackbarContentClasses } from "./snackbarContentClasses.js";
 export interface SnackbarContentProps extends StandardProps<PaperProps, 'children'> {

package/SnackbarContent/SnackbarContent.js

@@ -31,22 +31,19 @@ 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
 }) => {
   const emphasis = theme.palette.mode === 'light' ? 0.8 : 0.98;
-  const backgroundColor = (0, _colorManipulator.emphasize)(theme.palette.background.default, emphasis);
   return {
     ...theme.typography.body2,
-    color: theme.vars ? theme.vars.palette.SnackbarContent.color : theme.palette.getContrastText(backgroundColor),
-    backgroundColor: theme.vars ? theme.vars.palette.SnackbarContent.bg : backgroundColor,
+    color: theme.vars ? theme.vars.palette.SnackbarContent.color : theme.palette.getContrastText((0, _colorManipulator.emphasize)(theme.palette.background.default, emphasis)),
+    backgroundColor: theme.vars ? theme.vars.palette.SnackbarContent.bg : (0, _colorManipulator.emphasize)(theme.palette.background.default, emphasis),
     display: 'flex',
     alignItems: 'center',
     flexWrap: 'wrap',
     padding: '6px 16px',
-    borderRadius: (theme.vars || theme).shape.borderRadius,
     flexGrow: 1,
     [theme.breakpoints.up('sm')]: {
       flexGrow: 'initial',
@@ -56,15 +53,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',
@@ -88,7 +83,6 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SnackbarContentRoot, {
     role: role,
-    square: true,
     elevation: 6,
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,

package/SpeedDial/SpeedDial.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from "../styles/index.js";
-import { InternalStandardProps as StandardProps } from "../index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { FabProps } from "../Fab/index.js";
 import { TransitionProps } from "../transitions/index.js";
 import { SpeedDialClasses } from "./speedDialClasses.js";

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from "../styles/index.js";
-import { InternalStandardProps as StandardProps } from "../index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { FabProps } from "../Fab/index.js";
 import { TooltipProps } from "../Tooltip/index.js";
 import { SpeedDialActionClasses } from "./speedDialActionClasses.js";

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from "../styles/index.js";
-import { InternalStandardProps as StandardProps } from "../index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { SpeedDialIconClasses } from "./speedDialIconClasses.js";
 export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
   /**

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps } from "../index.js";
 import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { StepConnectorClasses } from "./stepConnectorClasses.js";
 export type StepConnectorIcon = React.ReactElement<unknown> | string | number;
 export interface StepConnectorProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'> {

package/StepContent/StepContent.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { CollapseProps, InternalStandardProps as StandardProps } from "../index.js";
 import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
+import { CollapseProps } from "../Collapse/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { StepContentClasses } from "./stepContentClasses.js";
 import { CreateSlotsAndSlotProps, SlotComponentProps } from "../utils/types.js";

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

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, SvgIconOwnProps } from "../index.js";
+import { SvgIconOwnProps } from "../SvgIcon/index.js";
 import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { StepIconClasses } from "./stepIconClasses.js";
 export interface StepIconProps
 // TODO v7: extend React.HTMLAttributes<SVGSVGElement> as svg is root component of StepIcon not div

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps } from "../index.js";
-import { StepIconProps } from "../StepIcon/index.js";
 import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
+import { StepIconProps } from "../StepIcon/index.js";
 import { StepLabelClasses } from "./stepLabelClasses.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
 export interface StepLabelSlots {

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

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
 import { SwitchBaseProps } from "../internal/SwitchBase.js";
 import { SwitchClasses } from "./switchClasses.js";

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
 import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
 import { OverrideProps } from "../OverridableComponent/index.js";
 import { TabClasses } from "./tabClasses.js";

package/TabScrollButton/TabScrollButton.d.ts

@@ -2,7 +2,8 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { SlotComponentProps } from "../utils/types.js";
 import { ButtonBaseProps } from "../ButtonBase/index.js";
-import { SvgIcon, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import SvgIcon from "../SvgIcon/index.js";
 import { TabScrollButtonClasses } from "./tabScrollButtonClasses.js";
 export interface TabScrollButtonStartIconSlotPropsOverrides {}
 export interface TabScrollButtonEndIconSlotPropsOverrides {}

package/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
-import { Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { TableClasses } from "./tableClasses.js";
 export interface TablePropsSizeOverrides {}

package/TableBody/TableBody.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { TableBodyClasses } from "./tableBodyClasses.js";
 export interface TableBodyOwnProps {