@mui/material 5.15.20 → 5.16.0

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.20
+ * @mui/material v5.16.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/Accordion/Accordion.js

@@ -11,7 +11,8 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Collapse from '../Collapse';
 import Paper from '../Paper';
 import AccordionContext from './AccordionContext';
@@ -20,7 +21,6 @@ import useSlot from '../utils/useSlot';
 import accordionClasses, { getAccordionUtilityClass } from './accordionClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiAccordion');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     square = ownerState.square,
@@ -118,7 +118,7 @@ var AccordionRoot = styled(Paper, {
   };
 });
 var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiAccordion'
   });

package/legacy/AccordionActions/AccordionActions.js

@@ -6,10 +6,10 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { getAccordionActionsUtilityClass } from './accordionActionsClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiAccordionActions');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     disableSpacing = ownerState.disableSpacing;
@@ -42,7 +42,7 @@ var AccordionActionsRoot = styled('div', {
   }]
 });
 var AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiAccordionActions'
   });

package/legacy/AccordionDetails/AccordionDetails.js

@@ -6,10 +6,10 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { getAccordionDetailsUtilityClass } from './accordionDetailsClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiAccordionDetails');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -30,7 +30,7 @@ var AccordionDetailsRoot = styled('div', {
   };
 });
 var AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiAccordionDetails'
   });

package/legacy/AccordionSummary/AccordionSummary.js

@@ -7,13 +7,13 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import ButtonBase from '../ButtonBase';
 import AccordionContext from '../Accordion/AccordionContext';
 import accordionSummaryClasses, { getAccordionSummaryUtilityClass } from './accordionSummaryClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiAccordionSummary');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     expanded = ownerState.expanded,
@@ -104,7 +104,7 @@ var AccordionSummaryExpandIconWrapper = styled('div', {
   });
 });
 var AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiAccordionSummary'
   });

package/legacy/Alert/Alert.js

@@ -10,7 +10,8 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { darken, lighten } from '@mui/system/colorManipulator';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import useSlot from '../utils/useSlot';
 import capitalize from '../utils/capitalize';
 import Paper from '../Paper';
@@ -23,7 +24,6 @@ import InfoOutlinedIcon from '../internal/svg-icons/InfoOutlined';
 import CloseIcon from '../internal/svg-icons/Close';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiAlert');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var variant = ownerState.variant,
     color = ownerState.color,
@@ -171,7 +171,7 @@ var defaultIconMapping = {
   })
 };
 var Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiAlert'
   });

package/legacy/AlertTitle/AlertTitle.js

@@ -6,11 +6,11 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Typography from '../Typography';
 import { getAlertTitleUtilityClass } from './alertTitleClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiAlertTitle');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -32,7 +32,7 @@ var AlertTitleRoot = styled(Typography, {
   };
 });
 var AlertTitle = /*#__PURE__*/React.forwardRef(function AlertTitle(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiAlertTitle'
   });

package/legacy/AppBar/AppBar.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 capitalize from '../utils/capitalize';
 import Paper from '../Paper';
 import { getAppBarUtilityClass } from './appBarClasses';
@@ -104,7 +104,7 @@ var AppBarRoot = styled(Paper, {
   }));
 });
 var AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiAppBar'
   });

package/legacy/Autocomplete/Autocomplete.js

@@ -23,13 +23,13 @@ import outlinedInputClasses from '../OutlinedInput/outlinedInputClasses';
 import filledInputClasses from '../FilledInput/filledInputClasses';
 import ClearIcon from '../internal/svg-icons/Close';
 import ArrowDropDownIcon from '../internal/svg-icons/ArrowDropDown';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import autocompleteClasses, { getAutocompleteUtilityClass } from './autocompleteClasses';
 import capitalize from '../utils/capitalize';
 import useForkRef from '../utils/useForkRef';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiAutocomplete');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     disablePortal = ownerState.disablePortal,
@@ -354,7 +354,7 @@ var AutocompleteGroupUl = styled('ul', {
 export { createFilterOptions };
 var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps, ref) {
   var _slotProps$clearIndic, _slotProps$paper, _slotProps$popper, _slotProps$popupIndic;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiAutocomplete'
   });

package/legacy/Avatar/Avatar.js

@@ -7,12 +7,12 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Person from '../internal/svg-icons/Person';
 import { getAvatarUtilityClass } from './avatarClasses';
 import useSlot from '../utils/useSlot';
 import { jsx as _jsx } from "react/jsx-runtime";
-var useThemeProps = createUseThemeProps('MuiAvatar');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
     variant = ownerState.variant,
@@ -144,7 +144,7 @@ function useLoaded(_ref2) {
   return loaded;
 }
 var Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiAvatar'
   });

package/legacy/AvatarGroup/AvatarGroup.js

@@ -10,7 +10,7 @@ import clsx from 'clsx';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Avatar, { avatarClasses } from '../Avatar';
 import avatarGroupClasses, { getAvatarGroupUtilityClass } from './avatarGroupClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -48,7 +48,7 @@ var AvatarGroupRoot = styled('div', {
 });
 var AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps, ref) {
   var _slotProps$additional;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiAvatarGroup'
   });

package/legacy/Backdrop/Backdrop.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 Fade from '../Fade';
 import { getBackdropUtilityClass } from './backdropClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -45,7 +45,7 @@ var BackdropRoot = styled('div', {
 });
 var Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
   var _slotProps$root, _ref2, _slots$root;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiBackdrop'
   });

package/legacy/Badge/Badge.js

@@ -11,14 +11,14 @@ import usePreviousProps from '@mui/utils/usePreviousProps';
 import composeClasses from '@mui/utils/composeClasses';
 import { useBadge } from '@mui/base/useBadge';
 import { useSlotProps } from '@mui/base/utils';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import capitalize from '../utils/capitalize';
 import badgeClasses, { getBadgeUtilityClass } from './badgeClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var RADIUS_STANDARD = 10;
 var RADIUS_DOT = 4;
-var useThemeProps = createUseThemeProps('MuiBadge');
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var color = ownerState.color,
     anchorOrigin = ownerState.anchorOrigin,
@@ -221,7 +221,7 @@ var BadgeBadge = styled('span', {
 });
 var Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
   var _ref11, _slots$root, _ref12, _slots$badge, _slotProps$root, _slotProps$badge;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiBadge'
   });

package/legacy/BottomNavigation/BottomNavigation.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 { getBottomNavigationUtilityClass } from './bottomNavigationClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -34,7 +34,7 @@ var BottomNavigationRoot = styled('div', {
   };
 });
 var BottomNavigation = /*#__PURE__*/React.forwardRef(function BottomNavigation(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiBottomNavigation'
   });

package/legacy/BottomNavigationAction/BottomNavigationAction.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 unsupportedProp from '../utils/unsupportedProp';
 import bottomNavigationActionClasses, { getBottomNavigationActionUtilityClass } from './bottomNavigationActionClasses';
@@ -75,7 +75,7 @@ var BottomNavigationActionLabel = styled('span', {
   }));
 });
 var BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavigationAction(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiBottomNavigationAction'
   });

package/legacy/Breadcrumbs/Breadcrumbs.js

@@ -12,7 +12,7 @@ import integerPropType from '@mui/utils/integerPropType';
 import { useSlotProps } from '@mui/base/utils';
 import composeClasses from '@mui/utils/composeClasses';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Typography from '../Typography';
 import BreadcrumbCollapsed from './BreadcrumbCollapsed';
 import breadcrumbsClasses, { getBreadcrumbsUtilityClass } from './breadcrumbsClasses';
@@ -76,7 +76,7 @@ function insertSeparators(items, className, separator, ownerState) {
   }, []);
 }
 var Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiBreadcrumbs'
   });

package/legacy/Button/Button.js

@@ -10,7 +10,7 @@ import resolveProps from '@mui/utils/resolveProps';
 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 ButtonBase from '../ButtonBase';
 import capitalize from '../utils/capitalize';
 import buttonClasses, { getButtonUtilityClass } from './buttonClasses';
@@ -217,7 +217,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
   var contextProps = React.useContext(ButtonGroupContext);
   var buttonGroupButtonContextPositionClassName = React.useContext(ButtonGroupButtonContext);
   var resolvedProps = resolveProps(contextProps, inProps);
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: resolvedProps,
     name: 'MuiButton'
   });

package/legacy/ButtonBase/ButtonBase.js

@@ -10,7 +10,7 @@ import refType from '@mui/utils/refType';
 import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
 import composeClasses from '@mui/utils/composeClasses';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import useForkRef from '../utils/useForkRef';
 import useEventCallback from '../utils/useEventCallback';
 import useIsFocusVisible from '../utils/useIsFocusVisible';
@@ -82,7 +82,7 @@ export var ButtonBaseRoot = styled('button', {
  * It contains a load of style reset and some focus/ripple logic.
  */
 var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiButtonBase'
   });

package/legacy/ButtonBase/TouchRipple.js

@@ -12,7 +12,7 @@ import clsx from 'clsx';
 import { keyframes } from '@mui/system';
 import useTimeout from '@mui/utils/useTimeout';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Ripple from './Ripple';
 import touchRippleClasses from './touchRippleClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -61,7 +61,7 @@ export var TouchRippleRipple = styled(Ripple, {
  * TODO v5: Make private
  */
 var TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTouchRipple'
   });

package/legacy/ButtonGroup/ButtonGroup.js

@@ -11,7 +11,7 @@ import { alpha } from '@mui/system/colorManipulator';
 import getValidReactChildren from '@mui/utils/getValidReactChildren';
 import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import buttonGroupClasses, { getButtonGroupUtilityClass } from './buttonGroupClasses';
 import ButtonGroupContext from './ButtonGroupContext';
 import ButtonGroupButtonContext from './ButtonGroupButtonContext';
@@ -111,7 +111,7 @@ var ButtonGroupRoot = styled('div', {
   })));
 });
 var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiButtonGroup'
   });

package/legacy/Card/Card.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Paper from '../Paper';
 import { getCardUtilityClass } from './cardClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -31,7 +31,7 @@ var CardRoot = styled(Paper, {
   };
 });
 var Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiCard'
   });

package/legacy/CardActionArea/CardActionArea.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 cardActionAreaClasses, { getCardActionAreaUtilityClass } from './cardActionAreaClasses';
 import ButtonBase from '../ButtonBase';
@@ -69,7 +69,7 @@ var CardActionAreaFocusHighlight = styled('span', {
   };
 });
 var CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiCardActionArea'
   });

package/legacy/CardActions/CardActions.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 { getCardActionsUtilityClass } from './cardActionsClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -38,7 +38,7 @@ var CardActionsRoot = styled('div', {
   });
 });
 var CardActions = /*#__PURE__*/React.forwardRef(function CardActions(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiCardActions'
   });

package/legacy/CardContent/CardContent.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 { getCardContentUtilityClass } from './cardContentClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -32,7 +32,7 @@ var CardContentRoot = styled('div', {
   };
 });
 var CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiCardContent'
   });

package/legacy/CardHeader/CardHeader.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import Typography from '../Typography';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import cardHeaderClasses, { getCardHeaderUtilityClass } from './cardHeaderClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -70,7 +70,7 @@ var CardHeaderContent = styled('div', {
   flex: '1 1 auto'
 });
 var CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiCardHeader'
   });

package/legacy/CardMedia/CardMedia.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import { getCardMediaUtilityClass } from './cardMediaClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -46,7 +46,7 @@ var CardMediaRoot = styled('div', {
 var MEDIA_COMPONENTS = ['video', 'audio', 'picture', 'iframe', 'img'];
 var IMAGE_COMPONENTS = ['picture', 'img'];
 var CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiCardMedia'
   });

package/legacy/Checkbox/Checkbox.js

@@ -14,7 +14,7 @@ import CheckBoxOutlineBlankIcon from '../internal/svg-icons/CheckBoxOutlineBlank
 import CheckBoxIcon from '../internal/svg-icons/CheckBox';
 import IndeterminateCheckBoxIcon from '../internal/svg-icons/IndeterminateCheckBox';
 import capitalize from '../utils/capitalize';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import checkboxClasses, { getCheckboxUtilityClass } from './checkboxClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -63,7 +63,7 @@ var defaultIcon = /*#__PURE__*/_jsx(CheckBoxOutlineBlankIcon, {});
 var defaultIndeterminateIcon = /*#__PURE__*/_jsx(IndeterminateCheckBoxIcon, {});
 var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
   var _icon$props$fontSize, _indeterminateIcon$pr;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiCheckbox'
   });

package/legacy/Chip/Chip.js

@@ -13,7 +13,7 @@ import useForkRef from '../utils/useForkRef';
 import unsupportedProp from '../utils/unsupportedProp';
 import capitalize from '../utils/capitalize';
 import ButtonBase from '../ButtonBase';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import chipClasses, { getChipUtilityClass } from './chipClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -226,7 +226,7 @@ function isDeleteKeyboardEvent(keyboardEvent) {
  * Chips represent complex entities in small blocks, such as a contact.
  */
 var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiChip'
   });

package/legacy/CircularProgress/CircularProgress.js

@@ -11,7 +11,7 @@ import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
 import { keyframes, css } from '@mui/system';
 import capitalize from '../utils/capitalize';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import { getCircularProgressUtilityClass } from './circularProgressClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -92,7 +92,7 @@ var CircularProgressCircle = styled('circle', {
  * attribute to `true` on that region until it has finished loading.
  */
 var CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiCircularProgress'
   });

package/legacy/Collapse/Collapse.js

@@ -11,7 +11,7 @@ import useTimeout from '@mui/utils/useTimeout';
 import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
 import composeClasses from '@mui/utils/composeClasses';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { duration } from '../styles/createTransitions';
 import { getTransitionProps } from '../transitions/utils';
 import useTheme from '../styles/useTheme';
@@ -96,7 +96,7 @@ var CollapseWrapperInner = styled('div', {
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiCollapse'
   });

package/legacy/Container/Container.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { createContainer } from '@mui/system';
 import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
-import _useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 var Container = createContainer({
   createStyledComponent: styled('div', {
     name: 'MuiContainer',
@@ -15,7 +15,7 @@ var Container = createContainer({
     }
   }),
   useThemeProps: function useThemeProps(inProps) {
-    return _useThemeProps({
+    return useDefaultProps({
       props: inProps,
       name: 'MuiContainer'
     });