@mui/material 5.15.20 → 5.16.0

package/legacy/CssBaseline/CssBaseline.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import GlobalStyles from '../GlobalStyles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -79,7 +79,7 @@ var _styles = function styles(theme) {
  */
 export { _styles as styles };
 function CssBaseline(inProps) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiCssBaseline'
   });

package/legacy/DefaultPropsProvider/DefaultPropsProvider.js

@@ -0,0 +1,28 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import SystemDefaultPropsProvider, { useDefaultProps as useSystemDefaultProps } from '@mui/system/DefaultPropsProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
+function DefaultPropsProvider(props) {
+  return /*#__PURE__*/_jsx(SystemDefaultPropsProvider, _extends({}, props));
+}
+process.env.NODE_ENV !== "production" ? DefaultPropsProvider.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: PropTypes.node,
+  /**
+   * @ignore
+   */
+  value: PropTypes.object.isRequired
+} : void 0;
+export default DefaultPropsProvider;
+export function useDefaultProps(params) {
+  return useSystemDefaultProps(params);
+}

package/legacy/DefaultPropsProvider/index.js

@@ -0,0 +1 @@
+export { default, useDefaultProps } from './DefaultPropsProvider';

package/legacy/Dialog/Dialog.js

@@ -12,7 +12,7 @@ import capitalize from '../utils/capitalize';
 import Modal from '../Modal';
 import Fade from '../Fade';
 import Paper from '../Paper';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import dialogClasses, { getDialogUtilityClass } from './dialogClasses';
 import DialogContext from './DialogContext';
@@ -143,7 +143,7 @@ var DialogPaper = styled(Paper, {
  * Dialogs are overlaid modal paper based components with a backdrop.
  */
 var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiDialog'
   });

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

package/legacy/DialogContent/DialogContent.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 { getDialogContentUtilityClass } from './dialogContentClasses';
 import dialogTitleClasses from '../DialogTitle/dialogTitleClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -45,7 +45,7 @@ var DialogContentRoot = styled('div', {
   }));
 });
 var DialogContent = /*#__PURE__*/React.forwardRef(function DialogContent(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiDialogContent'
   });

package/legacy/DialogContentText/DialogContentText.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import styled, { rootShouldForwardProp } from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Typography from '../Typography';
 import { getDialogContentTextUtilityClass } from './dialogContentTextClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -30,7 +30,7 @@ var DialogContentTextRoot = styled(Typography, {
   }
 })({});
 var DialogContentText = /*#__PURE__*/React.forwardRef(function DialogContentText(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiDialogContentText'
   });

package/legacy/DialogTitle/DialogTitle.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import Typography from '../Typography';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { getDialogTitleUtilityClass } from './dialogTitleClasses';
 import DialogContext from '../Dialog/DialogContext';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -30,7 +30,7 @@ var DialogTitleRoot = styled(Typography, {
   flex: '0 0 auto'
 });
 var DialogTitle = /*#__PURE__*/React.forwardRef(function DialogTitle(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiDialogTitle'
   });

package/legacy/Divider/Divider.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { getDividerUtilityClass } from './dividerClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -136,7 +136,7 @@ var DividerWrapper = styled('span', {
   });
 });
 var Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiDivider'
   });

package/legacy/Drawer/Drawer.js

@@ -13,7 +13,7 @@ import Slide from '../Slide';
 import Paper from '../Paper';
 import capitalize from '../utils/capitalize';
 import useTheme from '../styles/useTheme';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { getDrawerUtilityClass } from './drawerClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -124,7 +124,7 @@ export function getAnchor(_ref3, anchor) {
  * when `variant="temporary"` is set.
  */
 var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiDrawer'
   });

package/legacy/Fab/Fab.js

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import ButtonBase from '../ButtonBase';
 import capitalize from '../utils/capitalize';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import fabClasses, { getFabUtilityClass } from './fabClasses';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -116,7 +116,7 @@ var FabRoot = styled(ButtonBase, {
   });
 });
 var Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiFab'
   });

package/legacy/FilledInput/FilledInput.js

@@ -11,7 +11,7 @@ import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import InputBase from '../InputBase';
 import styled, { rootShouldForwardProp } from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import filledInputClasses, { getFilledInputUtilityClass } from './filledInputClasses';
 import { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseComponent as InputBaseInput } from '../InputBase/InputBase';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -174,7 +174,7 @@ var FilledInputInput = styled(InputBaseInput, {
 });
 var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, ref) {
   var _ref5, _slots$root, _ref6, _slots$input;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiFilledInput'
   });

package/legacy/FormControl/FormControl.js

@@ -6,7 +6,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 { isFilled, isAdornedStart } from '../InputBase/utils';
 import capitalize from '../utils/capitalize';
@@ -78,7 +78,7 @@ var FormControlRoot = styled('div', {
  * For instance, only one input can be focused at the same time, the state shouldn't be shared.
  */
 var FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiFormControl'
   });

package/legacy/FormControlLabel/FormControlLabel.js

@@ -13,7 +13,7 @@ import Stack from '../Stack';
 import Typography from '../Typography';
 import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import formControlLabelClasses, { getFormControlLabelUtilityClasses } from './formControlLabelClasses';
 import formControlState from '../FormControl/formControlState';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -86,7 +86,7 @@ var AsteriskComponent = styled('span', {
  */
 var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(inProps, ref) {
   var _ref5, _slotProps$typography;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiFormControlLabel'
   });

package/legacy/FormGroup/FormGroup.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 { getFormGroupUtilityClass } from './formGroupClasses';
 import useFormControl from '../FormControl/useFormControl';
 import formControlState from '../FormControl/formControlState';
@@ -45,7 +45,7 @@ var FormGroupRoot = styled('div', {
  * For the `Radio`, you should be using the `RadioGroup` component instead of this one.
  */
 var FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiFormGroup'
   });

package/legacy/FormHelperText/FormHelperText.js

@@ -13,7 +13,7 @@ import useFormControl from '../FormControl/useFormControl';
 import styled from '../styles/styled';
 import capitalize from '../utils/capitalize';
 import formHelperTextClasses, { getFormHelperTextUtilityClasses } from './formHelperTextClasses';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
@@ -59,7 +59,7 @@ var FormHelperTextRoot = styled('p', {
   });
 });
 var FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiFormHelperText'
   });

package/legacy/FormLabel/FormLabel.js

@@ -10,7 +10,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import formControlState from '../FormControl/formControlState';
 import useFormControl from '../FormControl/useFormControl';
 import capitalize from '../utils/capitalize';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import formLabelClasses, { getFormLabelUtilityClasses } from './formLabelClasses';
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -65,7 +65,7 @@ var AsteriskComponent = styled('span', {
   });
 });
 var FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiFormLabel'
   });

package/legacy/Grid/Grid.js

@@ -23,7 +23,7 @@ import { extendSxProp } from '@mui/system/styleFunctionSx';
 import composeClasses from '@mui/utils/composeClasses';
 import requirePropFactory from '../utils/requirePropFactory';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import useTheme from '../styles/useTheme';
 import GridContext from './GridContext';
 import gridClasses, { getGridUtilityClass } from './gridClasses';
@@ -349,7 +349,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   return composeClasses(slots, getGridUtilityClass, classes);
 };
 var Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
-  var themeProps = useThemeProps({
+  var themeProps = useDefaultProps({
     props: inProps,
     name: 'MuiGrid'
   });

package/legacy/Icon/Icon.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 { getIconUtilityClass } from './iconClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -63,7 +63,7 @@ var IconRoot = styled('span', {
   };
 });
 var Icon = /*#__PURE__*/React.forwardRef(function Icon(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiIcon'
   });

package/legacy/IconButton/IconButton.js

@@ -10,7 +10,7 @@ import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import ButtonBase from '../ButtonBase';
 import capitalize from '../utils/capitalize';
 import iconButtonClasses, { getIconButtonUtilityClass } from './iconButtonClasses';
@@ -96,7 +96,7 @@ var IconButtonRoot = styled(ButtonBase, {
  * regarding the available icon options.
  */
 var IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiIconButton'
   });

package/legacy/ImageList/ImageList.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { getImageListUtilityClass } from './imageListClasses';
 import ImageListContext from './ImageListContext';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -41,7 +41,7 @@ var ImageListRoot = styled('ul', {
   });
 });
 var ImageList = /*#__PURE__*/React.forwardRef(function ImageList(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiImageList'
   });

package/legacy/ImageListItem/ImageListItem.js

@@ -11,7 +11,7 @@ import * as React from 'react';
 import { isFragment } from 'react-is';
 import ImageListContext from '../ImageList/ImageListContext';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import isMuiElement from '../utils/isMuiElement';
 import imageListItemClasses, { getImageListItemUtilityClass } from './imageListItemClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -57,7 +57,7 @@ var ImageListItemRoot = styled('li', {
   })));
 });
 var ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiImageListItem'
   });

package/legacy/ImageListItemBar/ImageListItemBar.js

@@ -7,7 +7,7 @@ import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import capitalize from '../utils/capitalize';
 import { getImageListItemBarUtilityClass } from './imageListItemBarClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -124,7 +124,7 @@ var ImageListItemBarActionIcon = styled('div', {
   });
 });
 var ImageListItemBar = /*#__PURE__*/React.forwardRef(function ImageListItemBar(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiImageListItemBar'
   });

package/legacy/InitColorSchemeScript/InitColorSchemeScript.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import SystemInitColorSchemeScript from '@mui/system/InitColorSchemeScript';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var defaultConfig = {
+  attribute: 'data-mui-color-scheme',
+  colorSchemeStorageKey: 'mui-color-scheme',
+  defaultLightColorScheme: 'light',
+  defaultDarkColorScheme: 'dark',
+  modeStorageKey: 'mui-mode'
+};
+export default (function InitColorSchemeScript(props) {
+  return /*#__PURE__*/_jsx(SystemInitColorSchemeScript, _extends({}, defaultConfig, props));
+});

package/legacy/InitColorSchemeScript/index.js

@@ -0,0 +1 @@
+export { default } from './InitColorSchemeScript';

package/legacy/Input/Input.js

@@ -11,7 +11,7 @@ import deepmerge from '@mui/utils/deepmerge';
 import refType from '@mui/utils/refType';
 import InputBase from '../InputBase';
 import styled, { rootShouldForwardProp } from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import inputClasses, { getInputUtilityClass } from './inputClasses';
 import { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseComponent as InputBaseInput } from '../InputBase/InputBase';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -102,7 +102,7 @@ var InputInput = styled(InputBaseInput, {
 })({});
 var Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
   var _ref3, _slots$root, _ref4, _slots$input;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiInput'
   });

package/legacy/InputAdornment/InputAdornment.js

@@ -14,7 +14,7 @@ import FormControlContext from '../FormControl/FormControlContext';
 import useFormControl from '../FormControl/useFormControl';
 import styled from '../styles/styled';
 import inputAdornmentClasses, { getInputAdornmentUtilityClass } from './inputAdornmentClasses';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var overridesResolver = function overridesResolver(props, styles) {
@@ -62,7 +62,7 @@ var InputAdornmentRoot = styled('div', {
   });
 });
 var InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiInputAdornment'
   });

package/legacy/InputBase/InputBase.js

@@ -16,7 +16,7 @@ import formControlState from '../FormControl/formControlState';
 import FormControlContext from '../FormControl/FormControlContext';
 import useFormControl from '../FormControl/useFormControl';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import capitalize from '../utils/capitalize';
 import useForkRef from '../utils/useForkRef';
 import useEnhancedEffect from '../utils/useEnhancedEffect';
@@ -202,7 +202,7 @@ var inputGlobalStyles = /*#__PURE__*/_jsx(GlobalStyles, {
  */
 var InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {
   var _slotProps$input;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiInputBase'
   });

package/legacy/InputLabel/InputLabel.js

@@ -10,7 +10,7 @@ import clsx from 'clsx';
 import formControlState from '../FormControl/formControlState';
 import useFormControl from '../FormControl/useFormControl';
 import FormLabel, { formLabelClasses } from '../FormLabel';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import capitalize from '../utils/capitalize';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { getInputLabelUtilityClasses } from './inputLabelClasses';
@@ -104,7 +104,7 @@ var InputLabelRoot = styled(FormLabel, {
   }));
 });
 var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     name: 'MuiInputLabel',
     props: inProps
   });

package/legacy/LinearProgress/LinearProgress.js

@@ -13,7 +13,7 @@ import { darken, lighten } from '@mui/system/colorManipulator';
 import { useRtl } from '@mui/system/RtlProvider';
 import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { getLinearProgressUtilityClass } from './linearProgressClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -173,7 +173,7 @@ var LinearProgressBar2 = styled('span', {
  * attribute to `true` on that region until it has finished loading.
  */
 var LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiLinearProgress'
   });

package/legacy/Link/Link.js

@@ -11,7 +11,7 @@ import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
 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 useIsFocusVisible from '../utils/useIsFocusVisible';
 import useForkRef from '../utils/useForkRef';
 import Typography from '../Typography';
@@ -84,7 +84,7 @@ var LinkRoot = styled(Typography, {
   }));
 });
 var Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiLink'
   });

package/legacy/List/List.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 ListContext from './ListContext';
 import { getListUtilityClass } from './listClasses';
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -44,7 +44,7 @@ var ListRoot = styled('ul', {
   });
 });
 var List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiList'
   });

package/legacy/ListItem/ListItem.js

@@ -12,7 +12,7 @@ import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import { alpha } from '@mui/system/colorManipulator';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import ButtonBase from '../ButtonBase';
 import isMuiElement from '../utils/isMuiElement';
 import useEnhancedEffect from '../utils/useEnhancedEffect';
@@ -126,7 +126,7 @@ var ListItemContainer = styled('li', {
  * Uses an additional container component if `ListItemSecondaryAction` is the last child.
  */
 var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiListItem'
   });

package/legacy/ListItemAvatar/ListItemAvatar.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import ListContext from '../List/ListContext';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import { getListItemAvatarUtilityClass } from './listItemAvatarClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -40,7 +40,7 @@ var ListItemAvatarRoot = styled('div', {
  * A simple wrapper to apply `List` styles to an `Avatar`.
  */
 var ListItemAvatar = /*#__PURE__*/React.forwardRef(function ListItemAvatar(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiListItemAvatar'
   });

package/legacy/ListItemButton/ListItemButton.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 ButtonBase from '../ButtonBase';
 import useEnhancedEffect from '../utils/useEnhancedEffect';
 import useForkRef from '../utils/useForkRef';
@@ -95,7 +95,7 @@ var ListItemButtonRoot = styled(ButtonBase, {
   });
 });
 var ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiListItemButton'
   });