@mui/material 6.0.0-alpha.1 → 6.0.0-alpha.11

package/legacy/styles/createTransitions.js

@@ -1,97 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
-// to learn the context in which each easing should be used.
-export var easing = {
-  // This is the most common easing curve.
-  easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
-  // Objects enter the screen at full velocity from off-screen and
-  // slowly decelerate to a resting point.
-  easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',
-  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
-  easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
-  // The sharp curve is used by objects that may return to the screen at any time.
-  sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'
-};
-
-// Follow https://m2.material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
-// to learn when use what timing
-export var duration = {
-  shortest: 150,
-  shorter: 200,
-  short: 250,
-  // most basic recommended timing
-  standard: 300,
-  // this is to be used in complex animations
-  complex: 375,
-  // recommended when something is entering screen
-  enteringScreen: 225,
-  // recommended when something is leaving screen
-  leavingScreen: 195
-};
-function formatMs(milliseconds) {
-  return "".concat(Math.round(milliseconds), "ms");
-}
-function getAutoHeightDuration(height) {
-  if (!height) {
-    return 0;
-  }
-  var constant = height / 36;
-
-  // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10
-  return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
-}
-export default function createTransitions(inputTransitions) {
-  var mergedEasing = _extends({}, easing, inputTransitions.easing);
-  var mergedDuration = _extends({}, duration, inputTransitions.duration);
-  var create = function create() {
-    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['all'];
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var _options$duration = options.duration,
-      durationOption = _options$duration === void 0 ? mergedDuration.standard : _options$duration,
-      _options$easing = options.easing,
-      easingOption = _options$easing === void 0 ? mergedEasing.easeInOut : _options$easing,
-      _options$delay = options.delay,
-      delay = _options$delay === void 0 ? 0 : _options$delay,
-      other = _objectWithoutProperties(options, ["duration", "easing", "delay"]);
-    if (process.env.NODE_ENV !== 'production') {
-      var isString = function isString(value) {
-        return typeof value === 'string';
-      };
-      // IE11 support, replace with Number.isNaN
-      // eslint-disable-next-line no-restricted-globals
-      var isNumber = function isNumber(value) {
-        return !isNaN(parseFloat(value));
-      };
-      if (!isString(props) && !Array.isArray(props)) {
-        console.error('MUI: Argument "props" must be a string or Array.');
-      }
-      if (!isNumber(durationOption) && !isString(durationOption)) {
-        console.error("MUI: Argument \"duration\" must be a number or a string but found ".concat(durationOption, "."));
-      }
-      if (!isString(easingOption)) {
-        console.error('MUI: Argument "easing" must be a string.');
-      }
-      if (!isNumber(delay) && !isString(delay)) {
-        console.error('MUI: Argument "delay" must be a number or a string.');
-      }
-      if (_typeof(options) !== 'object') {
-        console.error(['MUI: Secong argument of transition.create must be an object.', "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join('\n'));
-      }
-      if (Object.keys(other).length !== 0) {
-        console.error("MUI: Unrecognized argument(s) [".concat(Object.keys(other).join(','), "]."));
-      }
-    }
-    return (Array.isArray(props) ? props : [props]).map(function (animatedProp) {
-      return "".concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : formatMs(durationOption), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : formatMs(delay));
-    }).join(',');
-  };
-  return _extends({
-    getAutoHeightDuration: getAutoHeightDuration,
-    create: create
-  }, inputTransitions, {
-    easing: mergedEasing,
-    duration: mergedDuration
-  });
-}

package/legacy/styles/createTypography.js

@@ -1,93 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import deepmerge from '@mui/utils/deepmerge';
-function round(value) {
-  return Math.round(value * 1e5) / 1e5;
-}
-var caseAllCaps = {
-  textTransform: 'uppercase'
-};
-var 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) {
-  var _ref = typeof typography === 'function' ? typography(palette) : typography,
-    _ref$fontFamily = _ref.fontFamily,
-    fontFamily = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily,
-    _ref$fontSize = _ref.fontSize,
-    fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
-    _ref$fontWeightLight = _ref.fontWeightLight,
-    fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight,
-    _ref$fontWeightRegula = _ref.fontWeightRegular,
-    fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula,
-    _ref$fontWeightMedium = _ref.fontWeightMedium,
-    fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium,
-    _ref$fontWeightBold = _ref.fontWeightBold,
-    fontWeightBold = _ref$fontWeightBold === void 0 ? 700 : _ref$fontWeightBold,
-    _ref$htmlFontSize = _ref.htmlFontSize,
-    htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,
-    allVariants = _ref.allVariants,
-    pxToRem2 = _ref.pxToRem,
-    other = _objectWithoutProperties(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"]);
-  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.');
-    }
-  }
-  var coef = fontSize / 14;
-  var pxToRem = pxToRem2 || function (size) {
-    return "".concat(size / htmlFontSize * coef, "rem");
-  };
-  var buildVariant = function buildVariant(fontWeight, size, lineHeight, letterSpacing, casing) {
-    return _extends({
-      fontFamily: fontFamily,
-      fontWeight: fontWeight,
-      fontSize: pxToRem(size),
-      // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-      lineHeight: lineHeight
-    }, fontFamily === defaultFontFamily ? {
-      letterSpacing: "".concat(round(letterSpacing / size), "em")
-    } : {}, casing, allVariants);
-  };
-  var 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(_extends({
-    htmlFontSize: htmlFontSize,
-    pxToRem: pxToRem,
-    fontFamily: fontFamily,
-    fontSize: fontSize,
-    fontWeightLight: fontWeightLight,
-    fontWeightRegular: fontWeightRegular,
-    fontWeightMedium: fontWeightMedium,
-    fontWeightBold: fontWeightBold
-  }, variants), other, {
-    clone: false // No need to clone deep
-  });
-}

package/legacy/styles/cssUtils.js

@@ -1,122 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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 function (length, toUnit) {
-    var 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.
-    var 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
-    var 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(_ref) {
-  var size = _ref.size,
-    grid = _ref.grid;
-  var sizeBelow = size - size % grid;
-  var 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(_ref2) {
-  var lineHeight = _ref2.lineHeight,
-    pixels = _ref2.pixels,
-    htmlFontSize = _ref2.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(_ref3) {
-  var cssProperty = _ref3.cssProperty,
-    min = _ref3.min,
-    max = _ref3.max,
-    _ref3$unit = _ref3.unit,
-    unit = _ref3$unit === void 0 ? 'rem' : _ref3$unit,
-    _ref3$breakpoints = _ref3.breakpoints,
-    breakpoints = _ref3$breakpoints === void 0 ? [600, 900, 1200] : _ref3$breakpoints,
-    _ref3$transform = _ref3.transform,
-    transform = _ref3$transform === void 0 ? null : _ref3$transform;
-  var output = _defineProperty({}, cssProperty, "".concat(min).concat(unit));
-  var factor = (max - min) / breakpoints[breakpoints.length - 1];
-  breakpoints.forEach(function (breakpoint) {
-    var value = min + factor * breakpoint;
-    if (transform !== null) {
-      value = transform(value);
-    }
-    output["@media (min-width:".concat(breakpoint, "px)")] = _defineProperty({}, cssProperty, "".concat(Math.round(value * 10000) / 10000).concat(unit));
-  });
-  return output;
-}

package/legacy/styles/defaultTheme.js

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

package/legacy/styles/excludeVariablesFromRoot.js

@@ -1,10 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-/**
- * @internal These variables should not appear in the :root stylesheet when the `defaultMode="dark"`
- */
-var excludeVariablesFromRoot = function excludeVariablesFromRoot(cssVarPrefix) {
-  return [].concat(_toConsumableArray(_toConsumableArray(Array(24)).map(function (_, index) {
-    return "--".concat(cssVarPrefix ? "".concat(cssVarPrefix, "-") : '', "overlays-").concat(index + 1);
-  })), ["--".concat(cssVarPrefix ? "".concat(cssVarPrefix, "-") : '', "palette-AppBar-darkBg"), "--".concat(cssVarPrefix ? "".concat(cssVarPrefix, "-") : '', "palette-AppBar-darkColor")]);
-};
-export default excludeVariablesFromRoot;

package/legacy/styles/getOverlayAlpha.js

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

package/legacy/styles/identifier.js

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

package/legacy/styles/index.js

@@ -1,37 +0,0 @@
-'use client';
-
-import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
-export { default as THEME_ID } from './identifier';
-export { default as adaptV4Theme } from './adaptV4Theme';
-export { hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, css, keyframes } from '@mui/system';
-// 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 createTheme, createMuiTheme } from './createTheme';
-export { default as unstable_createMuiStrictModeTheme } from './createMuiStrictModeTheme';
-export { default as createStyles } from './createStyles';
-export { getUnit as unstable_getUnit, toUnitless as unstable_toUnitless } from './cssUtils';
-export { default as responsiveFontSizes } from './responsiveFontSizes';
-export { duration, easing } from './createTransitions';
-export { default as useTheme } from './useTheme';
-export { default as useThemeProps } from './useThemeProps';
-export { default as styled } from './styled';
-export { default as experimentalStyled } from './styled';
-export { default as ThemeProvider } from './ThemeProvider';
-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';
-export { default as withStyles } from './withStyles';
-export { default as withTheme } from './withTheme';
-export * from './CssVarsProvider';
-export { default as experimental_extendTheme } from './experimental_extendTheme';
-export { default as getOverlayAlpha } from './getOverlayAlpha';
-export { default as shouldSkipGeneratingVar } from './shouldSkipGeneratingVar';
-
-// Private methods for creating parts of the theme
-export { default as private_createTypography } from './createTypography';
-export { default as private_createMixins } from './createMixins';
-export { default as private_excludeVariablesFromRoot } from './excludeVariablesFromRoot';

package/legacy/styles/makeStyles.js

@@ -1,4 +0,0 @@
-import _formatMuiErrorMessage 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.\nYou have to import it from @mui/styles.\nSee https://mui.com/r/migration-v4/#mui-material-styles for more details." : _formatMuiErrorMessage(14));
-}

package/legacy/styles/responsiveFontSizes.js

@@ -1,63 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
-import { isUnitless, convertLength, responsiveProperty, alignProperty, fontGrid } from './cssUtils';
-export default function responsiveFontSizes(themeInput) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _options$breakpoints = options.breakpoints,
-    breakpoints = _options$breakpoints === void 0 ? ['sm', 'md', 'lg'] : _options$breakpoints,
-    _options$disableAlign = options.disableAlign,
-    disableAlign = _options$disableAlign === void 0 ? false : _options$disableAlign,
-    _options$factor = options.factor,
-    factor = _options$factor === void 0 ? 2 : _options$factor,
-    _options$variants = options.variants,
-    variants = _options$variants === void 0 ? ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'caption', 'button', 'overline'] : _options$variants;
-  var theme = _extends({}, themeInput);
-  theme.typography = _extends({}, theme.typography);
-  var 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).
-  var convert = convertLength(typography.htmlFontSize);
-  var breakpointValues = breakpoints.map(function (x) {
-    return theme.breakpoints.values[x];
-  });
-  variants.forEach(function (variant) {
-    var style = typography[variant];
-    var remFontSize = parseFloat(convert(style.fontSize, 'rem'));
-    if (remFontSize <= 1) {
-      return;
-    }
-    var maxFontSize = remFontSize;
-    var minFontSize = 1 + (maxFontSize - 1) / factor;
-    var lineHeight = style.lineHeight;
-    if (!isUnitless(lineHeight) && !disableAlign) {
-      throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Unsupported non-unitless line height with grid alignment.\nUse unitless line heights instead." : _formatMuiErrorMessage(6));
-    }
-    if (!isUnitless(lineHeight)) {
-      // make it unitless
-      lineHeight = parseFloat(convert(lineHeight, 'rem')) / parseFloat(remFontSize);
-    }
-    var transform = null;
-    if (!disableAlign) {
-      transform = function transform(value) {
-        return alignProperty({
-          size: value,
-          grid: fontGrid({
-            pixels: 4,
-            lineHeight: lineHeight,
-            htmlFontSize: typography.htmlFontSize
-          })
-        });
-      };
-    }
-    typography[variant] = _extends({}, style, responsiveProperty({
-      cssProperty: 'fontSize',
-      min: minFontSize,
-      max: maxFontSize,
-      unit: 'rem',
-      breakpoints: breakpointValues,
-      transform: transform
-    }));
-  });
-  return theme;
-}

package/legacy/styles/rootShouldForwardProp.js

@@ -1,5 +0,0 @@
-import slotShouldForwardProp from './slotShouldForwardProp';
-var rootShouldForwardProp = function rootShouldForwardProp(prop) {
-  return slotShouldForwardProp(prop) && prop !== 'classes';
-};
-export default rootShouldForwardProp;

package/legacy/styles/shadows.js

@@ -1,10 +0,0 @@
-var shadowKeyUmbraOpacity = 0.2;
-var shadowKeyPenumbraOpacity = 0.14;
-var shadowAmbientShadowOpacity = 0.12;
-function createShadow() {
-  return ["".concat(arguments.length <= 0 ? undefined : arguments[0], "px ").concat(arguments.length <= 1 ? undefined : arguments[1], "px ").concat(arguments.length <= 2 ? undefined : arguments[2], "px ").concat(arguments.length <= 3 ? undefined : arguments[3], "px rgba(0,0,0,").concat(shadowKeyUmbraOpacity, ")"), "".concat(arguments.length <= 4 ? undefined : arguments[4], "px ").concat(arguments.length <= 5 ? undefined : arguments[5], "px ").concat(arguments.length <= 6 ? undefined : arguments[6], "px ").concat(arguments.length <= 7 ? undefined : arguments[7], "px rgba(0,0,0,").concat(shadowKeyPenumbraOpacity, ")"), "".concat(arguments.length <= 8 ? undefined : arguments[8], "px ").concat(arguments.length <= 9 ? undefined : arguments[9], "px ").concat(arguments.length <= 10 ? undefined : arguments[10], "px ").concat(arguments.length <= 11 ? undefined : arguments[11], "px rgba(0,0,0,").concat(shadowAmbientShadowOpacity, ")")].join(',');
-}
-
-// Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
-var 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/legacy/styles/shouldSkipGeneratingVar.js

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

package/legacy/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/legacy/styles/styled.js

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

package/legacy/styles/useTheme.js

@@ -1,14 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useTheme as useThemeSystem } from '@mui/system';
-import defaultTheme from './defaultTheme';
-import THEME_ID from './identifier';
-export default function useTheme() {
-  var theme = useThemeSystem(defaultTheme);
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useDebugValue(theme);
-  }
-  return theme[THEME_ID] || theme;
-}

package/legacy/styles/useThemeProps.js

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

package/legacy/styles/withStyles.js

@@ -1,4 +0,0 @@
-import _formatMuiErrorMessage 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.\nYou have to import it from @mui/styles.\nSee https://mui.com/r/migration-v4/#mui-material-styles for more details." : _formatMuiErrorMessage(15));
-}

package/legacy/styles/withTheme.js

@@ -1,4 +0,0 @@
-import _formatMuiErrorMessage 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.\nYou have to import it from @mui/styles.\nSee https://mui.com/r/migration-v4/#mui-material-styles for more details." : _formatMuiErrorMessage(16));
-}

package/legacy/styles/zIndex.js

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

package/legacy/transitions/index.js

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

package/legacy/transitions/transition.js

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

package/legacy/transitions/utils.js

@@ -1,16 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-export var reflow = function reflow(node) {
-  return node.scrollTop;
-};
-export function getTransitionProps(props, options) {
-  var _style$transitionDura, _style$transitionTimi;
-  var timeout = props.timeout,
-    easing = props.easing,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style;
-  return {
-    duration: (_style$transitionDura = style.transitionDuration) != null ? _style$transitionDura : typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,
-    easing: (_style$transitionTimi = style.transitionTimingFunction) != null ? _style$transitionTimi : _typeof(easing) === 'object' ? easing[options.mode] : easing,
-    delay: style.transitionDelay
-  };
-}

package/legacy/types/OverridableComponentAugmentation.js

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

package/legacy/useAutocomplete/index.js

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

package/legacy/useAutocomplete/useAutocomplete.js

@@ -1,4 +0,0 @@
-'use client';
-
-export { useAutocomplete as default } from '@mui/base/useAutocomplete';
-export * from '@mui/base/useAutocomplete';

package/legacy/useMediaQuery/index.js

@@ -1 +0,0 @@
-export { default } from '@mui/system/useMediaQuery';

package/legacy/useMediaQuery/useMediaQueryTheme.js

@@ -1,8 +0,0 @@
-'use client';
-
-import useMediaQuery from '@mui/system/useMediaQuery';
-
-// TODO v5: to deprecate in v4.x and remove in v5
-export default function useMediaQueryTheme() {
-  return useMediaQuery.apply(void 0, arguments);
-}

package/legacy/usePagination/index.js

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