@mui/system 5.15.15 → 6.0.0-alpha.1

package/esm/Stack/createStack.js

@@ -1,173 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import deepmerge from '@mui/utils/deepmerge';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import composeClasses from '@mui/utils/composeClasses';
-import systemStyled from '../styled';
-import useThemePropsSystem from '../useThemeProps';
-import { extendSxProp } from '../styleFunctionSx';
-import createTheme from '../createTheme';
-import { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues } from '../breakpoints';
-import { createUnarySpacing, getValue } from '../spacing';
-import { jsx as _jsx } from "react/jsx-runtime";
-const defaultTheme = createTheme();
-// widening Theme to any so that the consumer can own the theme structure.
-const defaultCreateStyledComponent = systemStyled('div', {
-  name: 'MuiStack',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-});
-function useThemePropsDefault(props) {
-  return useThemePropsSystem({
-    props,
-    name: 'MuiStack',
-    defaultTheme
-  });
-}
-
-/**
- * Return an array with the separator React element interspersed between
- * each React node of the input children.
- *
- * > joinChildren([1,2,3], 0)
- * [1,0,2,0,3]
- */
-function joinChildren(children, separator) {
-  const childrenArray = React.Children.toArray(children).filter(Boolean);
-  return childrenArray.reduce((output, child, index) => {
-    output.push(child);
-    if (index < childrenArray.length - 1) {
-      output.push( /*#__PURE__*/React.cloneElement(separator, {
-        key: `separator-${index}`
-      }));
-    }
-    return output;
-  }, []);
-}
-const getSideFromDirection = direction => {
-  return {
-    row: 'Left',
-    'row-reverse': 'Right',
-    column: 'Top',
-    'column-reverse': 'Bottom'
-  }[direction];
-};
-export const style = ({
-  ownerState,
-  theme
-}) => {
-  let styles = _extends({
-    display: 'flex',
-    flexDirection: 'column'
-  }, handleBreakpoints({
-    theme
-  }, resolveBreakpointValues({
-    values: ownerState.direction,
-    breakpoints: theme.breakpoints.values
-  }), propValue => ({
-    flexDirection: propValue
-  })));
-  if (ownerState.spacing) {
-    const transformer = createUnarySpacing(theme);
-    const base = Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {
-      if (typeof ownerState.spacing === 'object' && ownerState.spacing[breakpoint] != null || typeof ownerState.direction === 'object' && ownerState.direction[breakpoint] != null) {
-        acc[breakpoint] = true;
-      }
-      return acc;
-    }, {});
-    const directionValues = resolveBreakpointValues({
-      values: ownerState.direction,
-      base
-    });
-    const spacingValues = resolveBreakpointValues({
-      values: ownerState.spacing,
-      base
-    });
-    if (typeof directionValues === 'object') {
-      Object.keys(directionValues).forEach((breakpoint, index, breakpoints) => {
-        const directionValue = directionValues[breakpoint];
-        if (!directionValue) {
-          const previousDirectionValue = index > 0 ? directionValues[breakpoints[index - 1]] : 'column';
-          directionValues[breakpoint] = previousDirectionValue;
-        }
-      });
-    }
-    const styleFromPropValue = (propValue, breakpoint) => {
-      if (ownerState.useFlexGap) {
-        return {
-          gap: getValue(transformer, propValue)
-        };
-      }
-      return {
-        // The useFlexGap={false} implement relies on each child to give up control of the margin.
-        // We need to reset the margin to avoid double spacing.
-        '& > :not(style):not(style)': {
-          margin: 0
-        },
-        '& > :not(style) ~ :not(style)': {
-          [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)
-        }
-      };
-    };
-    styles = deepmerge(styles, handleBreakpoints({
-      theme
-    }, spacingValues, styleFromPropValue));
-  }
-  styles = mergeBreakpointsInOrder(theme.breakpoints, styles);
-  return styles;
-};
-export default function createStack(options = {}) {
-  const {
-    // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent = defaultCreateStyledComponent,
-    useThemeProps = useThemePropsDefault,
-    componentName = 'MuiStack'
-  } = options;
-  const useUtilityClasses = () => {
-    const slots = {
-      root: ['root']
-    };
-    return composeClasses(slots, slot => generateUtilityClass(componentName, slot), {});
-  };
-  const StackRoot = createStyledComponent(style);
-  const Stack = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
-    const themeProps = useThemeProps(inProps);
-    const props = extendSxProp(themeProps); // `color` type conflicts with html color attribute.
-    const {
-        component = 'div',
-        direction = 'column',
-        spacing = 0,
-        divider,
-        children,
-        className,
-        useFlexGap = false
-      } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-    const ownerState = {
-      direction,
-      spacing,
-      useFlexGap
-    };
-    const classes = useUtilityClasses();
-    return /*#__PURE__*/_jsx(StackRoot, _extends({
-      as: component,
-      ownerState: ownerState,
-      ref: ref,
-      className: clsx(classes.root, className)
-    }, other, {
-      children: divider ? joinChildren(children, divider) : children
-    }));
-  });
-  process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
-    children: PropTypes.node,
-    direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
-    divider: PropTypes.node,
-    spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-  } : void 0;
-  return Stack;
-}

package/esm/Stack/index.js

@@ -1,7 +0,0 @@
-'use client';
-
-export { default } from './Stack';
-export { default as createStack } from './createStack';
-export * from './StackProps';
-export { default as stackClasses } from './stackClasses';
-export * from './stackClasses';

package/esm/Stack/stackClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getStackUtilityClass(slot) {
-  return generateUtilityClass('MuiStack', slot);
-}
-const stackClasses = generateUtilityClasses('MuiStack', ['root']);
-export default stackClasses;

package/esm/ThemeProvider/index.js

@@ -1,3 +0,0 @@
-'use client';
-
-export { default } from './ThemeProvider';

package/esm/Unstable_Grid/GridProps.js

@@ -1 +0,0 @@
-export {};

package/esm/Unstable_Grid/createGrid.js

@@ -1,171 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "children", "columns", "container", "component", "direction", "wrap", "spacing", "rowSpacing", "columnSpacing", "disableEqualOverflow", "unstable_level"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import isMuiElement from '@mui/utils/isMuiElement';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import composeClasses from '@mui/utils/composeClasses';
-import systemStyled from '../styled';
-import useThemePropsSystem from '../useThemeProps';
-import useTheme from '../useTheme';
-import { extendSxProp } from '../styleFunctionSx';
-import createTheme from '../createTheme';
-import { generateGridStyles, generateGridSizeStyles, generateGridColumnsStyles, generateGridColumnSpacingStyles, generateGridRowSpacingStyles, generateGridDirectionStyles, generateGridOffsetStyles, generateSizeClassNames, generateSpacingClassNames, generateDirectionClasses } from './gridGenerator';
-import { jsx as _jsx } from "react/jsx-runtime";
-const defaultTheme = createTheme();
-
-// widening Theme to any so that the consumer can own the theme structure.
-const defaultCreateStyledComponent = systemStyled('div', {
-  name: 'MuiGrid',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-});
-function useThemePropsDefault(props) {
-  return useThemePropsSystem({
-    props,
-    name: 'MuiGrid',
-    defaultTheme
-  });
-}
-export default function createGrid(options = {}) {
-  const {
-    // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent = defaultCreateStyledComponent,
-    useThemeProps = useThemePropsDefault,
-    componentName = 'MuiGrid'
-  } = options;
-  const GridOverflowContext = /*#__PURE__*/React.createContext(undefined);
-  if (process.env.NODE_ENV !== 'production') {
-    GridOverflowContext.displayName = 'GridOverflowContext';
-  }
-  const useUtilityClasses = (ownerState, theme) => {
-    const {
-      container,
-      direction,
-      spacing,
-      wrap,
-      gridSize
-    } = ownerState;
-    const slots = {
-      root: ['root', container && 'container', wrap !== 'wrap' && `wrap-xs-${String(wrap)}`, ...generateDirectionClasses(direction), ...generateSizeClassNames(gridSize), ...(container ? generateSpacingClassNames(spacing, theme.breakpoints.keys[0]) : [])]
-    };
-    return composeClasses(slots, slot => generateUtilityClass(componentName, slot), {});
-  };
-  const GridRoot = createStyledComponent(generateGridColumnsStyles, generateGridColumnSpacingStyles, generateGridRowSpacingStyles, generateGridSizeStyles, generateGridDirectionStyles, generateGridStyles, generateGridOffsetStyles);
-  const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
-    var _inProps$columns, _inProps$spacing, _ref, _inProps$rowSpacing, _ref2, _inProps$columnSpacin, _ref3, _disableEqualOverflow;
-    const theme = useTheme();
-    const themeProps = useThemeProps(inProps);
-    const props = extendSxProp(themeProps); // `color` type conflicts with html color attribute.
-    const overflow = React.useContext(GridOverflowContext);
-    const {
-        className,
-        children,
-        columns: columnsProp = 12,
-        container = false,
-        component = 'div',
-        direction = 'row',
-        wrap = 'wrap',
-        spacing: spacingProp = 0,
-        rowSpacing: rowSpacingProp = spacingProp,
-        columnSpacing: columnSpacingProp = spacingProp,
-        disableEqualOverflow: themeDisableEqualOverflow,
-        unstable_level: level = 0
-      } = props,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-    // Because `disableEqualOverflow` can be set from the theme's defaultProps, the **nested** grid should look at the instance props instead.
-    let disableEqualOverflow = themeDisableEqualOverflow;
-    if (level && themeDisableEqualOverflow !== undefined) {
-      disableEqualOverflow = inProps.disableEqualOverflow;
-    }
-    // collect breakpoints related props because they can be customized from the theme.
-    const gridSize = {};
-    const gridOffset = {};
-    const other = {};
-    Object.entries(rest).forEach(([key, val]) => {
-      if (theme.breakpoints.values[key] !== undefined) {
-        gridSize[key] = val;
-      } else if (theme.breakpoints.values[key.replace('Offset', '')] !== undefined) {
-        gridOffset[key.replace('Offset', '')] = val;
-      } else {
-        other[key] = val;
-      }
-    });
-    const columns = (_inProps$columns = inProps.columns) != null ? _inProps$columns : level ? undefined : columnsProp;
-    const spacing = (_inProps$spacing = inProps.spacing) != null ? _inProps$spacing : level ? undefined : spacingProp;
-    const rowSpacing = (_ref = (_inProps$rowSpacing = inProps.rowSpacing) != null ? _inProps$rowSpacing : inProps.spacing) != null ? _ref : level ? undefined : rowSpacingProp;
-    const columnSpacing = (_ref2 = (_inProps$columnSpacin = inProps.columnSpacing) != null ? _inProps$columnSpacin : inProps.spacing) != null ? _ref2 : level ? undefined : columnSpacingProp;
-    const ownerState = _extends({}, props, {
-      level,
-      columns,
-      container,
-      direction,
-      wrap,
-      spacing,
-      rowSpacing,
-      columnSpacing,
-      gridSize,
-      gridOffset,
-      disableEqualOverflow: (_ref3 = (_disableEqualOverflow = disableEqualOverflow) != null ? _disableEqualOverflow : overflow) != null ? _ref3 : false,
-      // use context value if exists.
-      parentDisableEqualOverflow: overflow // for nested grid
-    });
-    const classes = useUtilityClasses(ownerState, theme);
-    let result = /*#__PURE__*/_jsx(GridRoot, _extends({
-      ref: ref,
-      as: component,
-      ownerState: ownerState,
-      className: clsx(classes.root, className)
-    }, other, {
-      children: React.Children.map(children, child => {
-        if ( /*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
-          var _child$props$unstable;
-          return /*#__PURE__*/React.cloneElement(child, {
-            unstable_level: (_child$props$unstable = child.props.unstable_level) != null ? _child$props$unstable : level + 1
-          });
-        }
-        return child;
-      })
-    }));
-    if (disableEqualOverflow !== undefined && disableEqualOverflow !== (overflow != null ? overflow : false)) {
-      // There are 2 possibilities that should wrap with the GridOverflowContext to communicate with the nested grids:
-      // 1. It is the root grid with `disableEqualOverflow`.
-      // 2. It is a nested grid with different `disableEqualOverflow` from the context.
-      result = /*#__PURE__*/_jsx(GridOverflowContext.Provider, {
-        value: disableEqualOverflow,
-        children: result
-      });
-    }
-    return result;
-  });
-  process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
-    columnSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-    component: PropTypes.elementType,
-    container: PropTypes.bool,
-    direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
-    disableEqualOverflow: PropTypes.bool,
-    lg: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-    lgOffset: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    md: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-    mdOffset: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    rowSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-    sm: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-    smOffset: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap']),
-    xl: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-    xlOffset: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    xs: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-    xsOffset: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
-  } : void 0;
-
-  // @ts-ignore internal logic for nested grid
-  Grid.muiName = 'Grid';
-  return Grid;
-}

package/esm/Unstable_Grid/index.js

@@ -1,8 +0,0 @@
-'use client';
-
-export { default } from './Grid';
-export { default as createGrid } from './createGrid';
-export * from './GridProps';
-export { default as gridClasses } from './gridClasses';
-export * from './gridClasses';
-export { traverseBreakpoints as unstable_traverseBreakpoints } from './traverseBreakpoints';

package/esm/createTheme/createTheme.js

@@ -1,43 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["breakpoints", "palette", "spacing", "shape"];
-import deepmerge from '@mui/utils/deepmerge';
-import createBreakpoints from './createBreakpoints';
-import shape from './shape';
-import createSpacing from './createSpacing';
-import styleFunctionSx from '../styleFunctionSx/styleFunctionSx';
-import defaultSxConfig from '../styleFunctionSx/defaultSxConfig';
-import applyStyles from './applyStyles';
-function createTheme(options = {}, ...args) {
-  const {
-      breakpoints: breakpointsInput = {},
-      palette: paletteInput = {},
-      spacing: spacingInput,
-      shape: shapeInput = {}
-    } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded);
-  const breakpoints = createBreakpoints(breakpointsInput);
-  const spacing = createSpacing(spacingInput);
-  let muiTheme = deepmerge({
-    breakpoints,
-    direction: 'ltr',
-    components: {},
-    // Inject component definitions.
-    palette: _extends({
-      mode: 'light'
-    }, paletteInput),
-    spacing,
-    shape: _extends({}, shape, shapeInput)
-  }, other);
-  muiTheme.applyStyles = applyStyles;
-  muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
-  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;
-}
-export default createTheme;

package/esm/createTheme/index.js

@@ -1,3 +0,0 @@
-export { default } from './createTheme';
-export { default as private_createBreakpoints } from './createBreakpoints';
-export { default as unstable_applyStyles } from './applyStyles';

package/esm/createTheme/shape.js

@@ -1,4 +0,0 @@
-const shape = {
-  borderRadius: 4
-};
-export default shape;

package/esm/cssVars/createCssVarsTheme.js

@@ -1,16 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["cssVarPrefix", "shouldSkipGeneratingVar"];
-import prepareCssVars from './prepareCssVars';
-function createCssVarsTheme(theme) {
-  const {
-      cssVarPrefix,
-      shouldSkipGeneratingVar
-    } = theme,
-    otherTheme = _objectWithoutPropertiesLoose(theme, _excluded);
-  return _extends({}, theme, prepareCssVars(otherTheme, {
-    prefix: cssVarPrefix,
-    shouldSkipGeneratingVar
-  }));
-}
-export default createCssVarsTheme;

package/esm/cssVars/getInitColorSchemeScript.js

@@ -1,44 +0,0 @@
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const DEFAULT_MODE_STORAGE_KEY = 'mode';
-export const DEFAULT_COLOR_SCHEME_STORAGE_KEY = 'color-scheme';
-export const DEFAULT_ATTRIBUTE = 'data-color-scheme';
-export default function getInitColorSchemeScript(options) {
-  const {
-    defaultMode = 'light',
-    defaultLightColorScheme = 'light',
-    defaultDarkColorScheme = 'dark',
-    modeStorageKey = DEFAULT_MODE_STORAGE_KEY,
-    colorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,
-    attribute = DEFAULT_ATTRIBUTE,
-    colorSchemeNode = 'document.documentElement'
-  } = options || {};
-  return /*#__PURE__*/_jsx("script", {
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: `(function() {
-try {
-  var mode = localStorage.getItem('${modeStorageKey}') || '${defaultMode}';
-  var colorScheme = '';
-  if (mode === 'system') {
-    // handle system mode
-    var mql = window.matchMedia('(prefers-color-scheme: dark)');
-    if (mql.matches) {
-      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-    } else {
-      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-    }
-  }
-  if (mode === 'light') {
-    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-  }
-  if (mode === 'dark') {
-    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-  }
-  if (colorScheme) {
-    ${colorSchemeNode}.setAttribute('${attribute}', colorScheme);
-  }
-} catch(e){}})();`
-    }
-  }, "mui-color-scheme-init");
-}

package/esm/cssVars/index.js

@@ -1,6 +0,0 @@
-'use client';
-
-export { default } from './createCssVarsProvider';
-export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
-export { default as prepareCssVars } from './prepareCssVars';
-export { default as createCssVarsTheme } from './createCssVarsTheme';

package/esm/cssVars/prepareCssVars.js

@@ -1,73 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["colorSchemes", "components", "defaultColorScheme"];
-import deepmerge from '@mui/utils/deepmerge';
-import cssVarsParser from './cssVarsParser';
-function prepareCssVars(theme, parserConfig) {
-  // @ts-ignore - ignore components do not exist
-  const {
-      colorSchemes = {},
-      defaultColorScheme = 'light'
-    } = theme,
-    otherTheme = _objectWithoutPropertiesLoose(theme, _excluded);
-  const {
-    vars: rootVars,
-    css: rootCss,
-    varsWithDefaults: rootVarsWithDefaults
-  } = cssVarsParser(otherTheme, parserConfig);
-  let themeVars = rootVarsWithDefaults;
-  const colorSchemesMap = {};
-  const {
-      [defaultColorScheme]: light
-    } = colorSchemes,
-    otherColorSchemes = _objectWithoutPropertiesLoose(colorSchemes, [defaultColorScheme].map(_toPropertyKey));
-  Object.entries(otherColorSchemes || {}).forEach(([key, scheme]) => {
-    const {
-      vars,
-      css,
-      varsWithDefaults
-    } = cssVarsParser(scheme, parserConfig);
-    themeVars = deepmerge(themeVars, varsWithDefaults);
-    colorSchemesMap[key] = {
-      css,
-      vars
-    };
-  });
-  if (light) {
-    // default color scheme vars should be merged last to set as default
-    const {
-      css,
-      vars,
-      varsWithDefaults
-    } = cssVarsParser(light, parserConfig);
-    themeVars = deepmerge(themeVars, varsWithDefaults);
-    colorSchemesMap[defaultColorScheme] = {
-      css,
-      vars
-    };
-  }
-  const generateCssVars = colorScheme => {
-    var _parserConfig$getSele2;
-    if (!colorScheme) {
-      var _parserConfig$getSele;
-      const css = _extends({}, rootCss);
-      return {
-        css,
-        vars: rootVars,
-        selector: (parserConfig == null || (_parserConfig$getSele = parserConfig.getSelector) == null ? void 0 : _parserConfig$getSele.call(parserConfig, colorScheme, css)) || ':root'
-      };
-    }
-    const css = _extends({}, colorSchemesMap[colorScheme].css);
-    return {
-      css,
-      vars: colorSchemesMap[colorScheme].vars,
-      selector: (parserConfig == null || (_parserConfig$getSele2 = parserConfig.getSelector) == null ? void 0 : _parserConfig$getSele2.call(parserConfig, colorScheme, css)) || ':root'
-    };
-  };
-  return {
-    vars: themeVars,
-    generateCssVars
-  };
-}
-export default prepareCssVars;

package/esm/index.js

@@ -1,65 +0,0 @@
-import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
-export { css, keyframes, StyledEngineProvider } from '@mui/styled-engine';
-export { default as GlobalStyles } from './GlobalStyles';
-export { default as borders } from './borders';
-export * from './borders';
-export { default as breakpoints } from './breakpoints';
-export { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues as unstable_resolveBreakpointValues } from './breakpoints';
-export { default as compose } from './compose';
-export { default as display } from './display';
-export { default as flexbox } from './flexbox';
-export * from './flexbox';
-export { default as grid } from './cssGrid';
-export * from './cssGrid';
-export { default as palette } from './palette';
-export * from './palette';
-export { default as positions } from './positions';
-export * from './positions';
-export { default as shadows } from './shadows';
-export { default as sizing } from './sizing';
-export * from './sizing';
-export { default as spacing } from './spacing';
-export * from './spacing';
-export { default as style, getPath, getStyleValue } from './style';
-export { default as typography } from './typography';
-export * from './typography';
-export { default as unstable_styleFunctionSx, unstable_createStyleFunctionSx, extendSxProp as unstable_extendSxProp, unstable_defaultSxConfig } from './styleFunctionSx';
-// TODO: Remove this function in v6
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export function experimental_sx() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`experimental_sx\` has been moved to \`theme.unstable_sx\`.For more details, see https://github.com/mui/material-ui/pull/35150.` : _formatMuiErrorMessage(20));
-}
-export { default as unstable_getThemeValue } from './getThemeValue';
-export { default as Box } from './Box';
-export { default as createBox } from './createBox';
-export { default as createStyled } from './createStyled';
-export * from './createStyled';
-export { default as styled } from './styled';
-export { default as createTheme } from './createTheme';
-export { default as createBreakpoints } from './createTheme/createBreakpoints';
-export { default as createSpacing } from './createTheme/createSpacing';
-export { default as shape } from './createTheme/shape';
-export { default as useThemeProps, getThemeProps } from './useThemeProps';
-export { default as useTheme } from './useTheme';
-export { default as useThemeWithoutDefault } from './useThemeWithoutDefault';
-export { default as useMediaQuery } from './useMediaQuery';
-export * from './colorManipulator';
-export { default as ThemeProvider } from './ThemeProvider';
-export { default as unstable_createCssVarsProvider } from './cssVars/createCssVarsProvider';
-export { default as unstable_createGetCssVar } from './cssVars/createGetCssVar';
-export { default as unstable_cssVarsParser } from './cssVars/cssVarsParser';
-export { default as unstable_prepareCssVars } from './cssVars/prepareCssVars';
-export { default as unstable_createCssVarsTheme } from './cssVars/createCssVarsTheme';
-export { default as responsivePropType } from './responsivePropType';
-export { default as RtlProvider } from './RtlProvider';
-export * from './RtlProvider';
-
-/** ----------------- */
-/** Layout components */
-export { default as createContainer } from './Container/createContainer';
-export { default as Container } from './Container';
-export * from './Container';
-export { default as Unstable_Grid } from './Unstable_Grid/Grid';
-export * from './Unstable_Grid';
-export { default as Stack } from './Stack/Stack';
-export * from './Stack';