@mui/material 7.0.0 → 7.0.2

package/modern/styles/createTypography.js

@@ -1,92 +0,0 @@
-import deepmerge from '@mui/utils/deepmerge';
-function round(value) {
-  return Math.round(value * 1e5) / 1e5;
-}
-const caseAllCaps = {
-  textTransform: 'uppercase'
-};
-const defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
-
-/**
- * @see @link{https://m2.material.io/design/typography/the-type-system.html}
- * @see @link{https://m2.material.io/design/typography/understanding-typography.html}
- */
-export default function createTypography(palette, typography) {
-  const {
-    fontFamily = defaultFontFamily,
-    // The default font size of the Material Specification.
-    fontSize = 14,
-    // px
-    fontWeightLight = 300,
-    fontWeightRegular = 400,
-    fontWeightMedium = 500,
-    fontWeightBold = 700,
-    // Tell MUI what's the font-size on the html element.
-    // 16px is the default font-size used by browsers.
-    htmlFontSize = 16,
-    // Apply the CSS properties to all the variants.
-    allVariants,
-    pxToRem: pxToRem2,
-    ...other
-  } = typeof typography === 'function' ? typography(palette) : typography;
-  if (process.env.NODE_ENV !== 'production') {
-    if (typeof fontSize !== 'number') {
-      console.error('MUI: `fontSize` is required to be a number.');
-    }
-    if (typeof htmlFontSize !== 'number') {
-      console.error('MUI: `htmlFontSize` is required to be a number.');
-    }
-  }
-  const coef = fontSize / 14;
-  const pxToRem = pxToRem2 || (size => `${size / htmlFontSize * coef}rem`);
-  const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => ({
-    fontFamily,
-    fontWeight,
-    fontSize: pxToRem(size),
-    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight,
-    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
-    // across font-families can cause issues with the kerning.
-    ...(fontFamily === defaultFontFamily ? {
-      letterSpacing: `${round(letterSpacing / size)}em`
-    } : {}),
-    ...casing,
-    ...allVariants
-  });
-  const variants = {
-    h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),
-    h2: buildVariant(fontWeightLight, 60, 1.2, -0.5),
-    h3: buildVariant(fontWeightRegular, 48, 1.167, 0),
-    h4: buildVariant(fontWeightRegular, 34, 1.235, 0.25),
-    h5: buildVariant(fontWeightRegular, 24, 1.334, 0),
-    h6: buildVariant(fontWeightMedium, 20, 1.6, 0.15),
-    subtitle1: buildVariant(fontWeightRegular, 16, 1.75, 0.15),
-    subtitle2: buildVariant(fontWeightMedium, 14, 1.57, 0.1),
-    body1: buildVariant(fontWeightRegular, 16, 1.5, 0.15),
-    body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),
-    button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),
-    caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
-    overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps),
-    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
-    inherit: {
-      fontFamily: 'inherit',
-      fontWeight: 'inherit',
-      fontSize: 'inherit',
-      lineHeight: 'inherit',
-      letterSpacing: 'inherit'
-    }
-  };
-  return deepmerge({
-    htmlFontSize,
-    pxToRem,
-    fontFamily,
-    fontSize,
-    fontWeightLight,
-    fontWeightRegular,
-    fontWeightMedium,
-    fontWeightBold,
-    ...variants
-  }, other, {
-    clone: false // No need to clone deep
-  });
-}

package/modern/styles/cssUtils.js

@@ -1,125 +0,0 @@
-export function isUnitless(value) {
-  return String(parseFloat(value)).length === String(value).length;
-}
-
-// Ported from Compass
-// https://github.com/Compass/compass/blob/master/core/stylesheets/compass/typography/_units.scss
-// Emulate the sass function "unit"
-export function getUnit(input) {
-  return String(input).match(/[\d.\-+]*\s*(.*)/)[1] || '';
-}
-
-// Emulate the sass function "unitless"
-export function toUnitless(length) {
-  return parseFloat(length);
-}
-
-// Convert any CSS <length> or <percentage> value to any another.
-// From https://github.com/KyleAMathews/convert-css-length
-export function convertLength(baseFontSize) {
-  return (length, toUnit) => {
-    const fromUnit = getUnit(length);
-
-    // Optimize for cases where `from` and `to` units are accidentally the same.
-    if (fromUnit === toUnit) {
-      return length;
-    }
-
-    // Convert input length to pixels.
-    let pxLength = toUnitless(length);
-    if (fromUnit !== 'px') {
-      if (fromUnit === 'em') {
-        pxLength = toUnitless(length) * toUnitless(baseFontSize);
-      } else if (fromUnit === 'rem') {
-        pxLength = toUnitless(length) * toUnitless(baseFontSize);
-      }
-    }
-
-    // Convert length in pixels to the output unit
-    let outputLength = pxLength;
-    if (toUnit !== 'px') {
-      if (toUnit === 'em') {
-        outputLength = pxLength / toUnitless(baseFontSize);
-      } else if (toUnit === 'rem') {
-        outputLength = pxLength / toUnitless(baseFontSize);
-      } else {
-        return length;
-      }
-    }
-    return parseFloat(outputLength.toFixed(5)) + toUnit;
-  };
-}
-export function alignProperty({
-  size,
-  grid
-}) {
-  const sizeBelow = size - size % grid;
-  const sizeAbove = sizeBelow + grid;
-  return size - sizeBelow < sizeAbove - size ? sizeBelow : sizeAbove;
-}
-
-// fontGrid finds a minimal grid (in rem) for the fontSize values so that the
-// lineHeight falls under a x pixels grid, 4px in the case of Material Design,
-// without changing the relative line height
-export function fontGrid({
-  lineHeight,
-  pixels,
-  htmlFontSize
-}) {
-  return pixels / (lineHeight * htmlFontSize);
-}
-
-/**
- * generate a responsive version of a given CSS property
- * @example
- * responsiveProperty({
- *   cssProperty: 'fontSize',
- *   min: 15,
- *   max: 20,
- *   unit: 'px',
- *   breakpoints: [300, 600],
- * })
- *
- * // this returns
- *
- * {
- *   fontSize: '15px',
- *   '@media (min-width:300px)': {
- *     fontSize: '17.5px',
- *   },
- *   '@media (min-width:600px)': {
- *     fontSize: '20px',
- *   },
- * }
- * @param {Object} params
- * @param {string} params.cssProperty - The CSS property to be made responsive
- * @param {number} params.min - The smallest value of the CSS property
- * @param {number} params.max - The largest value of the CSS property
- * @param {string} [params.unit] - The unit to be used for the CSS property
- * @param {Array.number} [params.breakpoints]  - An array of breakpoints
- * @param {number} [params.alignStep] - Round scaled value to fall under this grid
- * @returns {Object} responsive styles for {params.cssProperty}
- */
-export function responsiveProperty({
-  cssProperty,
-  min,
-  max,
-  unit = 'rem',
-  breakpoints = [600, 900, 1200],
-  transform = null
-}) {
-  const output = {
-    [cssProperty]: `${min}${unit}`
-  };
-  const factor = (max - min) / breakpoints[breakpoints.length - 1];
-  breakpoints.forEach(breakpoint => {
-    let value = min + factor * breakpoint;
-    if (transform !== null) {
-      value = transform(value);
-    }
-    output[`@media (min-width:${breakpoint}px)`] = {
-      [cssProperty]: `${Math.round(value * 10000) / 10000}${unit}`
-    };
-  });
-  return output;
-}

package/modern/styles/defaultTheme.js

@@ -1,5 +0,0 @@
-'use client';
-
-import createTheme from "./createTheme.js";
-const defaultTheme = createTheme();
-export default defaultTheme;

package/modern/styles/excludeVariablesFromRoot.js

@@ -1,5 +0,0 @@
-/**
- * @internal These variables should not appear in the :root stylesheet when the `defaultColorScheme="dark"`
- */
-const excludeVariablesFromRoot = cssVarPrefix => [...[...Array(25)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}overlays-${index}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkColor`];
-export default excludeVariablesFromRoot;

package/modern/styles/experimental_extendTheme.js

@@ -1,9 +0,0 @@
-import extendTheme from "./createThemeWithVars.js";
-let warnedOnce = false;
-export default function deprecatedExtendTheme(...args) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The `experimental_extendTheme` has been stabilized.', '', "You should use `import { extendTheme } from '@mui/material/styles'`"].join('\n'));
-    warnedOnce = true;
-  }
-  return extendTheme(...args);
-}

package/modern/styles/getOverlayAlpha.js

@@ -1,10 +0,0 @@
-// Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
-export default function getOverlayAlpha(elevation) {
-  let alphaValue;
-  if (elevation < 1) {
-    alphaValue = 5.11916 * elevation ** 2;
-  } else {
-    alphaValue = 4.5 * Math.log(elevation + 1) + 2;
-  }
-  return Math.round(alphaValue * 10) / 1000;
-}

package/modern/styles/identifier.js

@@ -1 +0,0 @@
-export default '$$material';

package/modern/styles/index.js

@@ -1,37 +0,0 @@
-import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
-export { default as THEME_ID } from "./identifier.js";
-export { default as adaptV4Theme } from "./adaptV4Theme.js";
-export { hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, css, keyframes } from '@mui/system';
-export { unstable_createBreakpoints } from '@mui/system/createBreakpoints';
-// 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.' : _formatErrorMessage(19));
-}
-export { default as createTheme } from "./createTheme.js";
-export { default as unstable_createMuiStrictModeTheme } from "./createMuiStrictModeTheme.js";
-export { default as createStyles } from "./createStyles.js";
-export { getUnit as unstable_getUnit, toUnitless as unstable_toUnitless } from "./cssUtils.js";
-export { default as responsiveFontSizes } from "./responsiveFontSizes.js";
-export { default as createTransitions, duration, easing } from "./createTransitions.js";
-export { default as createColorScheme } from "./createColorScheme.js";
-export { default as useTheme } from "./useTheme.js";
-export { default as useThemeProps } from "./useThemeProps.js";
-export { default as styled } from "./styled.js";
-export { default as ThemeProvider } from "./ThemeProvider.js";
-export { StyledEngineProvider } from '@mui/system';
-// The legacy utilities from @mui/styles
-// These are just empty functions that throws when invoked
-export { default as makeStyles } from "./makeStyles.js";
-export { default as withStyles } from "./withStyles.js";
-export { default as withTheme } from "./withTheme.js";
-export * from "./ThemeProviderWithVars.js";
-export { default as extendTheme } from "./createThemeWithVars.js";
-export { default as experimental_extendTheme } from "./experimental_extendTheme.js"; // TODO: Remove in v7
-export { default as getOverlayAlpha } from "./getOverlayAlpha.js";
-export { default as shouldSkipGeneratingVar } from "./shouldSkipGeneratingVar.js";
-
-// Private methods for creating parts of the theme
-export { default as private_createTypography } from "./createTypography.js";
-export { default as private_createMixins } from "./createMixins.js";
-export { default as private_excludeVariablesFromRoot } from "./excludeVariablesFromRoot.js";

package/modern/styles/makeStyles.js

@@ -1,4 +0,0 @@
-import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
-export default function makeStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: makeStyles is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : _formatErrorMessage(14));
-}

package/modern/styles/overrides.js

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

package/modern/styles/props.js

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

package/modern/styles/responsiveFontSizes.js

@@ -1,67 +0,0 @@
-import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
-import { isUnitless, convertLength, responsiveProperty, alignProperty, fontGrid } from "./cssUtils.js";
-export default function responsiveFontSizes(themeInput, options = {}) {
-  const {
-    breakpoints = ['sm', 'md', 'lg'],
-    disableAlign = false,
-    factor = 2,
-    variants = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'caption', 'button', 'overline']
-  } = options;
-  const theme = {
-    ...themeInput
-  };
-  theme.typography = {
-    ...theme.typography
-  };
-  const typography = theme.typography;
-
-  // Convert between CSS lengths e.g. em->px or px->rem
-  // Set the baseFontSize for your project. Defaults to 16px (also the browser default).
-  const convert = convertLength(typography.htmlFontSize);
-  const breakpointValues = breakpoints.map(x => theme.breakpoints.values[x]);
-  variants.forEach(variant => {
-    const style = typography[variant];
-    if (!style) {
-      return;
-    }
-    const remFontSize = parseFloat(convert(style.fontSize, 'rem'));
-    if (remFontSize <= 1) {
-      return;
-    }
-    const maxFontSize = remFontSize;
-    const minFontSize = 1 + (maxFontSize - 1) / factor;
-    let {
-      lineHeight
-    } = style;
-    if (!isUnitless(lineHeight) && !disableAlign) {
-      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: Unsupported non-unitless line height with grid alignment.\n' + 'Use unitless line heights instead.' : _formatErrorMessage(6));
-    }
-    if (!isUnitless(lineHeight)) {
-      // make it unitless
-      lineHeight = parseFloat(convert(lineHeight, 'rem')) / parseFloat(remFontSize);
-    }
-    let transform = null;
-    if (!disableAlign) {
-      transform = value => alignProperty({
-        size: value,
-        grid: fontGrid({
-          pixels: 4,
-          lineHeight,
-          htmlFontSize: typography.htmlFontSize
-        })
-      });
-    }
-    typography[variant] = {
-      ...style,
-      ...responsiveProperty({
-        cssProperty: 'fontSize',
-        min: minFontSize,
-        max: maxFontSize,
-        unit: 'rem',
-        breakpoints: breakpointValues,
-        transform
-      })
-    };
-  });
-  return theme;
-}

package/modern/styles/rootShouldForwardProp.js

@@ -1,3 +0,0 @@
-import slotShouldForwardProp from "./slotShouldForwardProp.js";
-const rootShouldForwardProp = prop => slotShouldForwardProp(prop) && prop !== 'classes';
-export default rootShouldForwardProp;

package/modern/styles/shadows.js

@@ -1,10 +0,0 @@
-const shadowKeyUmbraOpacity = 0.2;
-const shadowKeyPenumbraOpacity = 0.14;
-const shadowAmbientShadowOpacity = 0.12;
-function createShadow(...px) {
-  return [`${px[0]}px ${px[1]}px ${px[2]}px ${px[3]}px rgba(0,0,0,${shadowKeyUmbraOpacity})`, `${px[4]}px ${px[5]}px ${px[6]}px ${px[7]}px rgba(0,0,0,${shadowKeyPenumbraOpacity})`, `${px[8]}px ${px[9]}px ${px[10]}px ${px[11]}px rgba(0,0,0,${shadowAmbientShadowOpacity})`].join(',');
-}
-
-// Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
-const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
-export default shadows;

package/modern/styles/shouldSkipGeneratingVar.js

@@ -1,5 +0,0 @@
-export default function shouldSkipGeneratingVar(keys) {
-  return !!keys[0].match(/(cssVarPrefix|colorSchemeSelector|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
-  // ends with sxConfig
-  keys[0] === 'palette' && !!keys[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
-}

package/modern/styles/slotShouldForwardProp.js

@@ -1,5 +0,0 @@
-// copied from @mui/system/createStyled
-function slotShouldForwardProp(prop) {
-  return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
-}
-export default slotShouldForwardProp;

package/modern/styles/stringifyTheme.js

@@ -1,54 +0,0 @@
-/* eslint-disable import/prefer-default-export */
-import { isPlainObject } from '@mui/utils/deepmerge';
-function isSerializable(val) {
-  return isPlainObject(val) || typeof val === 'undefined' || typeof val === 'string' || typeof val === 'boolean' || typeof val === 'number' || Array.isArray(val);
-}
-
-/**
- * `baseTheme` usually comes from `createTheme()` or `extendTheme()`.
- *
- * This function is intended to be used with zero-runtime CSS-in-JS like Pigment CSS
- * For example, in a Next.js project:
- *
- * ```js
- * // next.config.js
- * const { extendTheme } = require('@mui/material/styles');
- *
- * const theme = extendTheme();
- * // `.toRuntimeSource` is Pigment CSS specific to create a theme that is available at runtime.
- * theme.toRuntimeSource = stringifyTheme;
- *
- * module.exports = withPigment({
- *  theme,
- * });
- * ```
- */
-export function stringifyTheme(baseTheme = {}) {
-  const serializableTheme = {
-    ...baseTheme
-  };
-  function serializeTheme(object) {
-    const array = Object.entries(object);
-    // eslint-disable-next-line no-plusplus
-    for (let index = 0; index < array.length; index++) {
-      const [key, value] = array[index];
-      if (!isSerializable(value) || key.startsWith('unstable_')) {
-        delete object[key];
-      } else if (isPlainObject(value)) {
-        object[key] = {
-          ...value
-        };
-        serializeTheme(object[key]);
-      }
-    }
-  }
-  serializeTheme(serializableTheme);
-  return `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
-
-const theme = ${JSON.stringify(serializableTheme, null, 2)};
-
-theme.breakpoints = createBreakpoints(theme.breakpoints || {});
-theme.transitions = createTransitions(theme.transitions || {});
-
-export default theme;`;
-}

package/modern/styles/styled.js

@@ -1,14 +0,0 @@
-'use client';
-
-import createStyled from '@mui/system/createStyled';
-import defaultTheme from "./defaultTheme.js";
-import THEME_ID from "./identifier.js";
-import rootShouldForwardProp from "./rootShouldForwardProp.js";
-export { default as slotShouldForwardProp } from "./slotShouldForwardProp.js";
-export { default as rootShouldForwardProp } from "./rootShouldForwardProp.js";
-const styled = createStyled({
-  themeId: THEME_ID,
-  defaultTheme,
-  rootShouldForwardProp
-});
-export default styled;

package/modern/styles/useTheme.js

@@ -1,15 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useTheme as useThemeSystem } from '@mui/system';
-import defaultTheme from "./defaultTheme.js";
-import THEME_ID from "./identifier.js";
-export default function useTheme() {
-  const theme = useThemeSystem(defaultTheme);
-  if (process.env.NODE_ENV !== 'production') {
-    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useDebugValue(theme);
-  }
-  return theme[THEME_ID] || theme;
-}

package/modern/styles/useThemeProps.js

@@ -1,16 +0,0 @@
-'use client';
-
-import systemUseThemeProps from '@mui/system/useThemeProps';
-import defaultTheme from "./defaultTheme.js";
-import THEME_ID from "./identifier.js";
-export default function useThemeProps({
-  props,
-  name
-}) {
-  return systemUseThemeProps({
-    props,
-    name,
-    defaultTheme,
-    themeId: THEME_ID
-  });
-}

package/modern/styles/variants.js

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

package/modern/styles/withStyles.js

@@ -1,4 +0,0 @@
-import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
-export default function withStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: withStyles is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : _formatErrorMessage(15));
-}

package/modern/styles/withTheme.js

@@ -1,4 +0,0 @@
-import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
-export default function withTheme() {
-  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: withTheme is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : _formatErrorMessage(16));
-}

package/modern/styles/zIndex.js

@@ -1,13 +0,0 @@
-// We need to centralize the zIndex definitions as they work
-// like global values in the browser.
-const zIndex = {
-  mobileStepper: 1000,
-  fab: 1050,
-  speedDial: 1050,
-  appBar: 1100,
-  drawer: 1200,
-  modal: 1300,
-  snackbar: 1400,
-  tooltip: 1500
-};
-export default zIndex;

package/modern/transitions/index.js

@@ -1 +0,0 @@
-export * from "./transition.js";

package/modern/transitions/transition.js

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

package/modern/transitions/utils.js

@@ -1,13 +0,0 @@
-export const reflow = node => node.scrollTop;
-export function getTransitionProps(props, options) {
-  const {
-    timeout,
-    easing,
-    style = {}
-  } = props;
-  return {
-    duration: style.transitionDuration ?? (typeof timeout === 'number' ? timeout : timeout[options.mode] || 0),
-    easing: style.transitionTimingFunction ?? (typeof easing === 'object' ? easing[options.mode] : easing),
-    delay: style.transitionDelay
-  };
-}

package/modern/types/OverridableComponentAugmentation.js

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

package/modern/useAutocomplete/index.js

@@ -1 +0,0 @@
-export { default, createFilterOptions } from "./useAutocomplete.js";