@mui/material 6.0.0-rc.0 → 6.0.0

package/modern/internal/svg-icons/ArrowDownward.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/ArrowDropDown.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/Cancel.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/CheckBox.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/CheckBoxOutlineBlank.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/CheckCircle.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/Close.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/ErrorOutline.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/FirstPage.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/IndeterminateCheckBox.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/InfoOutlined.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/KeyboardArrowLeft.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/KeyboardArrowRight.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/LastPage.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/MoreHoriz.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/NavigateBefore.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/NavigateNext.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/Person.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/RadioButtonChecked.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/RadioButtonUnchecked.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/ReportProblemOutlined.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/Star.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/StarBorder.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/SuccessOutlined.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/internal/svg-icons/Warning.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/styles/ThemeProvider.js

@@ -1,9 +1,9 @@
 'use client';
 
 import * as React from 'react';
-import ThemeProviderNoVars from './ThemeProviderNoVars';
-import { CssVarsProvider } from './ThemeProviderWithVars';
-import THEME_ID from './identifier';
+import ThemeProviderNoVars from "./ThemeProviderNoVars.js";
+import { CssVarsProvider } from "./ThemeProviderWithVars.js";
+import THEME_ID from "./identifier.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function ThemeProvider({
   theme,

package/modern/styles/ThemeProviderNoVars.js

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { ThemeProvider as SystemThemeProvider } from '@mui/system';
-import THEME_ID from './identifier';
+import THEME_ID from "./identifier.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function ThemeProviderNoVars({
   theme: themeInput,

package/modern/styles/ThemeProviderWithVars.js

@@ -3,10 +3,10 @@
 import * as React from 'react';
 import styleFunctionSx from '@mui/system/styleFunctionSx';
 import { unstable_createCssVarsProvider as createCssVarsProvider } from '@mui/system';
-import createTheme from './createTheme';
-import createTypography from './createTypography';
-import THEME_ID from './identifier';
-import { defaultConfig } from '../InitColorSchemeScript/InitColorSchemeScript';
+import createTheme from "./createTheme.js";
+import createTypography from "./createTypography.js";
+import THEME_ID from "./identifier.js";
+import { defaultConfig } from "../InitColorSchemeScript/InitColorSchemeScript.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const {
   CssVarsProvider: InternalCssVarsProvider,

package/modern/styles/createColorScheme.js

@@ -1,5 +1,5 @@
-import createPalette from './createPalette';
-import getOverlayAlpha from './getOverlayAlpha';
+import createPalette from "./createPalette.js";
+import getOverlayAlpha from "./getOverlayAlpha.js";
 const defaultDarkOverlays = [...Array(25)].map((_, index) => {
   if (index === 0) {
     return undefined;

package/modern/styles/createGetSelector.js

@@ -1,4 +1,4 @@
-import excludeVariablesFromRoot from './excludeVariablesFromRoot';
+import excludeVariablesFromRoot from "./excludeVariablesFromRoot.js";
 export default (theme => (colorScheme, css) => {
   const selector = theme.colorSchemeSelector;
   let rule = selector;

package/modern/styles/createMuiStrictModeTheme.js

@@ -1,5 +1,5 @@
 import deepmerge from '@mui/utils/deepmerge';
-import createTheme from './createTheme';
+import createTheme from "./createTheme.js";
 export default function createMuiStrictModeTheme(options, ...args) {
   return createTheme(deepmerge({
     unstable_strictMode: true

package/modern/styles/createPalette.js

@@ -1,14 +1,14 @@
 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';
+import common from "../colors/common.js";
+import grey from "../colors/grey.js";
+import purple from "../colors/purple.js";
+import red from "../colors/red.js";
+import orange from "../colors/orange.js";
+import blue from "../colors/blue.js";
+import lightBlue from "../colors/lightBlue.js";
+import green from "../colors/green.js";
 export const light = {
   // The colors used to style the text.
   text: {

package/modern/styles/createTheme.js

@@ -1,7 +1,7 @@
-import createPalette from './createPalette';
-import createThemeWithVars from './createThemeWithVars';
-import createThemeNoVars from './createThemeNoVars';
-export { createMuiTheme } from './createThemeNoVars';
+import createPalette from "./createPalette.js";
+import createThemeWithVars from "./createThemeWithVars.js";
+import createThemeNoVars from "./createThemeNoVars.js";
+export { createMuiTheme } from "./createThemeNoVars.js";
 // eslint-disable-next-line consistent-return
 function attachColorScheme(theme, scheme, colorScheme) {
   if (!theme.colorSchemes) {

package/modern/styles/createThemeNoVars.js

@@ -3,12 +3,12 @@ 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';
+import createMixins from "./createMixins.js";
+import createPalette from "./createPalette.js";
+import createTypography from "./createTypography.js";
+import shadows from "./shadows.js";
+import createTransitions from "./createTransitions.js";
+import zIndex from "./zIndex.js";
 function createThemeNoVars(options = {}, ...args) {
   const {
     breakpoints: breakpointsInput,

package/modern/styles/createThemeWithVars.js

@@ -5,11 +5,11 @@ import { createUnarySpacing } from '@mui/system/spacing';
 import { prepareCssVars, prepareTypographyVars, createGetColorSchemeSelector } from '@mui/system/cssVars';
 import styleFunctionSx, { unstable_defaultSxConfig as defaultSxConfig } from '@mui/system/styleFunctionSx';
 import { private_safeColorChannel as safeColorChannel, private_safeAlpha as safeAlpha, private_safeDarken as safeDarken, private_safeLighten as safeLighten, private_safeEmphasize as safeEmphasize, hslToRgb } from '@mui/system/colorManipulator';
-import createThemeNoVars from './createThemeNoVars';
-import createColorScheme, { getOpacity, getOverlays } from './createColorScheme';
-import defaultShouldSkipGeneratingVar from './shouldSkipGeneratingVar';
-import defaultGetSelector from './createGetSelector';
-import { stringifyTheme } from './stringifyTheme';
+import createThemeNoVars from "./createThemeNoVars.js";
+import createColorScheme, { getOpacity, getOverlays } from "./createColorScheme.js";
+import defaultShouldSkipGeneratingVar from "./shouldSkipGeneratingVar.js";
+import defaultGetSelector from "./createGetSelector.js";
+import { stringifyTheme } from "./stringifyTheme.js";
 function assignNode(obj, keys) {
   keys.forEach(k => {
     if (!obj[k]) {

package/modern/styles/defaultTheme.js

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

package/modern/styles/experimental_extendTheme.js

@@ -1,4 +1,4 @@
-import extendTheme from './createThemeWithVars';
+import extendTheme from "./createThemeWithVars.js";
 let warnedOnce = false;
 export default function deprecatedExtendTheme(...args) {
   if (!warnedOnce) {

package/modern/styles/index.js

@@ -1,8 +1,8 @@
 'use client';
 
 import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
-export { default as THEME_ID } from './identifier';
-export { default as adaptV4Theme } from './adaptV4Theme';
+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.
@@ -10,31 +10,31 @@ export { unstable_createBreakpoints } from '@mui/system/createBreakpoints';
 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(19));
 }
-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 { default as createTransitions, duration, easing } from './createTransitions';
-export { default as createColorScheme } from './createColorScheme';
-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 { default as createTheme, createMuiTheme } 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 experimentalStyled } 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';
-export { default as withStyles } from './withStyles';
-export { default as withTheme } from './withTheme';
-export * from './ThemeProviderWithVars';
-export { default as extendTheme } from './createThemeWithVars';
-export { default as experimental_extendTheme } from './experimental_extendTheme'; // TODO: Remove in v7
-export { default as getOverlayAlpha } from './getOverlayAlpha';
-export { default as shouldSkipGeneratingVar } from './shouldSkipGeneratingVar';
+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';
-export { default as private_createMixins } from './createMixins';
-export { default as private_excludeVariablesFromRoot } from './excludeVariablesFromRoot';
+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/responsiveFontSizes.js

@@ -1,5 +1,5 @@
 import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
-import { isUnitless, convertLength, responsiveProperty, alignProperty, fontGrid } from './cssUtils';
+import { isUnitless, convertLength, responsiveProperty, alignProperty, fontGrid } from "./cssUtils.js";
 export default function responsiveFontSizes(themeInput, options = {}) {
   const {
     breakpoints = ['sm', 'md', 'lg'],

package/modern/styles/rootShouldForwardProp.js

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

package/modern/styles/styled.js

@@ -1,11 +1,11 @@
 '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';
+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,

package/modern/styles/useTheme.js

@@ -2,8 +2,8 @@
 
 import * as React from 'react';
 import { useTheme as useThemeSystem } from '@mui/system';
-import defaultTheme from './defaultTheme';
-import THEME_ID from './identifier';
+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') {

package/modern/styles/useThemeProps.js

@@ -1,8 +1,8 @@
 'use client';
 
 import systemUseThemeProps from '@mui/system/useThemeProps';
-import defaultTheme from './defaultTheme';
-import THEME_ID from './identifier';
+import defaultTheme from "./defaultTheme.js";
+import THEME_ID from "./identifier.js";
 export default function useThemeProps({
   props,
   name

package/modern/transitions/index.js

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

package/modern/useAutocomplete/index.js

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

package/modern/useLazyRipple/index.js

@@ -1,3 +1,3 @@
 'use client';
 
-export { default } from './useLazyRipple';
+export { default } from "./useLazyRipple.js";

package/modern/usePagination/index.js

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

package/modern/useScrollTrigger/index.js

@@ -1,3 +1,3 @@
 'use client';
 
-export { default } from './useScrollTrigger';
+export { default } from "./useScrollTrigger.js";

package/modern/utils/createSvgIcon.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import SvgIcon from '../SvgIcon';
+import SvgIcon from "../SvgIcon/index.js";
 
 /**
  * Private module reserved for @mui packages.