@mui/material 5.15.21 → 5.16.1

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'
   });

package/legacy/Tab/Tab.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 styled from '../styles/styled';
 import unsupportedProp from '../utils/unsupportedProp';
 import tabClasses, { getTabUtilityClass } from './tabClasses';
@@ -94,7 +94,7 @@ var TabRoot = styled(ButtonBase, {
   });
 });
 var Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTab'
   });

package/legacy/TabScrollButton/TabScrollButton.js

@@ -13,7 +13,7 @@ import { useRtl } from '@mui/system/RtlProvider';
 import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
 import KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';
 import ButtonBase from '../ButtonBase';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import tabScrollButtonClasses, { getTabScrollButtonUtilityClass } from './tabScrollButtonClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -51,7 +51,7 @@ var TabScrollButtonRoot = styled(ButtonBase, {
 });
 var TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(inProps, ref) {
   var _slots$StartScrollBut, _slots$EndScrollButto;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTabScrollButton'
   });

package/legacy/Table/Table.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import TableContext from './TableContext';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import { getTableUtilityClass } from './tableClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -46,7 +46,7 @@ var TableRoot = styled('table', {
 });
 var defaultComponent = 'table';
 var Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTable'
   });

package/legacy/TableBody/TableBody.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import { getTableBodyUtilityClass } from './tableBodyClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ var tablelvl2 = {
 };
 var defaultComponent = 'tbody';
 var TableBody = /*#__PURE__*/React.forwardRef(function TableBody(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTableBody'
   });

package/legacy/TableCell/TableCell.js

@@ -11,7 +11,7 @@ import { darken, alpha, lighten } from '@mui/system/colorManipulator';
 import capitalize from '../utils/capitalize';
 import TableContext from '../Table/TableContext';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import tableCellClasses, { getTableCellUtilityClass } from './tableCellClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -92,7 +92,7 @@ var TableCellRoot = styled('td', {
  * or otherwise a `<td>` element.
  */
 var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTableCell'
   });

package/legacy/TableContainer/TableContainer.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 { getTableContainerUtilityClass } from './tableContainerClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -28,7 +28,7 @@ var TableContainerRoot = styled('div', {
   overflowX: 'auto'
 });
 var TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTableContainer'
   });

package/legacy/TableFooter/TableFooter.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import { getTableFooterUtilityClass } from './tableFooterClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ var tablelvl2 = {
 };
 var defaultComponent = 'tfoot';
 var TableFooter = /*#__PURE__*/React.forwardRef(function TableFooter(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTableFooter'
   });

package/legacy/TableHead/TableHead.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import { getTableHeadUtilityClass } from './tableHeadClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ var tablelvl2 = {
 };
 var defaultComponent = 'thead';
 var TableHead = /*#__PURE__*/React.forwardRef(function TableHead(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTableHead'
   });

package/legacy/TablePagination/TablePagination.js

@@ -12,7 +12,7 @@ import chainPropTypes from '@mui/utils/chainPropTypes';
 import { isHostComponent } 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 InputBase from '../InputBase';
 import MenuItem from '../MenuItem';
 import Select from '../Select';
@@ -152,7 +152,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
  */
 var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inProps, ref) {
   var _slotProps$select;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTablePagination'
   });

package/legacy/TableRow/TableRow.js

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import tableRowClasses, { getTableRowUtilityClass } from './tableRowClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -54,7 +54,7 @@ var defaultComponent = 'tr';
  * based on the material table element parent (head, body, etc).
  */
 var TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTableRow'
   });

package/legacy/TableSortLabel/TableSortLabel.js

@@ -10,7 +10,7 @@ import * as React from 'react';
 import ButtonBase from '../ButtonBase';
 import ArrowDownwardIcon from '../internal/svg-icons/ArrowDownward';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import capitalize from '../utils/capitalize';
 import tableSortLabelClasses, { getTableSortLabelUtilityClass } from './tableSortLabelClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -85,7 +85,7 @@ var TableSortLabelIcon = styled('span', {
  * A button based label for placing inside `TableCell` for column sorting.
  */
 var TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTableSortLabel'
   });

package/legacy/Tabs/Tabs.js

@@ -12,7 +12,7 @@ import { useSlotProps } from '@mui/base/utils';
 import composeClasses from '@mui/utils/composeClasses';
 import { useRtl } from '@mui/system/RtlProvider';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import useTheme from '../styles/useTheme';
 import debounce from '../utils/debounce';
 import { getNormalizedScrollLeft, detectScrollType } from '../utils/scrollLeft';
@@ -195,7 +195,7 @@ var TabsScrollbarSize = styled(ScrollbarSize)({
 var defaultIndicatorStyle = {};
 var warnedOnceTabPresent = false;
 var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTabs'
   });

package/legacy/TextField/TextField.js

@@ -9,7 +9,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import useId from '@mui/utils/useId';
 import refType from '@mui/utils/refType';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import Input from '../Input';
 import FilledInput from '../FilledInput';
 import OutlinedInput from '../OutlinedInput';
@@ -73,7 +73,7 @@ var TextFieldRoot = styled(FormControl, {
  * - using the underlying components directly as shown in the demos
  */
 var TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTextField'
   });

package/legacy/ToggleButton/ToggleButton.js

@@ -12,7 +12,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '../styles';
 import ButtonBase from '../ButtonBase';
 import capitalize from '../utils/capitalize';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import styled from '../styles/styled';
 import toggleButtonClasses, { getToggleButtonUtilityClass } from './toggleButtonClasses';
 import ToggleButtonGroupContext from '../ToggleButtonGroup/ToggleButtonGroupContext';
@@ -91,7 +91,7 @@ var ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(inProps,
   var resolvedProps = resolveProps(_extends({}, contextProps, {
     selected: isValueSelected(inProps.value, contextValue)
   }), inProps);
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: resolvedProps,
     name: 'MuiToggleButton'
   });

package/legacy/ToggleButtonGroup/ToggleButtonGroup.js

@@ -10,7 +10,7 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import getValidReactChildren from '@mui/utils/getValidReactChildren';
 import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import { useDefaultProps } from '../DefaultPropsProvider';
 import capitalize from '../utils/capitalize';
 import toggleButtonGroupClasses, { getToggleButtonGroupUtilityClass } from './toggleButtonGroupClasses';
 import ToggleButtonGroupContext from './ToggleButtonGroupContext';
@@ -77,7 +77,7 @@ var ToggleButtonGroupRoot = styled('div', {
   }));
 });
 var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiToggleButtonGroup'
   });

package/legacy/Toolbar/Toolbar.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 { getToolbarUtilityClass } from './toolbarClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -49,7 +49,7 @@ var ToolbarRoot = styled('div', {
   return ownerState.variant === 'regular' && theme.mixins.toolbar;
 });
 var Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiToolbar'
   });

package/legacy/Tooltip/Tooltip.js

@@ -15,7 +15,7 @@ import { alpha } from '@mui/system/colorManipulator';
 import { useRtl } from '@mui/system/RtlProvider';
 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 Popper from '../Popper';
@@ -211,7 +211,7 @@ function composeEventHandler(handler, eventHandler) {
 // TODO v6: Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
 var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   var _ref5, _slots$popper, _ref6, _ref7, _slots$transition, _ref8, _slots$tooltip, _ref9, _slots$arrow, _slotProps$popper, _ref10, _slotProps$popper2, _slotProps$transition, _slotProps$tooltip, _ref11, _slotProps$tooltip2, _slotProps$arrow, _ref12, _slotProps$arrow2;
-  var props = useThemeProps({
+  var props = useDefaultProps({
     props: inProps,
     name: 'MuiTooltip'
   });

package/legacy/Typography/Typography.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 import { extendSxProp } from '@mui/system/styleFunctionSx';
 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 { getTypographyUtilityClass } from './typographyClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -77,7 +77,7 @@ var transformDeprecatedColors = function transformDeprecatedColors(color) {
   return colorTransformations[color] || color;
 };
 var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref) {
-  var themeProps = useThemeProps({
+  var themeProps = useDefaultProps({
     props: inProps,
     name: 'MuiTypography'
   });

package/legacy/Unstable_Grid2/Grid2.js

@@ -2,7 +2,8 @@
 
 import PropTypes from 'prop-types';
 import { createGrid as createGrid2 } from '@mui/system/Unstable_Grid';
-import { styled, useThemeProps as _useThemeProps } from '../styles';
+import { styled } from '../styles';
+import { useDefaultProps } from '../DefaultPropsProvider';
 var Grid2 = createGrid2({
   createStyledComponent: styled('div', {
     name: 'MuiGrid2',
@@ -13,7 +14,7 @@ var Grid2 = createGrid2({
   }),
   componentName: 'MuiGrid2',
   useThemeProps: function useThemeProps(inProps) {
-    return _useThemeProps({
+    return useDefaultProps({
       props: inProps,
       name: 'MuiGrid2'
     });

package/legacy/index.js

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

package/legacy/styles/CssVarsProvider.js

@@ -10,16 +10,17 @@ import experimental_extendTheme from './experimental_extendTheme';
 import createTypography from './createTypography';
 import excludeVariablesFromRoot from './excludeVariablesFromRoot';
 import THEME_ID from './identifier';
+import { defaultConfig } from '../InitColorSchemeScript/InitColorSchemeScript';
 var defaultTheme = experimental_extendTheme();
 var _createCssVarsProvide = createCssVarsProvider({
     themeId: THEME_ID,
     theme: defaultTheme,
-    attribute: 'data-mui-color-scheme',
-    modeStorageKey: 'mui-mode',
-    colorSchemeStorageKey: 'mui-color-scheme',
+    attribute: defaultConfig.attribute,
+    colorSchemeStorageKey: defaultConfig.colorSchemeStorageKey,
+    modeStorageKey: defaultConfig.modeStorageKey,
     defaultColorScheme: {
-      light: 'light',
-      dark: 'dark'
+      light: defaultConfig.defaultLightColorScheme,
+      dark: defaultConfig.defaultDarkColorScheme
     },
     resolveTheme: function resolveTheme(theme) {
       var newTheme = _extends({}, theme, {
@@ -37,5 +38,16 @@ var _createCssVarsProvide = createCssVarsProvider({
   }),
   CssVarsProvider = _createCssVarsProvide.CssVarsProvider,
   useColorScheme = _createCssVarsProvide.useColorScheme,
-  getInitColorSchemeScript = _createCssVarsProvide.getInitColorSchemeScript;
-export { useColorScheme, getInitColorSchemeScript, CssVarsProvider as Experimental_CssVarsProvider };
+  getInitColorSchemeScriptSystem = _createCssVarsProvide.getInitColorSchemeScript;
+/**
+ * @deprecated Use `InitColorSchemeScript` instead
+ * ```diff
+ * - import { getInitColorSchemeScript } from '@mui/material/styles';
+ * + import InitColorSchemeScript from '@mui/material/InitColorSchemeScript';
+ *
+ * - getInitColorSchemeScript();
+ * + <InitColorSchemeScript />;
+ * ```
+ */
+export var getInitColorSchemeScript = getInitColorSchemeScriptSystem;
+export { useColorScheme, CssVarsProvider as Experimental_CssVarsProvider };

package/modern/Accordion/Accordion.js

@@ -9,7 +9,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';
@@ -18,7 +19,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";
-const useThemeProps = createUseThemeProps('MuiAccordion');
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -122,7 +122,7 @@ const AccordionRoot = styled(Paper, {
   }]
 }));
 const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: 'MuiAccordion'
   });

package/modern/AccordionActions/AccordionActions.js

@@ -7,10 +7,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";
-const useThemeProps = createUseThemeProps('MuiAccordionActions');
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -45,7 +45,7 @@ const AccordionActionsRoot = styled('div', {
   }]
 });
 const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: 'MuiAccordionActions'
   });

package/modern/AccordionDetails/AccordionDetails.js

@@ -7,10 +7,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";
-const useThemeProps = createUseThemeProps('MuiAccordionDetails');
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -30,7 +30,7 @@ const AccordionDetailsRoot = styled('div', {
   padding: theme.spacing(1, 2, 2)
 }));
 const AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: 'MuiAccordionDetails'
   });

package/modern/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";
-const useThemeProps = createUseThemeProps('MuiAccordionSummary');
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -103,7 +103,7 @@ const AccordionSummaryExpandIconWrapper = styled('div', {
   }
 }));
 const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: 'MuiAccordionSummary'
   });

package/modern/Alert/Alert.js

@@ -8,7 +8,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';
@@ -21,7 +22,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";
-const useThemeProps = createUseThemeProps('MuiAlert');
 const useUtilityClasses = ownerState => {
   const {
     variant,
@@ -146,7 +146,7 @@ const defaultIconMapping = {
   })
 };
 const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: 'MuiAlert'
   });

package/modern/AlertTitle/AlertTitle.js

@@ -7,11 +7,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";
-const useThemeProps = createUseThemeProps('MuiAlertTitle');
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -34,7 +34,7 @@ const AlertTitleRoot = styled(Typography, {
   };
 });
 const AlertTitle = /*#__PURE__*/React.forwardRef(function AlertTitle(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: 'MuiAlertTitle'
   });