@mui/material 7.0.2 → 7.1.1

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,10 +1,11 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { SlotComponentProps } from '@mui/utils';
-import { BackdropProps, InternalStandardProps as StandardProps } from "../index.js";
+import { SlotComponentProps } from '@mui/utils/types';
+import { BackdropProps } from "../Backdrop/index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import Paper, { PaperProps } from "../Paper/index.js";
 import Modal, { ModalProps } from "../Modal/index.js";
-import { Theme } from "../styles/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { PopoverClasses } from "./popoverClasses.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.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.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 { RadioClasses } from "./radioClasses.js";

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/Rating/Rating.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 { RatingClasses } from "./ratingClasses.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { InputProps } from "../Input/index.js";
 import { MenuProps } from "../Menu/index.js";
 import { SelectChangeEvent, SelectInputProps } from "./SelectInput.js";
@@ -62,7 +63,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

@@ -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 { MenuProps } from "../Menu/index.js";
 
 /**
@@ -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/Skeleton/Skeleton.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 { SkeletonClasses } from "./skeletonClasses.js";
 export interface SkeletonPropsVariantOverrides {}

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

@@ -24,22 +24,19 @@ const useUtilityClasses = ownerState => {
 };
 const SnackbarContentRoot = styled(Paper, {
   name: 'MuiSnackbarContent',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(memoTheme(({
   theme
 }) => {
   const emphasis = theme.palette.mode === 'light' ? 0.8 : 0.98;
-  const backgroundColor = 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(emphasize(theme.palette.background.default, emphasis)),
+    backgroundColor: theme.vars ? theme.vars.palette.SnackbarContent.bg : 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',
@@ -49,15 +46,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',
@@ -81,7 +76,6 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(SnackbarContentRoot, {
     role: role,
-    square: true,
     elevation: 6,
     className: clsx(classes.root, className),
     ownerState: ownerState,

package/esm/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/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.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/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/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/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/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/esm/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/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.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/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.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/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/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";