@mui/material 5.15.20 → 5.16.0

package/umd/material-ui.development.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
@@ -7157,7 +7157,7 @@
     return output;
   }
 
-  function getThemeProps(params) {
+  function getThemeProps$1(params) {
     var theme = params.theme,
       name = params.name,
       props = params.props;
@@ -7167,7 +7167,7 @@
     return resolveProps(theme.components[name].defaultProps, props);
   }
 
-  function useThemeProps$c(_ref) {
+  function useThemeProps$1(_ref) {
     var props = _ref.props,
       name = _ref.name,
       defaultTheme = _ref.defaultTheme,
@@ -7176,7 +7176,7 @@
     if (themeId) {
       theme = theme[themeId] || theme;
     }
-    var mergedProps = getThemeProps({
+    var mergedProps = getThemeProps$1({
       theme: theme,
       name: name,
       props: props
@@ -7298,7 +7298,7 @@
     // This defensive check is here for simplicity.
     // Most of the time, the match media logic isn't central to people tests.
     var supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
-    var _getThemeProps = getThemeProps({
+    var _getThemeProps = getThemeProps$1({
         name: 'MuiUseMediaQuery',
         props: options,
         theme: theme
@@ -8554,6 +8554,60 @@
     return value != null ? value : false;
   };
 
+  var PropsContext = /*#__PURE__*/React__namespace.createContext(undefined);
+  function DefaultPropsProvider(_ref) {
+    var value = _ref.value,
+      children = _ref.children;
+    return /*#__PURE__*/jsxRuntime_1(PropsContext.Provider, {
+      value: value,
+      children: children
+    });
+  }
+  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
+  } ;
+  function getThemeProps(params) {
+    var theme = params.theme,
+      name = params.name,
+      props = params.props;
+    if (!theme || !theme.components || !theme.components[name]) {
+      return props;
+    }
+    var config = theme.components[name];
+    if (config.defaultProps) {
+      // compatible with v5 signature
+      return resolveProps(config.defaultProps, props);
+    }
+    if (!config.styleOverrides && !config.variants) {
+      // v6 signature, no property 'defaultProps'
+      return resolveProps(config, props);
+    }
+    return props;
+  }
+  function useDefaultProps$1(_ref2) {
+    var props = _ref2.props,
+      name = _ref2.name;
+    var ctx = React__namespace.useContext(PropsContext);
+    return getThemeProps({
+      props: props,
+      name: name,
+      theme: {
+        components: ctx
+      }
+    });
+  }
+
   var EMPTY_THEME = {};
   function useThemeScoping(themeId, upperTheme, localTheme) {
     var isPrivate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
@@ -8602,7 +8656,10 @@
         value: engineTheme,
         children: /*#__PURE__*/jsxRuntime_1(RtlProvider, {
           value: rtlValue,
-          children: children
+          children: /*#__PURE__*/jsxRuntime_1(DefaultPropsProvider, {
+            value: engineTheme == null ? void 0 : engineTheme.components,
+            children: children
+          })
         })
       })
     });
@@ -8629,10 +8686,13 @@
     ThemeProvider$1.propTypes = exactProp(ThemeProvider$1.propTypes) ;
   }
 
+  /**
+   * Split this component for RSC import
+   */
   var DEFAULT_MODE_STORAGE_KEY = 'mode';
   var DEFAULT_COLOR_SCHEME_STORAGE_KEY = 'color-scheme';
   var DEFAULT_ATTRIBUTE = 'data-color-scheme';
-  function getInitColorSchemeScript$1(options) {
+  function InitColorSchemeScript(options) {
     var _ref = options || {},
       _ref$defaultMode = _ref.defaultMode,
       defaultMode = _ref$defaultMode === void 0 ? 'light' : _ref$defaultMode,
@@ -8647,9 +8707,13 @@
       _ref$attribute = _ref.attribute,
       attribute = _ref$attribute === void 0 ? DEFAULT_ATTRIBUTE : _ref$attribute,
       _ref$colorSchemeNode = _ref.colorSchemeNode,
-      colorSchemeNode = _ref$colorSchemeNode === void 0 ? 'document.documentElement' : _ref$colorSchemeNode;
+      colorSchemeNode = _ref$colorSchemeNode === void 0 ? 'document.documentElement' : _ref$colorSchemeNode,
+      nonce = _ref.nonce;
     return /*#__PURE__*/jsxRuntime_1("script", {
+      suppressHydrationWarning: true,
+      nonce: typeof window === 'undefined' ? nonce : ''
       // eslint-disable-next-line react/no-danger
+      ,
       dangerouslySetInnerHTML: {
         __html: "(function() {\ntry {\n  var mode = localStorage.getItem('".concat(modeStorageKey, "') || '").concat(defaultMode, "';\n  var colorScheme = '';\n  if (mode === 'system') {\n    // handle system mode\n    var mql = window.matchMedia('(prefers-color-scheme: dark)');\n    if (mql.matches) {\n      colorScheme = localStorage.getItem('").concat(colorSchemeStorageKey, "-dark') || '").concat(defaultDarkColorScheme, "';\n    } else {\n      colorScheme = localStorage.getItem('").concat(colorSchemeStorageKey, "-light') || '").concat(defaultLightColorScheme, "';\n    }\n  }\n  if (mode === 'light') {\n    colorScheme = localStorage.getItem('").concat(colorSchemeStorageKey, "-light') || '").concat(defaultLightColorScheme, "';\n  }\n  if (mode === 'dark') {\n    colorScheme = localStorage.getItem('").concat(colorSchemeStorageKey, "-dark') || '").concat(defaultDarkColorScheme, "';\n  }\n  if (colorScheme) {\n    ").concat(colorSchemeNode, ".setAttribute('").concat(attribute, "', colorScheme);\n  }\n} catch(e){}})();")
       }
@@ -9222,7 +9286,7 @@
     var defaultLightColorScheme = typeof designSystemColorScheme === 'string' ? designSystemColorScheme : designSystemColorScheme.light;
     var defaultDarkColorScheme = typeof designSystemColorScheme === 'string' ? designSystemColorScheme : designSystemColorScheme.dark;
     var getInitColorSchemeScript = function getInitColorSchemeScript(params) {
-      return getInitColorSchemeScript$1(_extends({
+      return InitColorSchemeScript(_extends({
         attribute: defaultAttribute,
         colorSchemeStorageKey: defaultColorSchemeStorageKey,
         defaultMode: designSystemMode,
@@ -9480,7 +9544,7 @@
     }
   });
   var useThemePropsDefault$2 = function useThemePropsDefault(inProps) {
-    return useThemeProps$c({
+    return useThemeProps$1({
       props: inProps,
       name: 'MuiContainer',
       defaultTheme: defaultTheme$6
@@ -9868,7 +9932,7 @@
     }
   });
   function useThemePropsDefault$1(props) {
-    return useThemeProps$c({
+    return useThemeProps$1({
       props: props,
       name: 'MuiGrid',
       defaultTheme: defaultTheme$5
@@ -10035,7 +10099,7 @@
     }
   });
   function useThemePropsDefault(props) {
-    return useThemeProps$c({
+    return useThemeProps$1({
       props: props,
       name: 'MuiStack',
       defaultTheme: defaultTheme$4
@@ -11080,10 +11144,10 @@
     return theme[THEME_ID] || theme;
   }
 
-  function useThemeProps$b(_ref) {
+  function useThemeProps(_ref) {
     var props = _ref.props,
       name = _ref.name;
-    return useThemeProps$c({
+    return useThemeProps$1({
       props: props,
       name: name,
       defaultTheme: defaultTheme$3,
@@ -11495,16 +11559,24 @@
   };
   var excludeVariablesFromRoot$1 = excludeVariablesFromRoot;
 
+  var defaultConfig = {
+    attribute: 'data-mui-color-scheme',
+    colorSchemeStorageKey: 'mui-color-scheme',
+    defaultLightColorScheme: 'light',
+    defaultDarkColorScheme: 'dark',
+    modeStorageKey: 'mui-mode'
+  };
+
   var defaultTheme$1 = extendTheme();
   var _createCssVarsProvide = createCssVarsProvider({
       themeId: THEME_ID,
       theme: defaultTheme$1,
-      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, {
@@ -11522,7 +11594,18 @@
     }),
     CssVarsProvider = _createCssVarsProvide.CssVarsProvider,
     useColorScheme = _createCssVarsProvide.useColorScheme,
-    getInitColorSchemeScript = _createCssVarsProvide.getInitColorSchemeScript;
+    getInitColorSchemeScriptSystem = _createCssVarsProvide.getInitColorSchemeScript;
+  /**
+   * @deprecated Use `InitColorSchemeScript` instead
+   * ```diff
+   * - import { getInitColorSchemeScript } from '@mui/material/styles';
+   * + import InitColorSchemeScript from '@mui/material/InitColorSchemeScript';
+   *
+   * - getInitColorSchemeScript();
+   * + <InitColorSchemeScript />;
+   * ```
+   */
+  var getInitColorSchemeScript = getInitColorSchemeScriptSystem;
 
   // TODO: Remove this function in v6.
   // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -11530,6 +11613,24 @@
     throw new Error("MUI: The `experimental_sx` has been moved to `theme.unstable_sx`.For more details, see https://github.com/mui/material-ui/pull/35150." );
   }
 
+  ({
+    // ┌────────────────────────────── 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
+  }) ;
+  function useDefaultProps(params) {
+    return useDefaultProps$1(params);
+  }
+
   function getSvgIconUtilityClass(slot) {
     return generateUtilityClass$1('MuiSvgIcon', slot);
   }
@@ -11583,7 +11684,7 @@
     };
   });
   var SvgIcon = /*#__PURE__*/React__namespace.forwardRef(function SvgIcon(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSvgIcon'
     });
@@ -11740,11 +11841,6 @@
     return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  function createUseThemeProps(name) {
-    return useThemeProps$b;
-  }
-
   function _setPrototypeOf(o, p) {
     _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
       o.__proto__ = p;
@@ -12832,7 +12928,7 @@
    * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
    */
   var Collapse = /*#__PURE__*/React__namespace.forwardRef(function Collapse(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCollapse'
     });
@@ -13162,7 +13258,7 @@
     }));
   });
   var Paper = /*#__PURE__*/React__namespace.forwardRef(function Paper(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiPaper'
     });
@@ -13539,7 +13635,6 @@
   var accordionClasses = generateUtilityClasses$1('MuiAccordion', ['root', 'rounded', 'expanded', 'disabled', 'gutters', 'region']);
   var accordionClasses$1 = accordionClasses;
 
-  var useThemeProps$a = createUseThemeProps();
   var useUtilityClasses$1M = function useUtilityClasses(ownerState) {
     var classes = ownerState.classes,
       square = ownerState.square,
@@ -13637,7 +13732,7 @@
     };
   });
   var Accordion = /*#__PURE__*/React__namespace.forwardRef(function Accordion(inProps, ref) {
-    var props = useThemeProps$a({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAccordion'
     });
@@ -13831,7 +13926,6 @@
   var accordionActionsClasses = generateUtilityClasses$1('MuiAccordionActions', ['root', 'spacing']);
   var accordionActionsClasses$1 = accordionActionsClasses;
 
-  var useThemeProps$9 = createUseThemeProps();
   var useUtilityClasses$1L = function useUtilityClasses(ownerState) {
     var classes = ownerState.classes,
       disableSpacing = ownerState.disableSpacing;
@@ -13864,7 +13958,7 @@
     }]
   });
   var AccordionActions = /*#__PURE__*/React__namespace.forwardRef(function AccordionActions(inProps, ref) {
-    var props = useThemeProps$9({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAccordionActions'
     });
@@ -13917,7 +14011,6 @@
   var accordionDetailsClasses = generateUtilityClasses$1('MuiAccordionDetails', ['root']);
   var accordionDetailsClasses$1 = accordionDetailsClasses;
 
-  var useThemeProps$8 = createUseThemeProps();
   var useUtilityClasses$1K = function useUtilityClasses(ownerState) {
     var classes = ownerState.classes;
     var slots = {
@@ -13938,7 +14031,7 @@
     };
   });
   var AccordionDetails = /*#__PURE__*/React__namespace.forwardRef(function AccordionDetails(inProps, ref) {
-    var props = useThemeProps$8({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAccordionDetails'
     });
@@ -14118,7 +14211,7 @@
    * TODO v5: Make private
    */
   var TouchRipple = /*#__PURE__*/React__namespace.forwardRef(function TouchRipple(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTouchRipple'
     });
@@ -14394,7 +14487,7 @@
    * It contains a load of style reset and some focus/ripple logic.
    */
   var ButtonBase = /*#__PURE__*/React__namespace.forwardRef(function ButtonBase(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiButtonBase'
     });
@@ -14805,7 +14898,6 @@
   var accordionSummaryClasses = generateUtilityClasses$1('MuiAccordionSummary', ['root', 'expanded', 'focusVisible', 'disabled', 'gutters', 'contentGutters', 'content', 'expandIconWrapper']);
   var accordionSummaryClasses$1 = accordionSummaryClasses;
 
-  var useThemeProps$7 = createUseThemeProps();
   var useUtilityClasses$1I = function useUtilityClasses(ownerState) {
     var classes = ownerState.classes,
       expanded = ownerState.expanded,
@@ -14896,7 +14988,7 @@
     });
   });
   var AccordionSummary = /*#__PURE__*/React__namespace.forwardRef(function AccordionSummary(inProps, ref) {
-    var props = useThemeProps$7({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAccordionSummary'
     });
@@ -15083,7 +15175,7 @@
    * regarding the available icon options.
    */
   var IconButton = /*#__PURE__*/React__namespace.forwardRef(function IconButton(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiIconButton'
     });
@@ -15210,7 +15302,6 @@
     d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
   }), 'Close');
 
-  var useThemeProps$6 = createUseThemeProps();
   var useUtilityClasses$1G = function useUtilityClasses(ownerState) {
     var variant = ownerState.variant,
       color = ownerState.color,
@@ -15358,7 +15449,7 @@
     })
   };
   var Alert = /*#__PURE__*/React__namespace.forwardRef(function Alert(inProps, ref) {
-    var props = useThemeProps$6({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAlert'
     });
@@ -15643,7 +15734,7 @@
     return colorTransformations$1[color] || color;
   };
   var Typography = /*#__PURE__*/React__namespace.forwardRef(function Typography(inProps, ref) {
-    var themeProps = useThemeProps$b({
+    var themeProps = useDefaultProps({
       props: inProps,
       name: 'MuiTypography'
     });
@@ -15769,7 +15860,6 @@
   var alertTitleClasses = generateUtilityClasses$1('MuiAlertTitle', ['root']);
   var alertTitleClasses$1 = alertTitleClasses;
 
-  var useThemeProps$5 = createUseThemeProps();
   var useUtilityClasses$1E = function useUtilityClasses(ownerState) {
     var classes = ownerState.classes;
     var slots = {
@@ -15791,7 +15881,7 @@
     };
   });
   var AlertTitle = /*#__PURE__*/React__namespace.forwardRef(function AlertTitle(inProps, ref) {
-    var props = useThemeProps$5({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAlertTitle'
     });
@@ -15929,7 +16019,7 @@
     }));
   });
   var AppBar = /*#__PURE__*/React__namespace.forwardRef(function AppBar(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAppBar'
     });
@@ -21451,7 +21541,7 @@
   var Popper = /*#__PURE__*/React__namespace.forwardRef(function Popper(inProps, ref) {
     var _slots$root;
     var theme = useTheme$3();
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiPopper'
     });
@@ -21676,7 +21766,7 @@
     });
   });
   var ListSubheader = /*#__PURE__*/React__namespace.forwardRef(function ListSubheader(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiListSubheader'
     });
@@ -21975,7 +22065,7 @@
    * Chips represent complex entities in small blocks, such as a contact.
    */
   var Chip = /*#__PURE__*/React__namespace.forwardRef(function Chip(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiChip'
     });
@@ -22463,7 +22553,7 @@
    */
   var InputBase = /*#__PURE__*/React__namespace.forwardRef(function InputBase(inProps, ref) {
     var _slotProps$input;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiInputBase'
     });
@@ -23003,7 +23093,6 @@
   var autocompleteClasses$1 = autocompleteClasses;
 
   var _styled, _ClearIcon, _ArrowDropDownIcon;
-  var useThemeProps$4 = createUseThemeProps();
   var useUtilityClasses$1y = function useUtilityClasses(ownerState) {
     var classes = ownerState.classes,
       disablePortal = ownerState.disablePortal,
@@ -23327,7 +23416,7 @@
   }));
   var Autocomplete = /*#__PURE__*/React__namespace.forwardRef(function Autocomplete(inProps, ref) {
     var _slotProps$clearIndic, _slotProps$paper, _slotProps$popper, _slotProps$popupIndic;
-    var props = useThemeProps$4({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAutocomplete'
     });
@@ -24108,7 +24197,6 @@
   var avatarClasses = generateUtilityClasses$1('MuiAvatar', ['root', 'colorDefault', 'circular', 'rounded', 'square', 'img', 'fallback']);
   var avatarClasses$1 = avatarClasses;
 
-  var useThemeProps$3 = createUseThemeProps();
   var useUtilityClasses$1x = function useUtilityClasses(ownerState) {
     var classes = ownerState.classes,
       variant = ownerState.variant,
@@ -24240,7 +24328,7 @@
     return loaded;
   }
   var Avatar = /*#__PURE__*/React__namespace.forwardRef(function Avatar(inProps, ref) {
-    var props = useThemeProps$3({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAvatar'
     });
@@ -24430,7 +24518,7 @@
   });
   var AvatarGroup = /*#__PURE__*/React__namespace.forwardRef(function AvatarGroup(inProps, ref) {
     var _slotProps$additional;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAvatarGroup'
     });
@@ -24812,7 +24900,7 @@
   });
   var Backdrop = /*#__PURE__*/React__namespace.forwardRef(function Backdrop(inProps, ref) {
     var _slotProps$root, _ref2, _slots$root;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiBackdrop'
     });
@@ -24965,7 +25053,6 @@
 
   var RADIUS_STANDARD = 10;
   var RADIUS_DOT = 4;
-  var useThemeProps$2 = createUseThemeProps();
   var useUtilityClasses$1u = function useUtilityClasses(ownerState) {
     var color = ownerState.color,
       anchorOrigin = ownerState.anchorOrigin,
@@ -25168,7 +25255,7 @@
   });
   var Badge = /*#__PURE__*/React__namespace.forwardRef(function Badge(inProps, ref) {
     var _ref11, _slots$root, _ref12, _slots$badge, _slotProps$root, _slotProps$badge;
-    var props = useThemeProps$2({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiBadge'
     });
@@ -25417,7 +25504,7 @@
     };
   });
   var BottomNavigation = /*#__PURE__*/React__namespace.forwardRef(function BottomNavigation(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiBottomNavigation'
     });
@@ -25573,7 +25660,7 @@
     }));
   });
   var BottomNavigationAction = /*#__PURE__*/React__namespace.forwardRef(function BottomNavigationAction(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiBottomNavigationAction'
     });
@@ -25840,7 +25927,7 @@
     }, []);
   }
   var Breadcrumbs = /*#__PURE__*/React__namespace.forwardRef(function Breadcrumbs(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiBreadcrumbs'
     });
@@ -26239,7 +26326,7 @@
     var contextProps = React__namespace.useContext(ButtonGroupContext$1);
     var buttonGroupButtonContextPositionClassName = React__namespace.useContext(ButtonGroupButtonContext$1);
     var resolvedProps = resolveProps(contextProps, inProps);
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: resolvedProps,
       name: 'MuiButton'
     });
@@ -26500,7 +26587,7 @@
     })));
   });
   var ButtonGroup = /*#__PURE__*/React__namespace.forwardRef(function ButtonGroup(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiButtonGroup'
     });
@@ -26689,7 +26776,7 @@
     };
   });
   var Card = /*#__PURE__*/React__namespace.forwardRef(function Card(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCard'
     });
@@ -26804,7 +26891,7 @@
     };
   });
   var CardActionArea = /*#__PURE__*/React__namespace.forwardRef(function CardActionArea(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCardActionArea'
     });
@@ -26888,7 +26975,7 @@
     });
   });
   var CardActions = /*#__PURE__*/React__namespace.forwardRef(function CardActions(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCardActions'
     });
@@ -26963,7 +27050,7 @@
     };
   });
   var CardContent = /*#__PURE__*/React__namespace.forwardRef(function CardContent(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCardContent'
     });
@@ -27074,7 +27161,7 @@
     flex: '1 1 auto'
   });
   var CardHeader = /*#__PURE__*/React__namespace.forwardRef(function CardHeader(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCardHeader'
     });
@@ -27243,7 +27330,7 @@
   var MEDIA_COMPONENTS = ['video', 'audio', 'picture', 'iframe', 'img'];
   var IMAGE_COMPONENTS = ['picture', 'img'];
   var CardMedia = /*#__PURE__*/React__namespace.forwardRef(function CardMedia(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCardMedia'
     });
@@ -27654,7 +27741,7 @@
   var defaultIndeterminateIcon = /*#__PURE__*/jsxRuntime_1(IndeterminateCheckBoxIcon, {});
   var Checkbox = /*#__PURE__*/React__namespace.forwardRef(function Checkbox(inProps, ref) {
     var _icon$props$fontSize, _indeterminateIcon$pr;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCheckbox'
     });
@@ -27886,7 +27973,7 @@
    * attribute to `true` on that region until it has finished loading.
    */
   var CircularProgress = /*#__PURE__*/React__namespace.forwardRef(function CircularProgress(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCircularProgress'
     });
@@ -28027,7 +28114,7 @@
       }
     }),
     useThemeProps: function useThemeProps(inProps) {
-      return useThemeProps$b({
+      return useDefaultProps({
         props: inProps,
         name: 'MuiContainer'
       });
@@ -28150,7 +28237,7 @@
     return defaultStyles;
   };
   function CssBaseline(inProps) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCssBaseline'
     });
@@ -28279,7 +28366,7 @@
    */
   var Modal = /*#__PURE__*/React__namespace.forwardRef(function Modal(inProps, ref) {
     var _ref2, _slots$root, _ref3, _slots$backdrop, _slotProps$root, _slotProps$backdrop;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       name: 'MuiModal',
       props: inProps
     });
@@ -28733,7 +28820,7 @@
    * Dialogs are overlaid modal paper based components with a backdrop.
    */
   var Dialog = /*#__PURE__*/React__namespace.forwardRef(function Dialog(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiDialog'
     });
@@ -29026,7 +29113,7 @@
     });
   });
   var DialogActions = /*#__PURE__*/React__namespace.forwardRef(function DialogActions(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiDialogActions'
     });
@@ -29118,7 +29205,7 @@
     }));
   });
   var DialogContent = /*#__PURE__*/React__namespace.forwardRef(function DialogContent(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiDialogContent'
     });
@@ -29190,7 +29277,7 @@
     }
   })({});
   var DialogContentText = /*#__PURE__*/React__namespace.forwardRef(function DialogContentText(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiDialogContentText'
     });
@@ -29251,7 +29338,7 @@
     flex: '0 0 auto'
   });
   var DialogTitle = /*#__PURE__*/React__namespace.forwardRef(function DialogTitle(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiDialogTitle'
     });
@@ -29431,7 +29518,7 @@
     });
   });
   var Divider = /*#__PURE__*/React__namespace.forwardRef(function Divider(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiDivider'
     });
@@ -29978,7 +30065,7 @@
    * when `variant="temporary"` is set.
    */
   var Drawer = /*#__PURE__*/React__namespace.forwardRef(function Drawer(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiDrawer'
     });
@@ -30278,7 +30365,7 @@
     });
   });
   var Fab = /*#__PURE__*/React__namespace.forwardRef(function Fab(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiFab'
     });
@@ -30549,7 +30636,7 @@
   });
   var FilledInput = /*#__PURE__*/React__namespace.forwardRef(function FilledInput(inProps, ref) {
     var _ref5, _slots$root, _ref6, _slots$input;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiFilledInput'
     });
@@ -30869,7 +30956,7 @@
    * For instance, only one input can be focused at the same time, the state shouldn't be shared.
    */
   var FormControl = /*#__PURE__*/React__namespace.forwardRef(function FormControl(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiFormControl'
     });
@@ -31100,7 +31187,7 @@
       }
     }),
     useThemeProps: function useThemeProps(inProps) {
-      return useThemeProps$b({
+      return useDefaultProps({
         props: inProps,
         name: 'MuiStack'
       });
@@ -31229,7 +31316,7 @@
    */
   var FormControlLabel = /*#__PURE__*/React__namespace.forwardRef(function FormControlLabel(inProps, ref) {
     var _ref5, _slotProps$typography;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiFormControlLabel'
     });
@@ -31422,7 +31509,7 @@
    * For the `Radio`, you should be using the `RadioGroup` component instead of this one.
    */
   var FormGroup = /*#__PURE__*/React__namespace.forwardRef(function FormGroup(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiFormGroup'
     });
@@ -31527,7 +31614,7 @@
     });
   });
   var FormHelperText = /*#__PURE__*/React__namespace.forwardRef(function FormHelperText(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiFormHelperText'
     });
@@ -31691,7 +31778,7 @@
     });
   });
   var FormLabel = /*#__PURE__*/React__namespace.forwardRef(function FormLabel(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiFormLabel'
     });
@@ -32147,7 +32234,7 @@
     return composeClasses(slots, getGridUtilityClass, classes);
   };
   var Grid = /*#__PURE__*/React__namespace.forwardRef(function Grid(inProps, ref) {
-    var themeProps = useThemeProps$b({
+    var themeProps = useDefaultProps({
       props: inProps,
       name: 'MuiGrid'
     });
@@ -32365,7 +32452,7 @@
     }),
     componentName: 'MuiGrid2',
     useThemeProps: function useThemeProps(inProps) {
-      return useThemeProps$b({
+      return useDefaultProps({
         props: inProps,
         name: 'MuiGrid2'
       });
@@ -32684,7 +32771,7 @@
       function WithWidth(props) {
         var contextTheme = useTheme();
         var theme = props.theme || contextTheme;
-        var _getThemeProps = getThemeProps({
+        var _getThemeProps = getThemeProps$1({
             theme: theme,
             name: 'MuiWithWidth',
             props: props
@@ -33217,7 +33304,7 @@
     };
   });
   var Icon = /*#__PURE__*/React__namespace.forwardRef(function Icon(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiIcon'
     });
@@ -33342,7 +33429,7 @@
     });
   });
   var ImageList = /*#__PURE__*/React__namespace.forwardRef(function ImageList(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiImageList'
     });
@@ -33503,7 +33590,7 @@
     })));
   });
   var ImageListItem = /*#__PURE__*/React__namespace.forwardRef(function ImageListItem(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiImageListItem'
     });
@@ -33731,7 +33818,7 @@
     });
   });
   var ImageListItemBar = /*#__PURE__*/React__namespace.forwardRef(function ImageListItemBar(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiImageListItemBar'
     });
@@ -33905,7 +33992,7 @@
   })({});
   var Input = /*#__PURE__*/React__namespace.forwardRef(function Input(inProps, ref) {
     var _ref3, _slots$root, _ref4, _slots$input;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiInput'
     });
@@ -34193,7 +34280,7 @@
     });
   });
   var InputAdornment = /*#__PURE__*/React__namespace.forwardRef(function InputAdornment(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiInputAdornment'
     });
@@ -34393,7 +34480,7 @@
     }));
   });
   var InputLabel = /*#__PURE__*/React__namespace.forwardRef(function InputLabel(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       name: 'MuiInputLabel',
       props: inProps
     });
@@ -34665,7 +34752,7 @@
    * attribute to `true` on that region until it has finished loading.
    */
   var LinearProgress = /*#__PURE__*/React__namespace.forwardRef(function LinearProgress(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiLinearProgress'
     });
@@ -34872,7 +34959,7 @@
     }));
   });
   var Link = /*#__PURE__*/React__namespace.forwardRef(function Link(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiLink'
     });
@@ -35043,7 +35130,7 @@
     });
   });
   var List = /*#__PURE__*/React__namespace.forwardRef(function List(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiList'
     });
@@ -35216,7 +35303,7 @@
     });
   });
   var ListItemButton = /*#__PURE__*/React__namespace.forwardRef(function ListItemButton(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiListItemButton'
     });
@@ -35399,7 +35486,7 @@
    * Must be used as the last child of ListItem to function properly.
    */
   var ListItemSecondaryAction = /*#__PURE__*/React__namespace.forwardRef(function ListItemSecondaryAction(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiListItemSecondaryAction'
     });
@@ -35544,7 +35631,7 @@
    * Uses an additional container component if `ListItemSecondaryAction` is the last child.
    */
   var ListItem = /*#__PURE__*/React__namespace.forwardRef(function ListItem(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiListItem'
     });
@@ -35878,7 +35965,7 @@
    * A simple wrapper to apply `List` styles to an `Avatar`.
    */
   var ListItemAvatar = /*#__PURE__*/React__namespace.forwardRef(function ListItemAvatar(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiListItemAvatar'
     });
@@ -35957,7 +36044,7 @@
    * A simple wrapper to apply `List` styles to an `Icon` or `SvgIcon`.
    */
   var ListItemIcon = /*#__PURE__*/React__namespace.forwardRef(function ListItemIcon(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiListItemIcon'
     });
@@ -36040,7 +36127,7 @@
     });
   });
   var ListItemText = /*#__PURE__*/React__namespace.forwardRef(function ListItemText(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiListItemText'
     });
@@ -36496,7 +36583,7 @@
   });
   var Popover = /*#__PURE__*/React__namespace.forwardRef(function Popover(inProps, ref) {
     var _slotProps$paper, _slots$root, _slots$paper;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiPopover'
     });
@@ -37013,7 +37100,7 @@
   });
   var Menu = /*#__PURE__*/React__namespace.forwardRef(function Menu(inProps, ref) {
     var _slots$paper, _slotProps$paper;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiMenu'
     });
@@ -37357,7 +37444,7 @@
     })));
   });
   var MenuItem = /*#__PURE__*/React__namespace.forwardRef(function MenuItem(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiMenuItem'
     });
@@ -37599,7 +37686,7 @@
     });
   });
   var MobileStepper = /*#__PURE__*/React__namespace.forwardRef(function MobileStepper(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiMobileStepper'
     });
@@ -37916,7 +38003,7 @@
    * An alternative to `<Select native />` with a much smaller bundle size footprint.
    */
   var NativeSelect = /*#__PURE__*/React__namespace.forwardRef(function NativeSelect(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       name: 'MuiNativeSelect',
       props: inProps
     });
@@ -38241,7 +38328,7 @@
   });
   var OutlinedInput = /*#__PURE__*/React__namespace.forwardRef(function OutlinedInput(inProps, ref) {
     var _ref5, _slots$root, _ref6, _slots$input, _React$Fragment;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiOutlinedInput'
     });
@@ -38791,7 +38878,7 @@
     });
   });
   var PaginationItem = /*#__PURE__*/React__namespace.forwardRef(function PaginationItem(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiPaginationItem'
     });
@@ -38994,7 +39081,7 @@
     return "Go to ".concat(type, " page");
   }
   var Pagination = /*#__PURE__*/React__namespace.forwardRef(function Pagination(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiPagination'
     });
@@ -39349,7 +39436,7 @@
   var defaultIcon$1 = /*#__PURE__*/jsxRuntime_1(RadioButtonIcon, {});
   var Radio = /*#__PURE__*/React__namespace.forwardRef(function Radio(inProps, ref) {
     var _defaultIcon$props$fo, _defaultCheckedIcon$p;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiRadio'
     });
@@ -39852,7 +39939,7 @@
     return "".concat(value, " Star").concat(value !== 1 ? 's' : '');
   }
   var Rating = /*#__PURE__*/React__namespace.forwardRef(function Rating(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       name: 'MuiRating',
       props: inProps
     });
@@ -40293,7 +40380,7 @@
     }, colorSchemeStyles);
   });
   var ScopedCssBaseline = /*#__PURE__*/React__namespace.forwardRef(function ScopedCssBaseline(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiScopedCssBaseline'
     });
@@ -41015,7 +41102,7 @@
   var StyledOutlinedInput = styled$1(OutlinedInput$1, styledRootConfig)('');
   var StyledFilledInput = styled$1(FilledInput$1, styledRootConfig)('');
   var Select = /*#__PURE__*/React__namespace.forwardRef(function Select(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       name: 'MuiSelect',
       props: inProps
     });
@@ -41338,7 +41425,7 @@
     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__namespace.forwardRef(function Skeleton(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSkeleton'
     });
@@ -41480,7 +41567,6 @@
     value: PropTypes.node
   } ;
 
-  var useThemeProps$1 = createUseThemeProps();
   function Identity(x) {
     return x;
   }
@@ -42007,7 +42093,7 @@
   };
   var Slider = /*#__PURE__*/React__namespace.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$1({
+    var props = useDefaultProps({
       props: inputProps,
       name: 'MuiSlider'
     });
@@ -42584,7 +42670,7 @@
     marginRight: -8
   });
   var SnackbarContent = /*#__PURE__*/React__namespace.forwardRef(function SnackbarContent(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSnackbarContent'
     });
@@ -42706,7 +42792,7 @@
     })));
   });
   var Snackbar = /*#__PURE__*/React__namespace.forwardRef(function Snackbar(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSnackbar'
     });
@@ -43241,7 +43327,7 @@
     });
   });
   var SpeedDial = /*#__PURE__*/React__namespace.forwardRef(function SpeedDial(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSpeedDial'
     });
@@ -43803,7 +43889,7 @@
   // TODO v6: Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
   var Tooltip = /*#__PURE__*/React__namespace.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$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTooltip'
     });
@@ -44476,7 +44562,7 @@
     });
   });
   var SpeedDialAction = /*#__PURE__*/React__namespace.forwardRef(function SpeedDialAction(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSpeedDialAction'
     });
@@ -44670,7 +44756,7 @@
     }));
   });
   var SpeedDialIcon = /*#__PURE__*/React__namespace.forwardRef(function SpeedDialIcon(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSpeedDialIcon'
     });
@@ -44801,7 +44887,7 @@
     });
   });
   var Step = /*#__PURE__*/React__namespace.forwardRef(function Step(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStep'
     });
@@ -44992,7 +45078,7 @@
     };
   });
   var StepIcon = /*#__PURE__*/React__namespace.forwardRef(function StepIcon(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStepIcon'
     });
@@ -45191,7 +45277,7 @@
   });
   var StepLabel = /*#__PURE__*/React__namespace.forwardRef(function StepLabel(inProps, ref) {
     var _slotProps$label;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStepLabel'
     });
@@ -45355,7 +45441,7 @@
     }));
   });
   var StepButton = /*#__PURE__*/React__namespace.forwardRef(function StepButton(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStepButton'
     });
@@ -45489,7 +45575,7 @@
     });
   });
   var StepConnector = /*#__PURE__*/React__namespace.forwardRef(function StepConnector(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStepConnector'
     });
@@ -45586,7 +45672,7 @@
     }
   })({});
   var StepContent = /*#__PURE__*/React__namespace.forwardRef(function StepContent(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStepContent'
     });
@@ -45684,15 +45770,16 @@
   function getStepperUtilityClass(slot) {
     return generateUtilityClass$1('MuiStepper', slot);
   }
-  var stepperClasses = generateUtilityClasses$1('MuiStepper', ['root', 'horizontal', 'vertical', 'alternativeLabel']);
+  var stepperClasses = generateUtilityClasses$1('MuiStepper', ['root', 'horizontal', 'vertical', 'nonLinear', 'alternativeLabel']);
   var stepperClasses$1 = stepperClasses;
 
   var useUtilityClasses$h = function useUtilityClasses(ownerState) {
     var orientation = ownerState.orientation,
+      nonLinear = ownerState.nonLinear,
       alternativeLabel = ownerState.alternativeLabel,
       classes = ownerState.classes;
     var slots = {
-      root: ['root', orientation, alternativeLabel && 'alternativeLabel']
+      root: ['root', orientation, nonLinear && 'nonLinear', alternativeLabel && 'alternativeLabel']
     };
     return composeClasses(slots, getStepperUtilityClass, classes);
   };
@@ -45701,7 +45788,7 @@
     slot: 'Root',
     overridesResolver: function overridesResolver(props, styles) {
       var ownerState = props.ownerState;
-      return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel];
+      return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.nonLinear && styles.nonLinear];
     }
   })(function (_ref) {
     var ownerState = _ref.ownerState;
@@ -45718,7 +45805,7 @@
   });
   var defaultConnector = /*#__PURE__*/jsxRuntime_1(StepConnector$1, {});
   var Stepper = /*#__PURE__*/React__namespace.forwardRef(function Stepper(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStepper'
     });
@@ -45738,6 +45825,7 @@
       orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
       other = _objectWithoutProperties(props, ["activeStep", "alternativeLabel", "children", "className", "component", "connector", "nonLinear", "orientation"]);
     var ownerState = _extends({}, props, {
+      nonLinear: nonLinear,
       alternativeLabel: alternativeLabel,
       orientation: orientation,
       component: component
@@ -45984,7 +46072,7 @@
   }
   var iOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent);
   var SwipeableDrawer = /*#__PURE__*/React__namespace.forwardRef(function SwipeableDrawer(inProps, ref) {
-    var props = useThemeProps$c({
+    var props = useDefaultProps({
       name: 'MuiSwipeableDrawer',
       props: inProps
     });
@@ -46495,7 +46583,6 @@
   var switchClasses = generateUtilityClasses$1('MuiSwitch', ['root', 'edgeStart', 'edgeEnd', 'switchBase', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium', 'checked', 'disabled', 'input', 'thumb', 'track']);
   var switchClasses$1 = switchClasses;
 
-  var useThemeProps = createUseThemeProps();
   var useUtilityClasses$g = function useUtilityClasses(ownerState) {
     var classes = ownerState.classes,
       edge = ownerState.edge,
@@ -46675,7 +46762,7 @@
     };
   });
   var Switch = /*#__PURE__*/React__namespace.forwardRef(function Switch(inProps, ref) {
-    var props = useThemeProps({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSwitch'
     });
@@ -46900,7 +46987,7 @@
     });
   });
   var Tab = /*#__PURE__*/React__namespace.forwardRef(function Tab(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTab'
     });
@@ -47104,7 +47191,7 @@
   });
   var defaultComponent$4 = 'table';
   var Table = /*#__PURE__*/React__namespace.forwardRef(function Table(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTable'
     });
@@ -47225,7 +47312,7 @@
   };
   var defaultComponent$3 = 'tbody';
   var TableBody = /*#__PURE__*/React__namespace.forwardRef(function TableBody(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTableBody'
     });
@@ -47360,7 +47447,7 @@
    * or otherwise a `<td>` element.
    */
   var TableCell = /*#__PURE__*/React__namespace.forwardRef(function TableCell(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTableCell'
     });
@@ -47499,7 +47586,7 @@
     overflowX: 'auto'
   });
   var TableContainer = /*#__PURE__*/React__namespace.forwardRef(function TableContainer(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTableContainer'
     });
@@ -47574,7 +47661,7 @@
   };
   var defaultComponent$2 = 'tfoot';
   var TableFooter = /*#__PURE__*/React__namespace.forwardRef(function TableFooter(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTableFooter'
     });
@@ -47653,7 +47740,7 @@
   };
   var defaultComponent$1 = 'thead';
   var TableHead = /*#__PURE__*/React__namespace.forwardRef(function TableHead(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTableHead'
     });
@@ -47749,7 +47836,7 @@
     return ownerState.variant === 'regular' && theme.mixins.toolbar;
   });
   var Toolbar = /*#__PURE__*/React__namespace.forwardRef(function Toolbar(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiToolbar'
     });
@@ -48123,7 +48210,7 @@
    */
   var TablePagination = /*#__PURE__*/React__namespace.forwardRef(function TablePagination(inProps, ref) {
     var _slotProps$select;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTablePagination'
     });
@@ -48479,7 +48566,7 @@
    * based on the material table element parent (head, body, etc).
    */
   var TableRow = /*#__PURE__*/React__namespace.forwardRef(function TableRow(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTableRow'
     });
@@ -48627,7 +48714,7 @@
    * A button based label for placing inside `TableCell` for column sorting.
    */
   var TableSortLabel = /*#__PURE__*/React__namespace.forwardRef(function TableSortLabel(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTableSortLabel'
     });
@@ -48838,7 +48925,7 @@
   });
   var TabScrollButton = /*#__PURE__*/React__namespace.forwardRef(function TabScrollButton(inProps, ref) {
     var _slots$StartScrollBut, _slots$EndScrollButto;
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTabScrollButton'
     });
@@ -49115,7 +49202,7 @@
   var defaultIndicatorStyle = {};
   var warnedOnceTabPresent = false;
   var Tabs = /*#__PURE__*/React__namespace.forwardRef(function Tabs(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTabs'
     });
@@ -49826,7 +49913,7 @@
    * - using the underlying components directly as shown in the demos
    */
   var TextField = /*#__PURE__*/React__namespace.forwardRef(function TextField(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTextField'
     });
@@ -50242,7 +50329,7 @@
     var resolvedProps = resolveProps(_extends({}, contextProps, {
       selected: isValueSelected(inProps.value, contextValue)
     }), inProps);
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: resolvedProps,
       name: 'MuiToggleButton'
     });
@@ -50446,7 +50533,7 @@
     }));
   });
   var ToggleButtonGroup = /*#__PURE__*/React__namespace.forwardRef(function ToggleButtonGroup(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiToggleButtonGroup'
     });
@@ -51117,7 +51204,7 @@
   exports.useStepContext = useStepContext;
   exports.useStepperContext = useStepperContext;
   exports.useTheme = useTheme;
-  exports.useThemeProps = useThemeProps$b;
+  exports.useThemeProps = useThemeProps;
   exports.withStyles = withStyles;
   exports.withTheme = withTheme;