@mui/material 5.15.21 → 5.16.1

package/umd/material-ui.development.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
@@ -4846,6 +4846,7 @@
     }
   }
 
+  var didWarnAboutKeySpread = {};
   function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
     {
       var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
@@ -4916,6 +4917,24 @@
         }
       }
 
+      {
+        if (hasOwnProperty.call(props, 'key')) {
+          var componentName = getComponentNameFromType(type);
+          var keys = Object.keys(props).filter(function (k) {
+            return k !== 'key';
+          });
+          var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
+
+          if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+            var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
+
+            error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+
+            didWarnAboutKeySpread[componentName + beforeExample] = true;
+          }
+        }
+      }
+
       if (type === REACT_FRAGMENT_TYPE) {
         validateFragmentProps(element);
       } else {
@@ -7157,7 +7176,7 @@
     return output;
   }
 
-  function getThemeProps(params) {
+  function getThemeProps$1(params) {
     var theme = params.theme,
       name = params.name,
       props = params.props;
@@ -7167,7 +7186,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 +7195,7 @@
     if (themeId) {
       theme = theme[themeId] || theme;
     }
-    var mergedProps = getThemeProps({
+    var mergedProps = getThemeProps$1({
       theme: theme,
       name: name,
       props: props
@@ -7298,7 +7317,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 +8573,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 +8675,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 +8705,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 +8726,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 +9305,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 +9563,7 @@
     }
   });
   var useThemePropsDefault$2 = function useThemePropsDefault(inProps) {
-    return useThemeProps$c({
+    return useThemeProps$1({
       props: inProps,
       name: 'MuiContainer',
       defaultTheme: defaultTheme$6
@@ -9868,7 +9951,7 @@
     }
   });
   function useThemePropsDefault$1(props) {
-    return useThemeProps$c({
+    return useThemeProps$1({
       props: props,
       name: 'MuiGrid',
       defaultTheme: defaultTheme$5
@@ -10035,7 +10118,7 @@
     }
   });
   function useThemePropsDefault(props) {
-    return useThemeProps$c({
+    return useThemeProps$1({
       props: props,
       name: 'MuiStack',
       defaultTheme: defaultTheme$4
@@ -11080,10 +11163,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 +11578,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 +11613,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 +11632,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 +11703,7 @@
     };
   });
   var SvgIcon = /*#__PURE__*/React__namespace.forwardRef(function SvgIcon(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSvgIcon'
     });
@@ -11740,11 +11860,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 +12947,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 +13277,7 @@
     }));
   });
   var Paper = /*#__PURE__*/React__namespace.forwardRef(function Paper(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiPaper'
     });
@@ -13539,7 +13654,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 +13751,7 @@
     };
   });
   var Accordion = /*#__PURE__*/React__namespace.forwardRef(function Accordion(inProps, ref) {
-    var props = useThemeProps$a({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAccordion'
     });
@@ -13831,7 +13945,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 +13977,7 @@
     }]
   });
   var AccordionActions = /*#__PURE__*/React__namespace.forwardRef(function AccordionActions(inProps, ref) {
-    var props = useThemeProps$9({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAccordionActions'
     });
@@ -13917,7 +14030,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 +14050,7 @@
     };
   });
   var AccordionDetails = /*#__PURE__*/React__namespace.forwardRef(function AccordionDetails(inProps, ref) {
-    var props = useThemeProps$8({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAccordionDetails'
     });
@@ -14118,7 +14230,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 +14506,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 +14917,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 +15007,7 @@
     });
   });
   var AccordionSummary = /*#__PURE__*/React__namespace.forwardRef(function AccordionSummary(inProps, ref) {
-    var props = useThemeProps$7({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAccordionSummary'
     });
@@ -15083,7 +15194,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 +15321,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 +15468,7 @@
     })
   };
   var Alert = /*#__PURE__*/React__namespace.forwardRef(function Alert(inProps, ref) {
-    var props = useThemeProps$6({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAlert'
     });
@@ -15643,7 +15753,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 +15879,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 +15900,7 @@
     };
   });
   var AlertTitle = /*#__PURE__*/React__namespace.forwardRef(function AlertTitle(inProps, ref) {
-    var props = useThemeProps$5({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAlertTitle'
     });
@@ -15919,8 +16028,9 @@
     }, ownerState.color && !ownerState.color.match(/^(default|inherit|transparent)$/) && {
       '--AppBar-background': ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].main : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette[ownerState.color].main),
       '--AppBar-color': ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].contrastText : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette[ownerState.color].contrastText)
+    }, !['inherit', 'transparent'].includes(ownerState.color) && {
+      backgroundColor: 'var(--AppBar-background)'
     }, {
-      backgroundColor: 'var(--AppBar-background)',
       color: ownerState.color === 'inherit' ? 'inherit' : 'var(--AppBar-color)'
     }, ownerState.color === 'transparent' && {
       backgroundImage: 'none',
@@ -15929,7 +16039,7 @@
     }));
   });
   var AppBar = /*#__PURE__*/React__namespace.forwardRef(function AppBar(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiAppBar'
     });
@@ -21451,7 +21561,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 +21786,7 @@
     });
   });
   var ListSubheader = /*#__PURE__*/React__namespace.forwardRef(function ListSubheader(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiListSubheader'
     });
@@ -21975,7 +22085,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 +22573,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 +23113,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 +23436,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 +24217,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 +24348,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 +24538,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 +24920,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 +25073,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 +25275,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 +25524,7 @@
     };
   });
   var BottomNavigation = /*#__PURE__*/React__namespace.forwardRef(function BottomNavigation(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiBottomNavigation'
     });
@@ -25573,7 +25680,7 @@
     }));
   });
   var BottomNavigationAction = /*#__PURE__*/React__namespace.forwardRef(function BottomNavigationAction(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiBottomNavigationAction'
     });
@@ -25840,7 +25947,7 @@
     }, []);
   }
   var Breadcrumbs = /*#__PURE__*/React__namespace.forwardRef(function Breadcrumbs(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiBreadcrumbs'
     });
@@ -26239,7 +26346,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 +26607,7 @@
     })));
   });
   var ButtonGroup = /*#__PURE__*/React__namespace.forwardRef(function ButtonGroup(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiButtonGroup'
     });
@@ -26689,7 +26796,7 @@
     };
   });
   var Card = /*#__PURE__*/React__namespace.forwardRef(function Card(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCard'
     });
@@ -26804,7 +26911,7 @@
     };
   });
   var CardActionArea = /*#__PURE__*/React__namespace.forwardRef(function CardActionArea(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCardActionArea'
     });
@@ -26888,7 +26995,7 @@
     });
   });
   var CardActions = /*#__PURE__*/React__namespace.forwardRef(function CardActions(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCardActions'
     });
@@ -26963,7 +27070,7 @@
     };
   });
   var CardContent = /*#__PURE__*/React__namespace.forwardRef(function CardContent(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCardContent'
     });
@@ -27074,7 +27181,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 +27350,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 +27761,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 +27993,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 +28134,7 @@
       }
     }),
     useThemeProps: function useThemeProps(inProps) {
-      return useThemeProps$b({
+      return useDefaultProps({
         props: inProps,
         name: 'MuiContainer'
       });
@@ -28150,7 +28257,7 @@
     return defaultStyles;
   };
   function CssBaseline(inProps) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiCssBaseline'
     });
@@ -28279,7 +28386,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 +28840,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 +29133,7 @@
     });
   });
   var DialogActions = /*#__PURE__*/React__namespace.forwardRef(function DialogActions(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiDialogActions'
     });
@@ -29118,7 +29225,7 @@
     }));
   });
   var DialogContent = /*#__PURE__*/React__namespace.forwardRef(function DialogContent(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiDialogContent'
     });
@@ -29190,7 +29297,7 @@
     }
   })({});
   var DialogContentText = /*#__PURE__*/React__namespace.forwardRef(function DialogContentText(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiDialogContentText'
     });
@@ -29251,7 +29358,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 +29538,7 @@
     });
   });
   var Divider = /*#__PURE__*/React__namespace.forwardRef(function Divider(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiDivider'
     });
@@ -29978,7 +30085,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 +30385,7 @@
     });
   });
   var Fab = /*#__PURE__*/React__namespace.forwardRef(function Fab(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiFab'
     });
@@ -30549,7 +30656,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 +30976,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 +31207,7 @@
       }
     }),
     useThemeProps: function useThemeProps(inProps) {
-      return useThemeProps$b({
+      return useDefaultProps({
         props: inProps,
         name: 'MuiStack'
       });
@@ -31229,7 +31336,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 +31529,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 +31634,7 @@
     });
   });
   var FormHelperText = /*#__PURE__*/React__namespace.forwardRef(function FormHelperText(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiFormHelperText'
     });
@@ -31691,7 +31798,7 @@
     });
   });
   var FormLabel = /*#__PURE__*/React__namespace.forwardRef(function FormLabel(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiFormLabel'
     });
@@ -32147,7 +32254,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 +32472,7 @@
     }),
     componentName: 'MuiGrid2',
     useThemeProps: function useThemeProps(inProps) {
-      return useThemeProps$b({
+      return useDefaultProps({
         props: inProps,
         name: 'MuiGrid2'
       });
@@ -32684,7 +32791,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 +33324,7 @@
     };
   });
   var Icon = /*#__PURE__*/React__namespace.forwardRef(function Icon(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiIcon'
     });
@@ -33342,7 +33449,7 @@
     });
   });
   var ImageList = /*#__PURE__*/React__namespace.forwardRef(function ImageList(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiImageList'
     });
@@ -33503,7 +33610,7 @@
     })));
   });
   var ImageListItem = /*#__PURE__*/React__namespace.forwardRef(function ImageListItem(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiImageListItem'
     });
@@ -33731,7 +33838,7 @@
     });
   });
   var ImageListItemBar = /*#__PURE__*/React__namespace.forwardRef(function ImageListItemBar(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiImageListItemBar'
     });
@@ -33905,7 +34012,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 +34300,7 @@
     });
   });
   var InputAdornment = /*#__PURE__*/React__namespace.forwardRef(function InputAdornment(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiInputAdornment'
     });
@@ -34393,7 +34500,7 @@
     }));
   });
   var InputLabel = /*#__PURE__*/React__namespace.forwardRef(function InputLabel(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       name: 'MuiInputLabel',
       props: inProps
     });
@@ -34665,7 +34772,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 +34979,7 @@
     }));
   });
   var Link = /*#__PURE__*/React__namespace.forwardRef(function Link(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiLink'
     });
@@ -35043,7 +35150,7 @@
     });
   });
   var List = /*#__PURE__*/React__namespace.forwardRef(function List(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiList'
     });
@@ -35216,7 +35323,7 @@
     });
   });
   var ListItemButton = /*#__PURE__*/React__namespace.forwardRef(function ListItemButton(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiListItemButton'
     });
@@ -35399,7 +35506,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 +35651,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 +35985,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 +36064,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 +36147,7 @@
     });
   });
   var ListItemText = /*#__PURE__*/React__namespace.forwardRef(function ListItemText(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiListItemText'
     });
@@ -36496,7 +36603,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 +37120,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 +37464,7 @@
     })));
   });
   var MenuItem = /*#__PURE__*/React__namespace.forwardRef(function MenuItem(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiMenuItem'
     });
@@ -37599,7 +37706,7 @@
     });
   });
   var MobileStepper = /*#__PURE__*/React__namespace.forwardRef(function MobileStepper(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiMobileStepper'
     });
@@ -37916,7 +38023,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 +38348,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 +38898,7 @@
     });
   });
   var PaginationItem = /*#__PURE__*/React__namespace.forwardRef(function PaginationItem(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiPaginationItem'
     });
@@ -38994,7 +39101,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 +39456,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 +39959,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 +40400,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 +41122,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 +41445,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 +41587,6 @@
     value: PropTypes.node
   } ;
 
-  var useThemeProps$1 = createUseThemeProps();
   function Identity(x) {
     return x;
   }
@@ -42007,7 +42113,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 +42690,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 +42812,7 @@
     })));
   });
   var Snackbar = /*#__PURE__*/React__namespace.forwardRef(function Snackbar(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSnackbar'
     });
@@ -43241,7 +43347,7 @@
     });
   });
   var SpeedDial = /*#__PURE__*/React__namespace.forwardRef(function SpeedDial(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSpeedDial'
     });
@@ -43803,7 +43909,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 +44582,7 @@
     });
   });
   var SpeedDialAction = /*#__PURE__*/React__namespace.forwardRef(function SpeedDialAction(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSpeedDialAction'
     });
@@ -44670,7 +44776,7 @@
     }));
   });
   var SpeedDialIcon = /*#__PURE__*/React__namespace.forwardRef(function SpeedDialIcon(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSpeedDialIcon'
     });
@@ -44801,7 +44907,7 @@
     });
   });
   var Step = /*#__PURE__*/React__namespace.forwardRef(function Step(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStep'
     });
@@ -44992,7 +45098,7 @@
     };
   });
   var StepIcon = /*#__PURE__*/React__namespace.forwardRef(function StepIcon(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStepIcon'
     });
@@ -45191,7 +45297,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 +45461,7 @@
     }));
   });
   var StepButton = /*#__PURE__*/React__namespace.forwardRef(function StepButton(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStepButton'
     });
@@ -45489,7 +45595,7 @@
     });
   });
   var StepConnector = /*#__PURE__*/React__namespace.forwardRef(function StepConnector(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStepConnector'
     });
@@ -45586,7 +45692,7 @@
     }
   })({});
   var StepContent = /*#__PURE__*/React__namespace.forwardRef(function StepContent(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiStepContent'
     });
@@ -45719,7 +45825,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'
     });
@@ -45986,7 +46092,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
     });
@@ -46497,7 +46603,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,
@@ -46677,7 +46782,7 @@
     };
   });
   var Switch = /*#__PURE__*/React__namespace.forwardRef(function Switch(inProps, ref) {
-    var props = useThemeProps({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiSwitch'
     });
@@ -46902,7 +47007,7 @@
     });
   });
   var Tab = /*#__PURE__*/React__namespace.forwardRef(function Tab(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTab'
     });
@@ -47106,7 +47211,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'
     });
@@ -47227,7 +47332,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'
     });
@@ -47362,7 +47467,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'
     });
@@ -47501,7 +47606,7 @@
     overflowX: 'auto'
   });
   var TableContainer = /*#__PURE__*/React__namespace.forwardRef(function TableContainer(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiTableContainer'
     });
@@ -47576,7 +47681,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'
     });
@@ -47655,7 +47760,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'
     });
@@ -47751,7 +47856,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'
     });
@@ -48125,7 +48230,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'
     });
@@ -48481,7 +48586,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'
     });
@@ -48629,7 +48734,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'
     });
@@ -48840,7 +48945,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'
     });
@@ -49117,7 +49222,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'
     });
@@ -49828,7 +49933,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'
     });
@@ -50244,7 +50349,7 @@
     var resolvedProps = resolveProps(_extends({}, contextProps, {
       selected: isValueSelected(inProps.value, contextValue)
     }), inProps);
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: resolvedProps,
       name: 'MuiToggleButton'
     });
@@ -50448,7 +50553,7 @@
     }));
   });
   var ToggleButtonGroup = /*#__PURE__*/React__namespace.forwardRef(function ToggleButtonGroup(inProps, ref) {
-    var props = useThemeProps$b({
+    var props = useDefaultProps({
       props: inProps,
       name: 'MuiToggleButtonGroup'
     });
@@ -51119,7 +51224,7 @@
   exports.useStepContext = useStepContext;
   exports.useStepperContext = useStepperContext;
   exports.useTheme = useTheme;
-  exports.useThemeProps = useThemeProps$b;
+  exports.useThemeProps = useThemeProps;
   exports.withStyles = withStyles;
   exports.withTheme = withTheme;