@mui/material 5.15.21 → 5.16.0

package/legacy/Menu/Menu.js

@@ -13,7 +13,7 @@ import { useRtl } from '@mui/system/RtlProvider';
 import MenuList from '../MenuList';
 import Popover, { PopoverPaper } from '../Popover';
 import styled, { rootShouldForwardProp } from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { getMenuUtilityClass } from './menuClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 var RTL_ORIGIN = {
@@ -69,7 +69,7 @@ var MenuMenuList = styled(MenuList, {
 });
 var Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
   var _slots$paper, _slotProps$paper;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiMenu'
   });

package/legacy/MenuItem/MenuItem.js

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
 import styled, { rootShouldForwardProp } from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import ListContext from '../List/ListContext';
 import ButtonBase from '../ButtonBase';
 import useEnhancedEffect from '../utils/useEnhancedEffect';
@@ -110,7 +110,7 @@ var MenuItemRoot = styled(ButtonBase, {
   })));
 });
 var MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiMenuItem'
   });

package/legacy/MobileStepper/MobileStepper.js

@@ -11,7 +11,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import Paper from '../Paper';
 import capitalize from '../utils/capitalize';
 import LinearProgress from '../LinearProgress';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled, { slotShouldForwardProp } from '../styles/styled';
 import { getMobileStepperUtilityClass } from './mobileStepperClasses';
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -112,7 +112,7 @@ var MobileStepperProgress = styled(LinearProgress, {
   });
 });
 var MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiMobileStepper'
   });

package/legacy/Modal/Modal.js

@@ -13,7 +13,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import FocusTrap from '../Unstable_TrapFocus';
 import Portal from '../Portal';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Backdrop from '../Backdrop';
 import { getModalUtilityClass } from './modalClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -74,7 +74,7 @@ var ModalBackdrop = styled(Backdrop, {
  */
 var Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
   var _ref2, _slots$root, _ref3, _slots$backdrop, _slotProps$root, _slotProps$backdrop;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     name: 'MuiModal',
     props: inProps
   });

package/legacy/NativeSelect/NativeSelect.js

@@ -11,7 +11,7 @@ import formControlState from '../FormControl/formControlState';
 import useFormControl from '../FormControl/useFormControl';
 import ArrowDropDownIcon from '../internal/svg-icons/ArrowDropDown';
 import Input from '../Input';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { getNativeSelectUtilityClasses } from './nativeSelectClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -26,7 +26,7 @@ var defaultInput = /*#__PURE__*/_jsx(Input, {});
  * An alternative to `<Select native />` with a much smaller bundle size footprint.
  */
 var NativeSelect = /*#__PURE__*/React.forwardRef(function NativeSelect(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     name: 'MuiNativeSelect',
     props: inProps
   });

package/legacy/OutlinedInput/OutlinedInput.js

@@ -13,7 +13,7 @@ import formControlState from '../FormControl/formControlState';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import outlinedInputClasses, { getOutlinedInputUtilityClass } from './outlinedInputClasses';
 import InputBase, { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseComponent as InputBaseInput } from '../InputBase/InputBase';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -112,7 +112,7 @@ var OutlinedInputInput = styled(InputBaseInput, {
 });
 var OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps, ref) {
   var _ref5, _slots$root, _ref6, _slots$input, _React$Fragment;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiOutlinedInput'
   });

package/legacy/Pagination/Pagination.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import integerPropType from '@mui/utils/integerPropType';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { getPaginationUtilityClass } from './paginationClasses';
 import usePagination from '../usePagination';
 import PaginationItem from '../PaginationItem';
@@ -51,7 +51,7 @@ function defaultGetAriaLabel(type, page, selected) {
   return "Go to ".concat(type, " page");
 }
 var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiPagination'
   });

package/legacy/PaginationItem/PaginationItem.js

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
 import { useRtl } from '@mui/system/RtlProvider';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import paginationItemClasses, { getPaginationItemUtilityClass } from './paginationItemClasses';
 import ButtonBase from '../ButtonBase';
 import capitalize from '../utils/capitalize';
@@ -191,7 +191,7 @@ var PaginationItemPageIcon = styled('div', {
   });
 });
 var PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiPaginationItem'
   });

package/legacy/Paper/Paper.js

@@ -11,7 +11,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
 import styled from '../styles/styled';
 import getOverlayAlpha from '../styles/getOverlayAlpha';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import useTheme from '../styles/useTheme';
 import { getPaperUtilityClass } from './paperClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -53,7 +53,7 @@ var PaperRoot = styled('div', {
   }));
 });
 var Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiPaper'
   });

package/legacy/Popover/Popover.js

@@ -13,7 +13,7 @@ import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
 import integerPropType from '@mui/utils/integerPropType';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import debounce from '../utils/debounce';
 import ownerDocument from '../utils/ownerDocument';
 import ownerWindow from '../utils/ownerWindow';
@@ -89,7 +89,7 @@ export var PopoverPaper = styled(PaperBase, {
 });
 var Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
   var _slotProps$paper, _slots$root, _slots$paper;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiPopover'
   });

package/legacy/Popper/Popper.js

@@ -8,7 +8,8 @@ import refType from '@mui/utils/refType';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import { styled, useThemeProps } from '../styles';
+import { styled } from '../styles';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 var PopperRoot = styled(BasePopper, {
   name: 'MuiPopper',
@@ -33,7 +34,7 @@ var PopperRoot = styled(BasePopper, {
 var Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
   var _slots$root;
   var theme = useTheme();
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiPopper'
   });

package/legacy/Radio/Radio.js

@@ -11,7 +11,7 @@ import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
 import SwitchBase from '../internal/SwitchBase';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import RadioButtonIcon from './RadioButtonIcon';
 import capitalize from '../utils/capitalize';
 import createChainedFunction from '../utils/createChainedFunction';
@@ -71,7 +71,7 @@ var defaultCheckedIcon = /*#__PURE__*/_jsx(RadioButtonIcon, {
 var defaultIcon = /*#__PURE__*/_jsx(RadioButtonIcon, {});
 var Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
   var _defaultIcon$props$fo, _defaultCheckedIcon$p;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiRadio'
   });

package/legacy/Rating/Rating.js

@@ -15,7 +15,7 @@ import { useRtl } from '@mui/system/RtlProvider';
 import { capitalize, useForkRef, useIsFocusVisible, useControlled, unstable_useId as useId } from '../utils';
 import Star from '../internal/svg-icons/Star';
 import StarBorder from '../internal/svg-icons/StarBorder';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled, { slotShouldForwardProp } from '../styles/styled';
 import ratingClasses, { getRatingUtilityClass } from './ratingClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -260,7 +260,7 @@ function defaultLabelText(value) {
   return "".concat(value, " Star").concat(value !== 1 ? 's' : '');
 }
 var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     name: 'MuiRating',
     props: inProps
   });

package/legacy/ScopedCssBaseline/ScopedCssBaseline.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import { html, body } from '../CssBaseline/CssBaseline';
 import { getScopedCssBaselineUtilityClass } from './scopedCssBaselineClasses';
@@ -50,7 +50,7 @@ var ScopedCssBaselineRoot = styled('div', {
   }, colorSchemeStyles);
 });
 var ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiScopedCssBaseline'
   });

package/legacy/Select/Select.js

@@ -14,7 +14,7 @@ import Input from '../Input';
 import NativeSelectInput from '../NativeSelect/NativeSelectInput';
 import FilledInput from '../FilledInput';
 import OutlinedInput from '../OutlinedInput';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import useForkRef from '../utils/useForkRef';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -36,7 +36,7 @@ var StyledInput = styled(Input, styledRootConfig)('');
 var StyledOutlinedInput = styled(OutlinedInput, styledRootConfig)('');
 var StyledFilledInput = styled(FilledInput, styledRootConfig)('');
 var Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     name: 'MuiSelect',
     props: inProps
   });

package/legacy/Skeleton/Skeleton.js

@@ -11,7 +11,7 @@ import { keyframes, css } from '@mui/system';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha, unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from '../styles';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { getSkeletonUtilityClass } from './skeletonClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -77,7 +77,7 @@ var SkeletonRoot = styled('span', {
   return ownerState.animation === 'wave' && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n\n      /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */\n      -webkit-mask-image: -webkit-radial-gradient(white, black);\n\n      &::after {\n        animation: ", " 2s linear 0.5s infinite;\n        background: linear-gradient(\n          90deg,\n          transparent,\n          ", ",\n          transparent\n        );\n        content: '';\n        position: absolute;\n        transform: translateX(-100%); /* Avoid flash during server-side hydration */\n        bottom: 0;\n        left: 0;\n        right: 0;\n        top: 0;\n      }\n    "])), waveKeyframe, (theme.vars || theme).palette.action.hover);
 });
 var Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiSkeleton'
   });

package/legacy/Slider/Slider.js

@@ -13,7 +13,8 @@ import composeClasses from '@mui/utils/composeClasses';
 import { useSlider, valueToPercent } from '@mui/base/useSlider';
 import { alpha, lighten, darken } from '@mui/system/colorManipulator';
 import { useRtl } from '@mui/system/RtlProvider';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import slotShouldForwardProp from '../styles/slotShouldForwardProp';
 import shouldSpreadAdditionalProps from '../utils/shouldSpreadAdditionalProps';
 import capitalize from '../utils/capitalize';
@@ -21,7 +22,6 @@ import BaseSliderValueLabel from './SliderValueLabel';
 import sliderClasses, { getSliderUtilityClass } from './sliderClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiSlider');
 function Identity(x) {
   return x;
 }
@@ -548,7 +548,7 @@ var Forward = function Forward(_ref9) {
 };
 var Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
   var _ref10, _slots$root, _ref11, _slots$rail, _ref12, _slots$track, _ref13, _slots$thumb, _ref14, _slots$valueLabel, _ref15, _slots$mark, _ref16, _slots$markLabel, _ref17, _slots$input, _slotProps$root, _slotProps$rail, _slotProps$track, _slotProps$thumb, _slotProps$valueLabel, _slotProps$mark, _slotProps$markLabel, _slotProps$input;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inputProps,
     name: 'MuiSlider'
   });

package/legacy/Snackbar/Snackbar.js

@@ -11,7 +11,7 @@ import { ClickAwayListener } from '@mui/base/ClickAwayListener';
 import { useSnackbar } from '@mui/base/useSnackbar';
 import styled from '../styles/styled';
 import useTheme from '../styles/useTheme';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import capitalize from '../utils/capitalize';
 import Grow from '../Grow';
 import SnackbarContent from '../SnackbarContent';
@@ -69,7 +69,7 @@ var SnackbarRoot = styled('div', {
   })));
 });
 var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiSnackbar'
   });

package/legacy/SnackbarContent/SnackbarContent.js

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { emphasize } from '@mui/system/colorManipulator';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Paper from '../Paper';
 import { getSnackbarContentUtilityClass } from './snackbarContentClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -70,7 +70,7 @@ var SnackbarContentAction = styled('div', {
   marginRight: -8
 });
 var SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiSnackbarContent'
   });

package/legacy/SpeedDial/SpeedDial.js

@@ -12,7 +12,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import useTimeout from '@mui/utils/useTimeout';
 import clamp from '@mui/utils/clamp';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import useTheme from '../styles/useTheme';
 import Zoom from '../Zoom';
 import Fab from '../Fab';
@@ -115,7 +115,7 @@ var SpeedDialActions = styled('div', {
   });
 });
 var SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiSpeedDial'
   });

package/legacy/SpeedDialAction/SpeedDialAction.js

@@ -10,7 +10,7 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { emphasize } from '@mui/system/colorManipulator';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Fab from '../Fab';
 import Tooltip from '../Tooltip';
 import capitalize from '../utils/capitalize';
@@ -107,7 +107,7 @@ var SpeedDialActionStaticTooltipLabel = styled('span', {
   });
 });
 var SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiSpeedDialAction'
   });

package/legacy/SpeedDialIcon/SpeedDialIcon.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import AddIcon from '../internal/svg-icons/Add';
 import speedDialIconClasses, { getSpeedDialIconUtilityClass } from './speedDialIconClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -57,7 +57,7 @@ var SpeedDialIconRoot = styled('span', {
   }));
 });
 var SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiSpeedDialIcon'
   });

package/legacy/Stack/Stack.js

@@ -3,7 +3,7 @@
 import PropTypes from 'prop-types';
 import { createStack } from '@mui/system';
 import styled from '../styles/styled';
-import _useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 var Stack = createStack({
   createStyledComponent: styled('div', {
     name: 'MuiStack',
@@ -13,7 +13,7 @@ var Stack = createStack({
     }
   }),
   useThemeProps: function useThemeProps(inProps) {
-    return _useThemeProps({
+    return useDefaultProps({
       props: inProps,
       name: 'MuiStack'
     });

package/legacy/Step/Step.js

@@ -9,7 +9,7 @@ import integerPropType from '@mui/utils/integerPropType';
 import composeClasses from '@mui/utils/composeClasses';
 import StepperContext from '../Stepper/StepperContext';
 import StepContext from './StepContext';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import { getStepUtilityClass } from './stepClasses';
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -42,7 +42,7 @@ var StepRoot = styled('div', {
   });
 });
 var Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiStep'
   });

package/legacy/StepButton/StepButton.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import ButtonBase from '../ButtonBase';
 import StepLabel from '../StepLabel';
 import isMuiElement from '../utils/isMuiElement';
@@ -48,7 +48,7 @@ var StepButtonRoot = styled(ButtonBase, {
   }));
 });
 var StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiStepButton'
   });

package/legacy/StepConnector/StepConnector.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import StepperContext from '../Stepper/StepperContext';
 import StepContext from '../Step/StepContext';
 import { getStepConnectorUtilityClass } from './stepConnectorClasses';
@@ -70,7 +70,7 @@ var StepConnectorLine = styled('span', {
   });
 });
 var StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiStepConnector'
   });

package/legacy/StepContent/StepContent.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Collapse from '../Collapse';
 import StepperContext from '../Stepper/StepperContext';
 import StepContext from '../Step/StepContext';
@@ -51,7 +51,7 @@ var StepContentTransition = styled(Collapse, {
   }
 })({});
 var StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiStepContent'
   });

package/legacy/StepIcon/StepIcon.js

@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import CheckCircle from '../internal/svg-icons/CheckCircle';
 import Warning from '../internal/svg-icons/Warning';
 import SvgIcon from '../SvgIcon';
@@ -64,7 +64,7 @@ var StepIconText = styled('text', {
   };
 });
 var StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiStepIcon'
   });

package/legacy/StepLabel/StepLabel.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import StepIcon from '../StepIcon';
 import StepperContext from '../Stepper/StepperContext';
 import StepContext from '../Step/StepContext';
@@ -110,7 +110,7 @@ var StepLabelLabelContainer = styled('span', {
 });
 var StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref) {
   var _slotProps$label;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiStepLabel'
   });

package/legacy/Stepper/Stepper.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import integerPropType from '@mui/utils/integerPropType';
 import composeClasses from '@mui/utils/composeClasses';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import { getStepperUtilityClass } from './stepperClasses';
 import StepConnector from '../StepConnector';
@@ -45,7 +45,7 @@ var StepperRoot = styled('div', {
 });
 var defaultConnector = /*#__PURE__*/_jsx(StepConnector, {});
 var Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiStepper'
   });

package/legacy/SvgIcon/SvgIcon.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import capitalize from '../utils/capitalize';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import { getSvgIconUtilityClass } from './svgIconClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -59,7 +59,7 @@ var SvgIconRoot = styled('svg', {
   };
 });
 var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiSvgIcon'
   });

package/legacy/SwipeableDrawer/SwipeableDrawer.js

@@ -6,8 +6,8 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
-import useThemeProps from '@mui/system/useThemeProps';
 import { NoSsr } from '@mui/base';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Drawer, { getAnchor, isHorizontal } from '../Drawer/Drawer';
 import useForkRef from '../utils/useForkRef';
 import ownerDocument from '../utils/ownerDocument';
@@ -116,7 +116,7 @@ function computeHasNativeHandler(_ref) {
 }
 var iOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent);
 var SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     name: 'MuiSwipeableDrawer',
     props: inProps
   });

package/legacy/Switch/Switch.js

@@ -14,11 +14,11 @@ import composeClasses from '@mui/utils/composeClasses';
 import { alpha, darken, lighten } from '@mui/system/colorManipulator';
 import capitalize from '../utils/capitalize';
 import SwitchBase from '../internal/SwitchBase';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import switchClasses, { getSwitchUtilityClass } from './switchClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiSwitch');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     edge = ownerState.edge,
@@ -198,7 +198,7 @@ var SwitchThumb = styled('span', {
   };
 });
 var Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiSwitch'
   });