@mui/material 6.0.0-alpha.2 → 6.0.0-alpha.4

package/legacy/styles/CssVarsProvider.js

@@ -1,39 +0,0 @@
-'use client';
-
-// do not remove the following import (https://github.com/microsoft/TypeScript/issues/29808#issuecomment-1320713018)
-/* eslint-disable @typescript-eslint/no-unused-vars */
-// @ts-ignore
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { unstable_createCssVarsProvider as createCssVarsProvider } from '@mui/system';
-import styleFunctionSx from '@mui/system/styleFunctionSx';
-import experimental_extendTheme from './experimental_extendTheme';
-import createTypography from './createTypography';
-import THEME_ID from './identifier';
-var defaultTheme = experimental_extendTheme();
-var _createCssVarsProvide = createCssVarsProvider({
-    themeId: THEME_ID,
-    theme: defaultTheme,
-    attribute: 'data-mui-color-scheme',
-    modeStorageKey: 'mui-mode',
-    colorSchemeStorageKey: 'mui-color-scheme',
-    defaultColorScheme: {
-      light: 'light',
-      dark: 'dark'
-    },
-    resolveTheme: function resolveTheme(theme) {
-      var newTheme = _extends({}, theme, {
-        typography: createTypography(theme.palette, theme.typography)
-      });
-      newTheme.unstable_sx = function sx(props) {
-        return styleFunctionSx({
-          sx: props,
-          theme: this
-        });
-      };
-      return newTheme;
-    }
-  }),
-  CssVarsProvider = _createCssVarsProvide.CssVarsProvider,
-  useColorScheme = _createCssVarsProvide.useColorScheme,
-  getInitColorSchemeScript = _createCssVarsProvide.getInitColorSchemeScript;
-export { useColorScheme, getInitColorSchemeScript, CssVarsProvider as Experimental_CssVarsProvider };

package/legacy/styles/ThemeProvider.js

@@ -1,28 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { ThemeProvider as SystemThemeProvider } from '@mui/system';
-import THEME_ID from './identifier';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ThemeProvider(_ref) {
-  var themeInput = _ref.theme,
-    props = _objectWithoutProperties(_ref, ["theme"]);
-  var scopedTheme = themeInput[THEME_ID];
-  return /*#__PURE__*/_jsx(SystemThemeProvider, _extends({}, props, {
-    themeId: scopedTheme ? THEME_ID : undefined,
-    theme: scopedTheme || themeInput
-  }));
-}
-process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
-} : void 0;

package/legacy/styles/adaptV4Theme.js

@@ -1,81 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import { createBreakpoints, createSpacing } from '@mui/system';
-export default function adaptV4Theme(inputTheme) {
-  if (process.env.NODE_ENV !== 'production') {
-    console.warn(['MUI: adaptV4Theme() is deprecated.', 'Follow the upgrade guide on https://mui.com/r/migration-v4#theme.'].join('\n'));
-  }
-  var _inputTheme$defaultPr = inputTheme.defaultProps,
-    defaultProps = _inputTheme$defaultPr === void 0 ? {} : _inputTheme$defaultPr,
-    _inputTheme$mixins = inputTheme.mixins,
-    mixins = _inputTheme$mixins === void 0 ? {} : _inputTheme$mixins,
-    _inputTheme$overrides = inputTheme.overrides,
-    overrides = _inputTheme$overrides === void 0 ? {} : _inputTheme$overrides,
-    _inputTheme$palette = inputTheme.palette,
-    palette = _inputTheme$palette === void 0 ? {} : _inputTheme$palette,
-    _inputTheme$props = inputTheme.props,
-    props = _inputTheme$props === void 0 ? {} : _inputTheme$props,
-    _inputTheme$styleOver = inputTheme.styleOverrides,
-    styleOverrides = _inputTheme$styleOver === void 0 ? {} : _inputTheme$styleOver,
-    other = _objectWithoutProperties(inputTheme, ["defaultProps", "mixins", "overrides", "palette", "props", "styleOverrides"]);
-  var theme = _extends({}, other, {
-    components: {}
-  });
-
-  // default props
-  Object.keys(defaultProps).forEach(function (component) {
-    var componentValue = theme.components[component] || {};
-    componentValue.defaultProps = defaultProps[component];
-    theme.components[component] = componentValue;
-  });
-  Object.keys(props).forEach(function (component) {
-    var componentValue = theme.components[component] || {};
-    componentValue.defaultProps = props[component];
-    theme.components[component] = componentValue;
-  });
-
-  // CSS overrides
-  Object.keys(styleOverrides).forEach(function (component) {
-    var componentValue = theme.components[component] || {};
-    componentValue.styleOverrides = styleOverrides[component];
-    theme.components[component] = componentValue;
-  });
-  Object.keys(overrides).forEach(function (component) {
-    var componentValue = theme.components[component] || {};
-    componentValue.styleOverrides = overrides[component];
-    theme.components[component] = componentValue;
-  });
-
-  // theme.spacing
-  theme.spacing = createSpacing(inputTheme.spacing);
-
-  // theme.mixins.gutters
-  var breakpoints = createBreakpoints(inputTheme.breakpoints || {});
-  var spacing = theme.spacing;
-  theme.mixins = _extends({
-    gutters: function gutters() {
-      var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return _extends({
-        paddingLeft: spacing(2),
-        paddingRight: spacing(2)
-      }, styles, _defineProperty({}, breakpoints.up('sm'), _extends({
-        paddingLeft: spacing(3),
-        paddingRight: spacing(3)
-      }, styles[breakpoints.up('sm')])));
-    }
-  }, mixins);
-  var typeInput = palette.type,
-    modeInput = palette.mode,
-    paletteRest = _objectWithoutProperties(palette, ["type", "mode"]);
-  var finalMode = modeInput || typeInput || 'light';
-  theme.palette = _extends({
-    // theme.palette.text.hint
-    text: {
-      hint: finalMode === 'dark' ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.38)'
-    },
-    mode: finalMode,
-    type: finalMode
-  }, paletteRest);
-  return theme;
-}

package/legacy/styles/createGetSelector.js

@@ -1,21 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import excludeVariablesFromRoot from './excludeVariablesFromRoot';
-export default (function (theme) {
-  return function (colorScheme, css) {
-    if (theme.defaultColorScheme === colorScheme) {
-      if (colorScheme === 'dark') {
-        var excludedVariables = {};
-        excludeVariablesFromRoot(theme.cssVarPrefix).forEach(function (cssVar) {
-          excludedVariables[cssVar] = css[cssVar];
-          delete css[cssVar];
-        });
-        return _defineProperty(_defineProperty({}, "[".concat(theme.attribute, "=\"").concat(String(colorScheme), "\"]"), excludedVariables), theme.colorSchemeSelector, css);
-      }
-      return "".concat(theme.colorSchemeSelector, ", [").concat(theme.attribute, "=\"").concat(String(colorScheme), "\"]");
-    }
-    if (colorScheme) {
-      return "[".concat(theme.attribute, "=\"").concat(String(colorScheme), "\"]");
-    }
-    return theme.colorSchemeSelector;
-  };
-});

package/legacy/styles/createMixins.js

@@ -1,15 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-export default function createMixins(breakpoints, mixins) {
-  return _extends({
-    toolbar: _defineProperty(_defineProperty({
-      minHeight: 56
-    }, breakpoints.up('xs'), {
-      '@media (orientation: landscape)': {
-        minHeight: 48
-      }
-    }), breakpoints.up('sm'), {
-      minHeight: 64
-    })
-  }, mixins);
-}

package/legacy/styles/createMuiStrictModeTheme.js

@@ -1,10 +0,0 @@
-import deepmerge from '@mui/utils/deepmerge';
-import createTheme from './createTheme';
-export default function createMuiStrictModeTheme(options) {
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
-  return createTheme.apply(void 0, [deepmerge({
-    unstable_strictMode: true
-  }, options)].concat(args));
-}

package/legacy/styles/createPalette.js

@@ -1,299 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
-import deepmerge from '@mui/utils/deepmerge';
-import { darken, getContrastRatio, lighten } from '@mui/system/colorManipulator';
-import common from '../colors/common';
-import grey from '../colors/grey';
-import purple from '../colors/purple';
-import red from '../colors/red';
-import orange from '../colors/orange';
-import blue from '../colors/blue';
-import lightBlue from '../colors/lightBlue';
-import green from '../colors/green';
-export var light = {
-  // The colors used to style the text.
-  text: {
-    // The most important text.
-    primary: 'rgba(0, 0, 0, 0.87)',
-    // Secondary text.
-    secondary: 'rgba(0, 0, 0, 0.6)',
-    // Disabled text have even lower visual prominence.
-    disabled: 'rgba(0, 0, 0, 0.38)'
-  },
-  // The color used to divide different elements.
-  divider: 'rgba(0, 0, 0, 0.12)',
-  // The background colors used to style the surfaces.
-  // Consistency between these values is important.
-  background: {
-    paper: common.white,
-    default: common.white
-  },
-  // The colors used to style the action elements.
-  action: {
-    // The color of an active action like an icon button.
-    active: 'rgba(0, 0, 0, 0.54)',
-    // The color of an hovered action.
-    hover: 'rgba(0, 0, 0, 0.04)',
-    hoverOpacity: 0.04,
-    // The color of a selected action.
-    selected: 'rgba(0, 0, 0, 0.08)',
-    selectedOpacity: 0.08,
-    // The color of a disabled action.
-    disabled: 'rgba(0, 0, 0, 0.26)',
-    // The background color of a disabled action.
-    disabledBackground: 'rgba(0, 0, 0, 0.12)',
-    disabledOpacity: 0.38,
-    focus: 'rgba(0, 0, 0, 0.12)',
-    focusOpacity: 0.12,
-    activatedOpacity: 0.12
-  }
-};
-export var dark = {
-  text: {
-    primary: common.white,
-    secondary: 'rgba(255, 255, 255, 0.7)',
-    disabled: 'rgba(255, 255, 255, 0.5)',
-    icon: 'rgba(255, 255, 255, 0.5)'
-  },
-  divider: 'rgba(255, 255, 255, 0.12)',
-  background: {
-    paper: '#121212',
-    default: '#121212'
-  },
-  action: {
-    active: common.white,
-    hover: 'rgba(255, 255, 255, 0.08)',
-    hoverOpacity: 0.08,
-    selected: 'rgba(255, 255, 255, 0.16)',
-    selectedOpacity: 0.16,
-    disabled: 'rgba(255, 255, 255, 0.3)',
-    disabledBackground: 'rgba(255, 255, 255, 0.12)',
-    disabledOpacity: 0.38,
-    focus: 'rgba(255, 255, 255, 0.12)',
-    focusOpacity: 0.12,
-    activatedOpacity: 0.24
-  }
-};
-function addLightOrDark(intent, direction, shade, tonalOffset) {
-  var tonalOffsetLight = tonalOffset.light || tonalOffset;
-  var tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;
-  if (!intent[direction]) {
-    if (intent.hasOwnProperty(shade)) {
-      intent[direction] = intent[shade];
-    } else if (direction === 'light') {
-      intent.light = lighten(intent.main, tonalOffsetLight);
-    } else if (direction === 'dark') {
-      intent.dark = darken(intent.main, tonalOffsetDark);
-    }
-  }
-}
-function getDefaultPrimary() {
-  var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-  if (mode === 'dark') {
-    return {
-      main: blue[200],
-      light: blue[50],
-      dark: blue[400]
-    };
-  }
-  return {
-    main: blue[700],
-    light: blue[400],
-    dark: blue[800]
-  };
-}
-function getDefaultSecondary() {
-  var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-  if (mode === 'dark') {
-    return {
-      main: purple[200],
-      light: purple[50],
-      dark: purple[400]
-    };
-  }
-  return {
-    main: purple[500],
-    light: purple[300],
-    dark: purple[700]
-  };
-}
-function getDefaultError() {
-  var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-  if (mode === 'dark') {
-    return {
-      main: red[500],
-      light: red[300],
-      dark: red[700]
-    };
-  }
-  return {
-    main: red[700],
-    light: red[400],
-    dark: red[800]
-  };
-}
-function getDefaultInfo() {
-  var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-  if (mode === 'dark') {
-    return {
-      main: lightBlue[400],
-      light: lightBlue[300],
-      dark: lightBlue[700]
-    };
-  }
-  return {
-    main: lightBlue[700],
-    light: lightBlue[500],
-    dark: lightBlue[900]
-  };
-}
-function getDefaultSuccess() {
-  var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-  if (mode === 'dark') {
-    return {
-      main: green[400],
-      light: green[300],
-      dark: green[700]
-    };
-  }
-  return {
-    main: green[800],
-    light: green[500],
-    dark: green[900]
-  };
-}
-function getDefaultWarning() {
-  var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-  if (mode === 'dark') {
-    return {
-      main: orange[400],
-      light: orange[300],
-      dark: orange[700]
-    };
-  }
-  return {
-    main: '#ed6c02',
-    // closest to orange[800] that pass 3:1.
-    light: orange[500],
-    dark: orange[900]
-  };
-}
-export default function createPalette(palette) {
-  var _palette$mode = palette.mode,
-    mode = _palette$mode === void 0 ? 'light' : _palette$mode,
-    _palette$contrastThre = palette.contrastThreshold,
-    contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre,
-    _palette$tonalOffset = palette.tonalOffset,
-    tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
-    other = _objectWithoutProperties(palette, ["mode", "contrastThreshold", "tonalOffset"]);
-  var primary = palette.primary || getDefaultPrimary(mode);
-  var secondary = palette.secondary || getDefaultSecondary(mode);
-  var error = palette.error || getDefaultError(mode);
-  var info = palette.info || getDefaultInfo(mode);
-  var success = palette.success || getDefaultSuccess(mode);
-  var warning = palette.warning || getDefaultWarning(mode);
-
-  // Use the same logic as
-  // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59
-  // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54
-  function getContrastText(background) {
-    var contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
-    if (process.env.NODE_ENV !== 'production') {
-      var contrast = getContrastRatio(background, contrastText);
-      if (contrast < 3) {
-        console.error(["MUI: The contrast ratio of ".concat(contrast, ":1 for ").concat(contrastText, " on ").concat(background), 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
-      }
-    }
-    return contrastText;
-  }
-  var augmentColor = function augmentColor(_ref) {
-    var color = _ref.color,
-      name = _ref.name,
-      _ref$mainShade = _ref.mainShade,
-      mainShade = _ref$mainShade === void 0 ? 500 : _ref$mainShade,
-      _ref$lightShade = _ref.lightShade,
-      lightShade = _ref$lightShade === void 0 ? 300 : _ref$lightShade,
-      _ref$darkShade = _ref.darkShade,
-      darkShade = _ref$darkShade === void 0 ? 700 : _ref$darkShade;
-    color = _extends({}, color);
-    if (!color.main && color[mainShade]) {
-      color.main = color[mainShade];
-    }
-    if (!color.hasOwnProperty('main')) {
-      throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The color".concat(name ? " (".concat(name, ")") : '', " provided to augmentColor(color) is invalid.\nThe color object needs to have a `main` property or a `").concat(mainShade, "` property.") : _formatMuiErrorMessage(11, name ? " (".concat(name, ")") : '', mainShade));
-    }
-    if (typeof color.main !== 'string') {
-      throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The color".concat(name ? " (".concat(name, ")") : '', " provided to augmentColor(color) is invalid.\n`color.main` should be a string, but `").concat(JSON.stringify(color.main), "` was provided instead.\n\nDid you intend to use one of the following approaches?\n\nimport { green } from \"@mui/material/colors\";\n\nconst theme1 = createTheme({ palette: {\n  primary: green,\n} });\n\nconst theme2 = createTheme({ palette: {\n  primary: { main: green[500] },\n} });") : _formatMuiErrorMessage(12, name ? " (".concat(name, ")") : '', JSON.stringify(color.main)));
-    }
-    addLightOrDark(color, 'light', lightShade, tonalOffset);
-    addLightOrDark(color, 'dark', darkShade, tonalOffset);
-    if (!color.contrastText) {
-      color.contrastText = getContrastText(color.main);
-    }
-    return color;
-  };
-  var modes = {
-    dark: dark,
-    light: light
-  };
-  if (process.env.NODE_ENV !== 'production') {
-    if (!modes[mode]) {
-      console.error("MUI: The palette mode `".concat(mode, "` is not supported."));
-    }
-  }
-  var paletteOutput = deepmerge(_extends({
-    // A collection of common colors.
-    common: _extends({}, common),
-    // prevent mutable object.
-    // The palette mode, can be light or dark.
-    mode: mode,
-    // The colors used to represent primary interface elements for a user.
-    primary: augmentColor({
-      color: primary,
-      name: 'primary'
-    }),
-    // The colors used to represent secondary interface elements for a user.
-    secondary: augmentColor({
-      color: secondary,
-      name: 'secondary',
-      mainShade: 'A400',
-      lightShade: 'A200',
-      darkShade: 'A700'
-    }),
-    // The colors used to represent interface elements that the user should be made aware of.
-    error: augmentColor({
-      color: error,
-      name: 'error'
-    }),
-    // The colors used to represent potentially dangerous actions or important messages.
-    warning: augmentColor({
-      color: warning,
-      name: 'warning'
-    }),
-    // The colors used to present information to the user that is neutral and not necessarily important.
-    info: augmentColor({
-      color: info,
-      name: 'info'
-    }),
-    // The colors used to indicate the successful completion of an action that user triggered.
-    success: augmentColor({
-      color: success,
-      name: 'success'
-    }),
-    // The grey colors.
-    grey: grey,
-    // Used by `getContrastText()` to maximize the contrast between
-    // the background and the text.
-    contrastThreshold: contrastThreshold,
-    // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: getContrastText,
-    // Generate a rich color object.
-    augmentColor: augmentColor,
-    // Used by the functions below to shift a color's luminance by approximately
-    // two indexes within its tonal palette.
-    // E.g., shift from Red 500 to Red 300 or Red 700.
-    tonalOffset: tonalOffset
-  }, modes[mode]), other);
-  return paletteOutput;
-}

package/legacy/styles/createStyles.js

@@ -1,10 +0,0 @@
-var warnedOnce = false;
-
-// To remove in v6
-export default function createStyles(styles) {
-  if (!warnedOnce) {
-    console.warn(['MUI: createStyles from @mui/material/styles is deprecated.', 'Please use @mui/styles/createStyles'].join('\n'));
-    warnedOnce = true;
-  }
-  return styles;
-}

package/legacy/styles/createTheme.js

@@ -1,97 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
-import deepmerge from '@mui/utils/deepmerge';
-import styleFunctionSx, { unstable_defaultSxConfig as defaultSxConfig } from '@mui/system/styleFunctionSx';
-import systemCreateTheme from '@mui/system/createTheme';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import createMixins from './createMixins';
-import createPalette from './createPalette';
-import createTypography from './createTypography';
-import shadows from './shadows';
-import createTransitions from './createTransitions';
-import zIndex from './zIndex';
-function createTheme() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var breakpointsInput = options.breakpoints,
-    _options$mixins = options.mixins,
-    mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,
-    spacingInput = options.spacing,
-    _options$palette = options.palette,
-    paletteInput = _options$palette === void 0 ? {} : _options$palette,
-    _options$transitions = options.transitions,
-    transitionsInput = _options$transitions === void 0 ? {} : _options$transitions,
-    _options$typography = options.typography,
-    typographyInput = _options$typography === void 0 ? {} : _options$typography,
-    shapeInput = options.shape,
-    other = _objectWithoutProperties(options, ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"]);
-  if (options.vars) {
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : _formatMuiErrorMessage(18));
-  }
-  var palette = createPalette(paletteInput);
-  var systemTheme = systemCreateTheme(options);
-  var muiTheme = deepmerge(systemTheme, {
-    mixins: createMixins(systemTheme.breakpoints, mixinsInput),
-    palette: palette,
-    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: shadows.slice(),
-    typography: createTypography(palette, typographyInput),
-    transitions: createTransitions(transitionsInput),
-    zIndex: _extends({}, zIndex)
-  });
-  muiTheme = deepmerge(muiTheme, other);
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
-  muiTheme = args.reduce(function (acc, argument) {
-    return deepmerge(acc, argument);
-  }, muiTheme);
-  if (process.env.NODE_ENV !== 'production') {
-    // TODO v6: Refactor to use globalStateClassesMapping from @mui/utils once `readOnly` state class is used in Rating component.
-    var stateClasses = ['active', 'checked', 'completed', 'disabled', 'error', 'expanded', 'focused', 'focusVisible', 'required', 'selected'];
-    var traverse = function traverse(node, component) {
-      var key;
-
-      // eslint-disable-next-line guard-for-in, no-restricted-syntax
-      for (key in node) {
-        var child = node[key];
-        if (stateClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {
-          if (process.env.NODE_ENV !== 'production') {
-            var stateClass = generateUtilityClass('', key);
-            console.error(["MUI: The `".concat(component, "` component increases ") + "the CSS specificity of the `".concat(key, "` internal state."), 'You can not override it like this: ', JSON.stringify(node, null, 2), '', "Instead, you need to use the '&.".concat(stateClass, "' syntax:"), JSON.stringify({
-              root: _defineProperty({}, "&.".concat(stateClass), child)
-            }, null, 2), '', 'https://mui.com/r/state-classes-guide'].join('\n'));
-          }
-          // Remove the style to prevent global conflicts.
-          node[key] = {};
-        }
-      }
-    };
-    Object.keys(muiTheme.components).forEach(function (component) {
-      var styleOverrides = muiTheme.components[component].styleOverrides;
-      if (styleOverrides && component.indexOf('Mui') === 0) {
-        traverse(styleOverrides, component);
-      }
-    });
-  }
-  muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
-  muiTheme.unstable_sx = function sx(props) {
-    return styleFunctionSx({
-      sx: props,
-      theme: this
-    });
-  };
-  return muiTheme;
-}
-var warnedOnce = false;
-export function createMuiTheme() {
-  if (process.env.NODE_ENV !== 'production') {
-    if (!warnedOnce) {
-      warnedOnce = true;
-      console.error(['MUI: the createMuiTheme function was renamed to createTheme.', '', "You should use `import { createTheme } from '@mui/material/styles'`"].join('\n'));
-    }
-  }
-  return createTheme.apply(void 0, arguments);
-}
-export default createTheme;