@mui/system - npm Package Compare versions

Comparing version 6.0.0-rc.0 to 6.0.0

borders/borders.js

@@ -1,6 +0,6 @@
-import responsivePropType from '../responsivePropType';
-import style from '../style';
-import compose from '../compose';
-import { createUnaryUnit, getValue } from '../spacing';
-import { handleBreakpoints } from '../breakpoints';
+import responsivePropType from "../responsivePropType/index.js";
+import style from "../style/index.js";
+import compose from "../compose/index.js";
+import { createUnaryUnit, getValue } from "../spacing/index.js";
+import { handleBreakpoints } from "../breakpoints/index.js";
 export function borderTransform(value) {
@@ -7,0 +7,0 @@ if (typeof value !== 'number') {

borders/index.js

 'use client';
 
-export { default } from './borders';
-export * from './borders';
+export { default } from "./borders.js";
+export * from "./borders.js";

Box/Box.js

@@ -5,4 +5,4 @@ 'use client';
 import ClassNameGenerator from '@mui/utils/ClassNameGenerator';
-import createBox from '../createBox';
-import boxClasses from './boxClasses';
+import createBox from "../createBox/index.js";
+import boxClasses from "./boxClasses.js";
 const Box = createBox({
@@ -9,0 +9,0 @@ defaultClassName: boxClasses.root,

Box/index.js

 'use client';
 
-export { default } from './Box';
-export { default as boxClasses } from './boxClasses';
-export * from './boxClasses';
+export { default } from "./Box.js";
+export { default as boxClasses } from "./boxClasses.js";
+export * from "./boxClasses.js";

breakpoints/breakpoints.js

 import PropTypes from 'prop-types';
 import deepmerge from '@mui/utils/deepmerge';
-import merge from '../merge';
-import { isCqShorthand, getContainerQuery } from '../cssContainerQueries';
+import merge from "../merge/index.js";
+import { isCqShorthand, getContainerQuery } from "../cssContainerQueries/index.js";
 
@@ -6,0 +6,0 @@ // The breakpoint **start** at this value.

breakpoints/index.js

 'use client';
 
-export { default } from './breakpoints';
-export * from './breakpoints';
+export { default } from "./breakpoints.js";
+export * from "./breakpoints.js";

colorManipulator/index.js

 'use client';
 
-export * from './colorManipulator';
+export * from "./colorManipulator.js";

compose/compose.js

@@ -1,2 +0,2 @@
-import merge from '../merge';
+import merge from "../merge/index.js";
 function compose(...styles) {
@@ -3,0 +3,0 @@ const handlers = styles.reduce((acc, style) => {

compose/index.js

 'use client';
 
-export { default } from './compose';
+export { default } from "./compose.js";

Container/Container.js

 'use client';
 
 import PropTypes from 'prop-types';
-import createContainer from './createContainer';
+import createContainer from "./createContainer.js";
 
@@ -6,0 +6,0 @@ /**

Container/createContainer.js

@@ -7,5 +7,5 @@ import * as React from 'react';
 import capitalize from '@mui/utils/capitalize';
-import useThemePropsSystem from '../useThemeProps';
-import systemStyled from '../styled';
-import createTheme from '../createTheme';
+import useThemePropsSystem from "../useThemeProps/index.js";
+import systemStyled from "../styled/index.js";
+import createTheme from "../createTheme/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -12,0 +12,0 @@ const defaultTheme = createTheme();

Container/index.js

 'use client';
 
-export { default } from './Container';
-export { default as containerClasses } from './containerClasses';
-export * from './containerClasses';
+export { default } from "./Container.js";
+export { default as containerClasses } from "./containerClasses.js";
+export * from "./containerClasses.js";

createBox/createBox.js

@@ -6,4 +6,4 @@ 'use client';
 import styled from '@mui/styled-engine';
-import styleFunctionSx, { extendSxProp } from '../styleFunctionSx';
-import useTheme from '../useTheme';
+import styleFunctionSx, { extendSxProp } from "../styleFunctionSx/index.js";
+import useTheme from "../useTheme/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -10,0 +10,0 @@ export default function createBox(options = {}) {

createBox/index.js

 'use client';
 
-export { default } from './createBox';
+export { default } from "./createBox.js";

createBreakpoints/createBreakpoints.d.ts

@@ -34,3 +34,3 @@ import { OverridableStringUnion } from '@mui/types';
    * @returns A media query string ready to be used with most styling solutions, which matches screen widths greater than the screen size given by the breakpoint key (inclusive).
-   * @see [API documentation](https://next.mui.com/material-ui/customization/breakpoints/#theme-breakpoints-up-key-media-query)
+   * @see [API documentation](https://mui.com/material-ui/customization/breakpoints/#theme-breakpoints-up-key-media-query)
    */
@@ -41,3 +41,3 @@ up: (key: Breakpoint | number) => string;
    * @returns A media query string ready to be used with most styling solutions, which matches screen widths less than the screen size given by the breakpoint key (exclusive).
-   * @see [API documentation](https://next.mui.com/material-ui/customization/breakpoints/#theme-breakpoints-down-key-media-query)
+   * @see [API documentation](https://mui.com/material-ui/customization/breakpoints/#theme-breakpoints-down-key-media-query)
    */
@@ -50,3 +50,3 @@ down: (key: Breakpoint | number) => string;
    *          the screen size given by the breakpoint key in the first argument (inclusive) and less than the screen size given by the breakpoint key in the second argument (exclusive).
-   * @see [API documentation](https://next.mui.com/material-ui/customization/breakpoints/#theme-breakpoints-between-start-end-media-query)
+   * @see [API documentation](https://mui.com/material-ui/customization/breakpoints/#theme-breakpoints-between-start-end-media-query)
    */
@@ -58,3 +58,3 @@ between: (start: Breakpoint | number, end: Breakpoint | number) => string;
    *          the screen size given by the breakpoint key (inclusive) and stopping at the screen size given by the next breakpoint key (exclusive).
-   * @see [API documentation](https://next.mui.com/material-ui/customization/breakpoints/#theme-breakpoints-only-key-media-query)
+   * @see [API documentation](https://mui.com/material-ui/customization/breakpoints/#theme-breakpoints-only-key-media-query)
    */
@@ -61,0 +61,0 @@ only: (key: Breakpoint) => string;

createBreakpoints/index.js

 /** This export is intended for internal integration with Pigment CSS */
 /* eslint-disable import/prefer-default-export */
-export { default as unstable_createBreakpoints } from './createBreakpoints';
+export { default as unstable_createBreakpoints } from "./createBreakpoints.js";

createStyled/createStyled.js

@@ -6,4 +6,4 @@ /* eslint-disable no-underscore-dangle */
 import getDisplayName from '@mui/utils/getDisplayName';
-import createTheme from '../createTheme';
-import styleFunctionSx from '../styleFunctionSx';
+import createTheme from "../createTheme/index.js";
+import styleFunctionSx from "../styleFunctionSx/index.js";
 export const systemDefaultTheme = createTheme();
@@ -10,0 +10,0 @@

createStyled/index.js

 'use client';
 
-export { default } from './createStyled';
-export * from './createStyled';
+export { default } from "./createStyled.js";
+export * from "./createStyled.js";

createTheme/createSpacing.js

@@ -1,2 +0,2 @@
-import { createUnarySpacing } from '../spacing';
+import { createUnarySpacing } from "../spacing/index.js";
 
@@ -3,0 +3,0 @@ // The different signatures imply different meaning for their arguments that can't be expressed structurally.

createTheme/createTheme.js

 import deepmerge from '@mui/utils/deepmerge';
-import createBreakpoints from '../createBreakpoints/createBreakpoints';
-import cssContainerQueries from '../cssContainerQueries';
-import shape from './shape';
-import createSpacing from './createSpacing';
-import styleFunctionSx from '../styleFunctionSx/styleFunctionSx';
-import defaultSxConfig from '../styleFunctionSx/defaultSxConfig';
-import applyStyles from './applyStyles';
+import createBreakpoints from "../createBreakpoints/createBreakpoints.js";
+import cssContainerQueries from "../cssContainerQueries/index.js";
+import shape from "./shape.js";
+import createSpacing from "./createSpacing.js";
+import styleFunctionSx from "../styleFunctionSx/styleFunctionSx.js";
+import defaultSxConfig from "../styleFunctionSx/defaultSxConfig.js";
+import applyStyles from "./applyStyles.js";
 function createTheme(options = {}, ...args) {
@@ -10,0 +10,0 @@ const {

createTheme/index.js

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

cssContainerQueries/index.js

@@ -1,2 +0,2 @@
-export { default } from './cssContainerQueries';
-export { isCqShorthand, getContainerQuery, sortContainerQueries } from './cssContainerQueries';
+export { default } from "./cssContainerQueries.js";
+export { isCqShorthand, getContainerQuery, sortContainerQueries } from "./cssContainerQueries.js";

cssGrid/cssGrid.js

@@ -1,6 +0,6 @@
-import style from '../style';
-import compose from '../compose';
-import { createUnaryUnit, getValue } from '../spacing';
-import { handleBreakpoints } from '../breakpoints';
-import responsivePropType from '../responsivePropType';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
+import { createUnaryUnit, getValue } from "../spacing/index.js";
+import { handleBreakpoints } from "../breakpoints/index.js";
+import responsivePropType from "../responsivePropType/index.js";
 
@@ -7,0 +7,0 @@ // false positive

cssGrid/index.js

 'use client';
 
-export { default } from './cssGrid';
-export * from './cssGrid';
+export { default } from "./cssGrid.js";
+export * from "./cssGrid.js";

cssVars/createCssVarsProvider.js

@@ -5,5 +5,5 @@ import * as React from 'react';
 import { useTheme as muiUseTheme } from '@mui/private-theming';
-import ThemeProvider from '../ThemeProvider';
-import InitColorSchemeScript, { DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript';
-import useCurrentColorScheme from './useCurrentColorScheme';
+import ThemeProvider from "../ThemeProvider/index.js";
+import InitColorSchemeScript, { DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from "../InitColorSchemeScript/InitColorSchemeScript.js";
+import useCurrentColorScheme from "./useCurrentColorScheme.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -10,0 +10,0 @@ export const DISABLE_CSS_TRANSITION = '*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}';

cssVars/createCssVarsTheme.js

@@ -1,4 +0,4 @@
-import prepareCssVars from './prepareCssVars';
-import { createGetColorSchemeSelector } from './getColorSchemeSelector';
-import { DEFAULT_ATTRIBUTE } from '../InitColorSchemeScript/InitColorSchemeScript';
+import prepareCssVars from "./prepareCssVars.js";
+import { createGetColorSchemeSelector } from "./getColorSchemeSelector.js";
+import { DEFAULT_ATTRIBUTE } from "../InitColorSchemeScript/InitColorSchemeScript.js";
 function createCssVarsTheme({
@@ -5,0 +5,0 @@ colorSchemeSelector = `[${DEFAULT_ATTRIBUTE}="%s"]`,

cssVars/index.js

 'use client';
 
-export { default } from './createCssVarsProvider';
-export { default as prepareCssVars } from './prepareCssVars';
-export { default as prepareTypographyVars } from './prepareTypographyVars';
-export { default as createCssVarsTheme } from './createCssVarsTheme';
-export { createGetColorSchemeSelector } from './getColorSchemeSelector';
+export { default } from "./createCssVarsProvider.js";
+export { default as prepareCssVars } from "./prepareCssVars.js";
+export { default as prepareTypographyVars } from "./prepareTypographyVars.js";
+export { default as createCssVarsTheme } from "./createCssVarsTheme.js";
+export { createGetColorSchemeSelector } from "./getColorSchemeSelector.js";

cssVars/prepareCssVars.js

 import deepmerge from '@mui/utils/deepmerge';
-import cssVarsParser from './cssVarsParser';
+import cssVarsParser from "./cssVarsParser.js";
 function prepareCssVars(theme, parserConfig = {}) {
@@ -4,0 +4,0 @@ const {

cssVars/useCurrentColorScheme.js

 'use client';
 
 import * as React from 'react';
-import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript';
+import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from "../InitColorSchemeScript/InitColorSchemeScript.js";
 export function getSystemMode(mode) {
@@ -6,0 +6,0 @@ if (typeof window !== 'undefined' && typeof window.matchMedia === 'function' && mode === 'system') {

DefaultPropsProvider/index.js

@@ -1,1 +0,1 @@
-export { default, useDefaultProps } from './DefaultPropsProvider';
+export { default, useDefaultProps } from "./DefaultPropsProvider.js";

display/display.js

@@ -1,3 +0,3 @@
-import style from '../style';
-import compose from '../compose';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
 export const displayPrint = style({
@@ -4,0 +4,0 @@ prop: 'displayPrint',

display/index.js

 'use client';
 
-export { default } from './display';
-export * from './display';
+export { default } from "./display.js";
+export * from "./display.js";

flexbox/flexbox.js

@@ -1,3 +0,3 @@
-import style from '../style';
-import compose from '../compose';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
 export const flexBasis = style({
@@ -4,0 +4,0 @@ prop: 'flexBasis'

flexbox/index.js

 'use client';
 
-export { default } from './flexbox';
-export * from './flexbox';
+export { default } from "./flexbox.js";
+export * from "./flexbox.js";

getThemeValue/getThemeValue.js

@@ -1,11 +0,11 @@
-import borders from '../borders';
-import display from '../display';
-import flexbox from '../flexbox';
-import grid from '../cssGrid';
-import positions from '../positions';
-import palette from '../palette';
-import shadows from '../shadows';
-import sizing from '../sizing';
-import spacing from '../spacing';
-import typography from '../typography';
+import borders from "../borders/index.js";
+import display from "../display/index.js";
+import flexbox from "../flexbox/index.js";
+import grid from "../cssGrid/index.js";
+import positions from "../positions/index.js";
+import palette from "../palette/index.js";
+import shadows from "../shadows/index.js";
+import sizing from "../sizing/index.js";
+import spacing from "../spacing/index.js";
+import typography from "../typography/index.js";
 const filterPropsMapping = {
@@ -12,0 +12,0 @@ borders: borders.filterProps,

getThemeValue/index.js

 'use client';
 
-export { default } from './getThemeValue';
-export * from './getThemeValue';
+export { default } from "./getThemeValue.js";
+export * from "./getThemeValue.js";

GlobalStyles/GlobalStyles.js

@@ -6,3 +6,3 @@ 'use client';
 import { GlobalStyles as MuiGlobalStyles } from '@mui/styled-engine';
-import useTheme from '../useTheme';
+import useTheme from "../useTheme/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -9,0 +9,0 @@ function GlobalStyles({

GlobalStyles/index.js

 'use client';
 
-export { default } from './GlobalStyles';
-export * from './GlobalStyles';
+export { default } from "./GlobalStyles.js";
+export * from "./GlobalStyles.js";

Grid/createGrid.js

@@ -7,8 +7,8 @@ import * as React from 'react';
 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 systemStyled from "../styled/index.js";
+import useThemePropsSystem from "../useThemeProps/index.js";
+import useTheme from "../useTheme/index.js";
+import { extendSxProp } from "../styleFunctionSx/index.js";
+import createTheme from "../createTheme/index.js";
+import { generateGridStyles, generateGridSizeStyles, generateGridColumnsStyles, generateGridColumnSpacingStyles, generateGridRowSpacingStyles, generateGridDirectionStyles, generateGridOffsetStyles, generateSizeClassNames, generateSpacingClassNames, generateDirectionClasses } from "./gridGenerator.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -15,0 +15,0 @@ const defaultTheme = createTheme();

Grid/Grid.js

 'use client';
 
 import PropTypes from 'prop-types';
-import createGrid from './createGrid';
+import createGrid from "./createGrid.js";
 /**
@@ -6,0 +6,0 @@ *

Grid/gridGenerator.js

@@ -1,2 +0,2 @@
-import { traverseBreakpoints } from './traverseBreakpoints';
+import { traverseBreakpoints } from "./traverseBreakpoints.js";
 function appendLevel(level) {
@@ -3,0 +3,0 @@ if (!level) {

Grid/index.js

 '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';
+export { default } from "./Grid.js";
+export { default as createGrid } from "./createGrid.js";
+export * from "./GridProps.js";
+export { default as gridClasses } from "./gridClasses.js";
+export * from "./gridClasses.js";
+export { traverseBreakpoints as unstable_traverseBreakpoints } from "./traverseBreakpoints.js";

index.js

 /**
- * @mui/system v6.0.0-rc.0
+ * @mui/system v6.0.0
  *
@@ -10,27 +10,27 @@ * @license MIT
 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 { default as cssContainerQueries } from './cssContainerQueries';
-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';
+export { default as GlobalStyles } from "./GlobalStyles/index.js";
+export { default as borders } from "./borders/index.js";
+export * from "./borders/index.js";
+export { default as breakpoints } from "./breakpoints/index.js";
+export { default as cssContainerQueries } from "./cssContainerQueries/index.js";
+export { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues as unstable_resolveBreakpointValues } from "./breakpoints/index.js";
+export { default as compose } from "./compose/index.js";
+export { default as display } from "./display/index.js";
+export { default as flexbox } from "./flexbox/index.js";
+export * from "./flexbox/index.js";
+export { default as grid } from "./cssGrid/index.js";
+export * from "./cssGrid/index.js";
+export { default as palette } from "./palette/index.js";
+export * from "./palette/index.js";
+export { default as positions } from "./positions/index.js";
+export * from "./positions/index.js";
+export { default as shadows } from "./shadows/index.js";
+export { default as sizing } from "./sizing/index.js";
+export * from "./sizing/index.js";
+export { default as spacing } from "./spacing/index.js";
+export * from "./spacing/index.js";
+export { default as style, getPath, getStyleValue } from "./style/index.js";
+export { default as typography } from "./typography/index.js";
+export * from "./typography/index.js";
+export { default as unstable_styleFunctionSx, unstable_createStyleFunctionSx, extendSxProp as unstable_extendSxProp, unstable_defaultSxConfig } from "./styleFunctionSx/index.js";
 // TODO: Remove this function in v6
@@ -41,36 +41,36 @@ // eslint-disable-next-line @typescript-eslint/naming-convention
 }
-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 './createBreakpoints/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';
-export * from './version';
+export { default as unstable_getThemeValue } from "./getThemeValue/index.js";
+export { default as Box } from "./Box/index.js";
+export { default as createBox } from "./createBox/index.js";
+export { default as createStyled } from "./createStyled/index.js";
+export * from "./createStyled/index.js";
+export { default as styled } from "./styled/index.js";
+export { default as createTheme } from "./createTheme/index.js";
+export { default as createBreakpoints } from "./createBreakpoints/createBreakpoints.js";
+export { default as createSpacing } from "./createTheme/createSpacing.js";
+export { default as shape } from "./createTheme/shape.js";
+export { default as useThemeProps, getThemeProps } from "./useThemeProps/index.js";
+export { default as useTheme } from "./useTheme/index.js";
+export { default as useThemeWithoutDefault } from "./useThemeWithoutDefault/index.js";
+export { default as useMediaQuery } from "./useMediaQuery/index.js";
+export * from "./colorManipulator/index.js";
+export { default as ThemeProvider } from "./ThemeProvider/index.js";
+export { default as unstable_createCssVarsProvider } from "./cssVars/createCssVarsProvider.js";
+export { default as unstable_createGetCssVar } from "./cssVars/createGetCssVar.js";
+export { default as unstable_cssVarsParser } from "./cssVars/cssVarsParser.js";
+export { default as unstable_prepareCssVars } from "./cssVars/prepareCssVars.js";
+export { default as unstable_createCssVarsTheme } from "./cssVars/createCssVarsTheme.js";
+export { default as responsivePropType } from "./responsivePropType/index.js";
+export { default as RtlProvider } from "./RtlProvider/index.js";
+export * from "./RtlProvider/index.js";
+export * from "./version/index.js";
 
 /** ----------------- */
 /** Layout components */
-export { default as createContainer } from './Container/createContainer';
-export { default as Container } from './Container';
-export * from './Container';
-export { default as Grid } from './Grid/Grid';
-export * from './Grid';
-export { default as Stack } from './Stack/Stack';
-export * from './Stack';
+export { default as createContainer } from "./Container/createContainer.js";
+export { default as Container } from "./Container/index.js";
+export * from "./Container/index.js";
+export { default as Grid } from "./Grid/Grid.js";
+export * from "./Grid/index.js";
+export { default as Stack } from "./Stack/Stack.js";
+export * from "./Stack/index.js";

InitColorSchemeScript/index.js

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

memoize/index.js

 'use client';
 
-export { default } from './memoize';
+export { default } from "./memoize.js";

merge/index.js

 'use client';
 
-export { default } from './merge';
+export { default } from "./merge.js";

modern/borders/borders.js

@@ -1,6 +0,6 @@
-import responsivePropType from '../responsivePropType';
-import style from '../style';
-import compose from '../compose';
-import { createUnaryUnit, getValue } from '../spacing';
-import { handleBreakpoints } from '../breakpoints';
+import responsivePropType from "../responsivePropType/index.js";
+import style from "../style/index.js";
+import compose from "../compose/index.js";
+import { createUnaryUnit, getValue } from "../spacing/index.js";
+import { handleBreakpoints } from "../breakpoints/index.js";
 export function borderTransform(value) {
@@ -7,0 +7,0 @@ if (typeof value !== 'number') {

modern/borders/index.js

 'use client';
 
-export { default } from './borders';
-export * from './borders';
+export { default } from "./borders.js";
+export * from "./borders.js";

modern/Box/Box.js

@@ -5,4 +5,4 @@ 'use client';
 import ClassNameGenerator from '@mui/utils/ClassNameGenerator';
-import createBox from '../createBox';
-import boxClasses from './boxClasses';
+import createBox from "../createBox/index.js";
+import boxClasses from "./boxClasses.js";
 const Box = createBox({
@@ -9,0 +9,0 @@ defaultClassName: boxClasses.root,

modern/Box/index.js

 'use client';
 
-export { default } from './Box';
-export { default as boxClasses } from './boxClasses';
-export * from './boxClasses';
+export { default } from "./Box.js";
+export { default as boxClasses } from "./boxClasses.js";
+export * from "./boxClasses.js";

modern/breakpoints/breakpoints.js

 import PropTypes from 'prop-types';
 import deepmerge from '@mui/utils/deepmerge';
-import merge from '../merge';
-import { isCqShorthand, getContainerQuery } from '../cssContainerQueries';
+import merge from "../merge/index.js";
+import { isCqShorthand, getContainerQuery } from "../cssContainerQueries/index.js";
 
@@ -6,0 +6,0 @@ // The breakpoint **start** at this value.

modern/breakpoints/index.js

 'use client';
 
-export { default } from './breakpoints';
-export * from './breakpoints';
+export { default } from "./breakpoints.js";
+export * from "./breakpoints.js";

modern/colorManipulator/index.js

 'use client';
 
-export * from './colorManipulator';
+export * from "./colorManipulator.js";

modern/compose/compose.js

@@ -1,2 +0,2 @@
-import merge from '../merge';
+import merge from "../merge/index.js";
 function compose(...styles) {
@@ -3,0 +3,0 @@ const handlers = styles.reduce((acc, style) => {

modern/compose/index.js

 'use client';
 
-export { default } from './compose';
+export { default } from "./compose.js";

modern/Container/Container.js

 'use client';
 
 import PropTypes from 'prop-types';
-import createContainer from './createContainer';
+import createContainer from "./createContainer.js";
 
@@ -6,0 +6,0 @@ /**

modern/Container/createContainer.js

@@ -7,5 +7,5 @@ import * as React from 'react';
 import capitalize from '@mui/utils/capitalize';
-import useThemePropsSystem from '../useThemeProps';
-import systemStyled from '../styled';
-import createTheme from '../createTheme';
+import useThemePropsSystem from "../useThemeProps/index.js";
+import systemStyled from "../styled/index.js";
+import createTheme from "../createTheme/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -12,0 +12,0 @@ const defaultTheme = createTheme();

modern/Container/index.js

 'use client';
 
-export { default } from './Container';
-export { default as containerClasses } from './containerClasses';
-export * from './containerClasses';
+export { default } from "./Container.js";
+export { default as containerClasses } from "./containerClasses.js";
+export * from "./containerClasses.js";

modern/createBox/createBox.js

@@ -6,4 +6,4 @@ 'use client';
 import styled from '@mui/styled-engine';
-import styleFunctionSx, { extendSxProp } from '../styleFunctionSx';
-import useTheme from '../useTheme';
+import styleFunctionSx, { extendSxProp } from "../styleFunctionSx/index.js";
+import useTheme from "../useTheme/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -10,0 +10,0 @@ export default function createBox(options = {}) {

modern/createBox/index.js

 'use client';
 
-export { default } from './createBox';
+export { default } from "./createBox.js";

modern/createBreakpoints/index.js

 /** This export is intended for internal integration with Pigment CSS */
 /* eslint-disable import/prefer-default-export */
-export { default as unstable_createBreakpoints } from './createBreakpoints';
+export { default as unstable_createBreakpoints } from "./createBreakpoints.js";

modern/createStyled/createStyled.js

@@ -6,4 +6,4 @@ /* eslint-disable no-underscore-dangle */
 import getDisplayName from '@mui/utils/getDisplayName';
-import createTheme from '../createTheme';
-import styleFunctionSx from '../styleFunctionSx';
+import createTheme from "../createTheme/index.js";
+import styleFunctionSx from "../styleFunctionSx/index.js";
 export const systemDefaultTheme = createTheme();
@@ -10,0 +10,0 @@

modern/createStyled/index.js

 'use client';
 
-export { default } from './createStyled';
-export * from './createStyled';
+export { default } from "./createStyled.js";
+export * from "./createStyled.js";

modern/createTheme/createSpacing.js

@@ -1,2 +0,2 @@
-import { createUnarySpacing } from '../spacing';
+import { createUnarySpacing } from "../spacing/index.js";
 
@@ -3,0 +3,0 @@ // The different signatures imply different meaning for their arguments that can't be expressed structurally.

modern/createTheme/createTheme.js

 import deepmerge from '@mui/utils/deepmerge';
-import createBreakpoints from '../createBreakpoints/createBreakpoints';
-import cssContainerQueries from '../cssContainerQueries';
-import shape from './shape';
-import createSpacing from './createSpacing';
-import styleFunctionSx from '../styleFunctionSx/styleFunctionSx';
-import defaultSxConfig from '../styleFunctionSx/defaultSxConfig';
-import applyStyles from './applyStyles';
+import createBreakpoints from "../createBreakpoints/createBreakpoints.js";
+import cssContainerQueries from "../cssContainerQueries/index.js";
+import shape from "./shape.js";
+import createSpacing from "./createSpacing.js";
+import styleFunctionSx from "../styleFunctionSx/styleFunctionSx.js";
+import defaultSxConfig from "../styleFunctionSx/defaultSxConfig.js";
+import applyStyles from "./applyStyles.js";
 function createTheme(options = {}, ...args) {
@@ -10,0 +10,0 @@ const {

modern/createTheme/index.js

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

modern/cssContainerQueries/index.js

@@ -1,2 +0,2 @@
-export { default } from './cssContainerQueries';
-export { isCqShorthand, getContainerQuery, sortContainerQueries } from './cssContainerQueries';
+export { default } from "./cssContainerQueries.js";
+export { isCqShorthand, getContainerQuery, sortContainerQueries } from "./cssContainerQueries.js";

modern/cssGrid/cssGrid.js

@@ -1,6 +0,6 @@
-import style from '../style';
-import compose from '../compose';
-import { createUnaryUnit, getValue } from '../spacing';
-import { handleBreakpoints } from '../breakpoints';
-import responsivePropType from '../responsivePropType';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
+import { createUnaryUnit, getValue } from "../spacing/index.js";
+import { handleBreakpoints } from "../breakpoints/index.js";
+import responsivePropType from "../responsivePropType/index.js";
 
@@ -7,0 +7,0 @@ // false positive

modern/cssGrid/index.js

 'use client';
 
-export { default } from './cssGrid';
-export * from './cssGrid';
+export { default } from "./cssGrid.js";
+export * from "./cssGrid.js";

modern/cssVars/createCssVarsProvider.js

@@ -5,5 +5,5 @@ import * as React from 'react';
 import { useTheme as muiUseTheme } from '@mui/private-theming';
-import ThemeProvider from '../ThemeProvider';
-import InitColorSchemeScript, { DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript';
-import useCurrentColorScheme from './useCurrentColorScheme';
+import ThemeProvider from "../ThemeProvider/index.js";
+import InitColorSchemeScript, { DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from "../InitColorSchemeScript/InitColorSchemeScript.js";
+import useCurrentColorScheme from "./useCurrentColorScheme.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -10,0 +10,0 @@ export const DISABLE_CSS_TRANSITION = '*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}';

modern/cssVars/createCssVarsTheme.js

@@ -1,4 +0,4 @@
-import prepareCssVars from './prepareCssVars';
-import { createGetColorSchemeSelector } from './getColorSchemeSelector';
-import { DEFAULT_ATTRIBUTE } from '../InitColorSchemeScript/InitColorSchemeScript';
+import prepareCssVars from "./prepareCssVars.js";
+import { createGetColorSchemeSelector } from "./getColorSchemeSelector.js";
+import { DEFAULT_ATTRIBUTE } from "../InitColorSchemeScript/InitColorSchemeScript.js";
 function createCssVarsTheme({
@@ -5,0 +5,0 @@ colorSchemeSelector = `[${DEFAULT_ATTRIBUTE}="%s"]`,

modern/cssVars/index.js

 'use client';
 
-export { default } from './createCssVarsProvider';
-export { default as prepareCssVars } from './prepareCssVars';
-export { default as prepareTypographyVars } from './prepareTypographyVars';
-export { default as createCssVarsTheme } from './createCssVarsTheme';
-export { createGetColorSchemeSelector } from './getColorSchemeSelector';
+export { default } from "./createCssVarsProvider.js";
+export { default as prepareCssVars } from "./prepareCssVars.js";
+export { default as prepareTypographyVars } from "./prepareTypographyVars.js";
+export { default as createCssVarsTheme } from "./createCssVarsTheme.js";
+export { createGetColorSchemeSelector } from "./getColorSchemeSelector.js";

modern/cssVars/prepareCssVars.js

 import deepmerge from '@mui/utils/deepmerge';
-import cssVarsParser from './cssVarsParser';
+import cssVarsParser from "./cssVarsParser.js";
 function prepareCssVars(theme, parserConfig = {}) {
@@ -4,0 +4,0 @@ const {

modern/cssVars/useCurrentColorScheme.js

 'use client';
 
 import * as React from 'react';
-import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript';
+import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from "../InitColorSchemeScript/InitColorSchemeScript.js";
 export function getSystemMode(mode) {
@@ -6,0 +6,0 @@ if (typeof window !== 'undefined' && typeof window.matchMedia === 'function' && mode === 'system') {

modern/DefaultPropsProvider/index.js

@@ -1,1 +0,1 @@
-export { default, useDefaultProps } from './DefaultPropsProvider';
+export { default, useDefaultProps } from "./DefaultPropsProvider.js";

modern/display/display.js

@@ -1,3 +0,3 @@
-import style from '../style';
-import compose from '../compose';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
 export const displayPrint = style({
@@ -4,0 +4,0 @@ prop: 'displayPrint',

modern/display/index.js

 'use client';
 
-export { default } from './display';
-export * from './display';
+export { default } from "./display.js";
+export * from "./display.js";

modern/flexbox/flexbox.js

@@ -1,3 +0,3 @@
-import style from '../style';
-import compose from '../compose';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
 export const flexBasis = style({
@@ -4,0 +4,0 @@ prop: 'flexBasis'

modern/flexbox/index.js

 'use client';
 
-export { default } from './flexbox';
-export * from './flexbox';
+export { default } from "./flexbox.js";
+export * from "./flexbox.js";

modern/getThemeValue/getThemeValue.js

@@ -1,11 +0,11 @@
-import borders from '../borders';
-import display from '../display';
-import flexbox from '../flexbox';
-import grid from '../cssGrid';
-import positions from '../positions';
-import palette from '../palette';
-import shadows from '../shadows';
-import sizing from '../sizing';
-import spacing from '../spacing';
-import typography from '../typography';
+import borders from "../borders/index.js";
+import display from "../display/index.js";
+import flexbox from "../flexbox/index.js";
+import grid from "../cssGrid/index.js";
+import positions from "../positions/index.js";
+import palette from "../palette/index.js";
+import shadows from "../shadows/index.js";
+import sizing from "../sizing/index.js";
+import spacing from "../spacing/index.js";
+import typography from "../typography/index.js";
 const filterPropsMapping = {
@@ -12,0 +12,0 @@ borders: borders.filterProps,

modern/getThemeValue/index.js

 'use client';
 
-export { default } from './getThemeValue';
-export * from './getThemeValue';
+export { default } from "./getThemeValue.js";
+export * from "./getThemeValue.js";

modern/GlobalStyles/GlobalStyles.js

@@ -6,3 +6,3 @@ 'use client';
 import { GlobalStyles as MuiGlobalStyles } from '@mui/styled-engine';
-import useTheme from '../useTheme';
+import useTheme from "../useTheme/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -9,0 +9,0 @@ function GlobalStyles({

modern/GlobalStyles/index.js

 'use client';
 
-export { default } from './GlobalStyles';
-export * from './GlobalStyles';
+export { default } from "./GlobalStyles.js";
+export * from "./GlobalStyles.js";

modern/Grid/createGrid.js

@@ -7,8 +7,8 @@ import * as React from 'react';
 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 systemStyled from "../styled/index.js";
+import useThemePropsSystem from "../useThemeProps/index.js";
+import useTheme from "../useTheme/index.js";
+import { extendSxProp } from "../styleFunctionSx/index.js";
+import createTheme from "../createTheme/index.js";
+import { generateGridStyles, generateGridSizeStyles, generateGridColumnsStyles, generateGridColumnSpacingStyles, generateGridRowSpacingStyles, generateGridDirectionStyles, generateGridOffsetStyles, generateSizeClassNames, generateSpacingClassNames, generateDirectionClasses } from "./gridGenerator.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -15,0 +15,0 @@ const defaultTheme = createTheme();

modern/Grid/Grid.js

 'use client';
 
 import PropTypes from 'prop-types';
-import createGrid from './createGrid';
+import createGrid from "./createGrid.js";
 /**
@@ -6,0 +6,0 @@ *

modern/Grid/gridGenerator.js

@@ -1,2 +0,2 @@
-import { traverseBreakpoints } from './traverseBreakpoints';
+import { traverseBreakpoints } from "./traverseBreakpoints.js";
 function appendLevel(level) {
@@ -3,0 +3,0 @@ if (!level) {

modern/Grid/index.js

 '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';
+export { default } from "./Grid.js";
+export { default as createGrid } from "./createGrid.js";
+export * from "./GridProps.js";
+export { default as gridClasses } from "./gridClasses.js";
+export * from "./gridClasses.js";
+export { traverseBreakpoints as unstable_traverseBreakpoints } from "./traverseBreakpoints.js";

modern/index.js

 /**
- * @mui/system v6.0.0-rc.0
+ * @mui/system v6.0.0
  *
@@ -10,27 +10,27 @@ * @license MIT
 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 { default as cssContainerQueries } from './cssContainerQueries';
-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';
+export { default as GlobalStyles } from "./GlobalStyles/index.js";
+export { default as borders } from "./borders/index.js";
+export * from "./borders/index.js";
+export { default as breakpoints } from "./breakpoints/index.js";
+export { default as cssContainerQueries } from "./cssContainerQueries/index.js";
+export { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues as unstable_resolveBreakpointValues } from "./breakpoints/index.js";
+export { default as compose } from "./compose/index.js";
+export { default as display } from "./display/index.js";
+export { default as flexbox } from "./flexbox/index.js";
+export * from "./flexbox/index.js";
+export { default as grid } from "./cssGrid/index.js";
+export * from "./cssGrid/index.js";
+export { default as palette } from "./palette/index.js";
+export * from "./palette/index.js";
+export { default as positions } from "./positions/index.js";
+export * from "./positions/index.js";
+export { default as shadows } from "./shadows/index.js";
+export { default as sizing } from "./sizing/index.js";
+export * from "./sizing/index.js";
+export { default as spacing } from "./spacing/index.js";
+export * from "./spacing/index.js";
+export { default as style, getPath, getStyleValue } from "./style/index.js";
+export { default as typography } from "./typography/index.js";
+export * from "./typography/index.js";
+export { default as unstable_styleFunctionSx, unstable_createStyleFunctionSx, extendSxProp as unstable_extendSxProp, unstable_defaultSxConfig } from "./styleFunctionSx/index.js";
 // TODO: Remove this function in v6
@@ -41,36 +41,36 @@ // eslint-disable-next-line @typescript-eslint/naming-convention
 }
-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 './createBreakpoints/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';
-export * from './version';
+export { default as unstable_getThemeValue } from "./getThemeValue/index.js";
+export { default as Box } from "./Box/index.js";
+export { default as createBox } from "./createBox/index.js";
+export { default as createStyled } from "./createStyled/index.js";
+export * from "./createStyled/index.js";
+export { default as styled } from "./styled/index.js";
+export { default as createTheme } from "./createTheme/index.js";
+export { default as createBreakpoints } from "./createBreakpoints/createBreakpoints.js";
+export { default as createSpacing } from "./createTheme/createSpacing.js";
+export { default as shape } from "./createTheme/shape.js";
+export { default as useThemeProps, getThemeProps } from "./useThemeProps/index.js";
+export { default as useTheme } from "./useTheme/index.js";
+export { default as useThemeWithoutDefault } from "./useThemeWithoutDefault/index.js";
+export { default as useMediaQuery } from "./useMediaQuery/index.js";
+export * from "./colorManipulator/index.js";
+export { default as ThemeProvider } from "./ThemeProvider/index.js";
+export { default as unstable_createCssVarsProvider } from "./cssVars/createCssVarsProvider.js";
+export { default as unstable_createGetCssVar } from "./cssVars/createGetCssVar.js";
+export { default as unstable_cssVarsParser } from "./cssVars/cssVarsParser.js";
+export { default as unstable_prepareCssVars } from "./cssVars/prepareCssVars.js";
+export { default as unstable_createCssVarsTheme } from "./cssVars/createCssVarsTheme.js";
+export { default as responsivePropType } from "./responsivePropType/index.js";
+export { default as RtlProvider } from "./RtlProvider/index.js";
+export * from "./RtlProvider/index.js";
+export * from "./version/index.js";
 
 /** ----------------- */
 /** Layout components */
-export { default as createContainer } from './Container/createContainer';
-export { default as Container } from './Container';
-export * from './Container';
-export { default as Grid } from './Grid/Grid';
-export * from './Grid';
-export { default as Stack } from './Stack/Stack';
-export * from './Stack';
+export { default as createContainer } from "./Container/createContainer.js";
+export { default as Container } from "./Container/index.js";
+export * from "./Container/index.js";
+export { default as Grid } from "./Grid/Grid.js";
+export * from "./Grid/index.js";
+export { default as Stack } from "./Stack/Stack.js";
+export * from "./Stack/index.js";

modern/InitColorSchemeScript/index.js

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

modern/memoize/index.js

 'use client';
 
-export { default } from './memoize';
+export { default } from "./memoize.js";

modern/merge/index.js

 'use client';
 
-export { default } from './merge';
+export { default } from "./merge.js";

modern/palette/index.js

 'use client';
 
-export { default } from './palette';
-export * from './palette';
+export { default } from "./palette.js";
+export * from "./palette.js";

modern/palette/palette.js

@@ -1,3 +0,3 @@
-import style from '../style';
-import compose from '../compose';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
 export function paletteTransform(value, userValue) {
@@ -4,0 +4,0 @@ if (userValue === 'grey') {

modern/positions/index.js

 'use client';
 
-export { default } from './positions';
-export * from './positions';
+export { default } from "./positions.js";
+export * from "./positions.js";

modern/positions/positions.js

@@ -1,3 +0,3 @@
-import style from '../style';
-import compose from '../compose';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
 export const position = style({
@@ -4,0 +4,0 @@ prop: 'position'

modern/propsToClassKey/index.js

 'use client';
 
-export { default } from './propsToClassKey';
+export { default } from "./propsToClassKey.js";

modern/responsivePropType/index.js

 'use client';
 
-export { default } from './responsivePropType';
+export { default } from "./responsivePropType.js";

modern/shadows/index.js

 'use client';
 
-export { default } from './shadows';
+export { default } from "./shadows.js";

modern/shadows/shadows.js

@@ -1,2 +0,2 @@
-import style from '../style';
+import style from "../style/index.js";
 const boxShadow = style({
@@ -3,0 +3,0 @@ prop: 'boxShadow',

modern/sizing/index.js

 'use client';
 
-export { default } from './sizing';
-export * from './sizing';
+export { default } from "./sizing.js";
+export * from "./sizing.js";

modern/sizing/sizing.js

@@ -1,4 +0,4 @@
-import style from '../style';
-import compose from '../compose';
-import { handleBreakpoints, values as breakpointsValues } from '../breakpoints';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
+import { handleBreakpoints, values as breakpointsValues } from "../breakpoints/index.js";
 export function sizingTransform(value) {
@@ -5,0 +5,0 @@ return value <= 1 && value !== 0 ? `${value * 100}%` : value;

modern/spacing/index.js

 'use client';
 
-export { default } from './spacing';
-export * from './spacing';
+export { default } from "./spacing.js";
+export * from "./spacing.js";

modern/spacing/spacing.js

@@ -1,6 +0,6 @@
-import responsivePropType from '../responsivePropType';
-import { handleBreakpoints } from '../breakpoints';
-import { getPath } from '../style';
-import merge from '../merge';
-import memoize from '../memoize';
+import responsivePropType from "../responsivePropType/index.js";
+import { handleBreakpoints } from "../breakpoints/index.js";
+import { getPath } from "../style/index.js";
+import merge from "../merge/index.js";
+import memoize from "../memoize/index.js";
 const properties = {
@@ -7,0 +7,0 @@ m: 'margin',

modern/Stack/createStack.js

@@ -7,8 +7,8 @@ import * as React from 'react';
 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 systemStyled from "../styled/index.js";
+import useThemePropsSystem from "../useThemeProps/index.js";
+import { extendSxProp } from "../styleFunctionSx/index.js";
+import createTheme from "../createTheme/index.js";
+import { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues } from "../breakpoints/index.js";
+import { createUnarySpacing, getValue } from "../spacing/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -15,0 +15,0 @@ const defaultTheme = createTheme();

modern/Stack/index.js

 'use client';
 
-export { default } from './Stack';
-export { default as createStack } from './createStack';
-export * from './StackProps';
-export { default as stackClasses } from './stackClasses';
-export * from './stackClasses';
+export { default } from "./Stack.js";
+export { default as createStack } from "./createStack.js";
+export * from "./StackProps.js";
+export { default as stackClasses } from "./stackClasses.js";
+export * from "./stackClasses.js";

modern/Stack/Stack.js

 'use client';
 
 import PropTypes from 'prop-types';
-import createStack from './createStack';
+import createStack from "./createStack.js";
 /**
@@ -6,0 +6,0 @@ *

modern/style/index.js

 'use client';
 
-export { default } from './style';
-export * from './style';
+export { default } from "./style.js";
+export * from "./style.js";

modern/style/style.js

 import capitalize from '@mui/utils/capitalize';
-import responsivePropType from '../responsivePropType';
-import { handleBreakpoints } from '../breakpoints';
+import responsivePropType from "../responsivePropType/index.js";
+import { handleBreakpoints } from "../breakpoints/index.js";
 export function getPath(obj, path, checkVars = true) {
@@ -5,0 +5,0 @@ if (!path || typeof path !== 'string') {

modern/styled/index.js

 'use client';
 
-export { default } from './styled';
+export { default } from "./styled.js";

modern/styled/styled.js

@@ -1,3 +0,3 @@
-import createStyled from '../createStyled';
+import createStyled from "../createStyled/index.js";
 const styled = createStyled();
 export default styled;

modern/styleFunctionSx/defaultSxConfig.js

@@ -1,6 +0,6 @@
-import { padding, margin } from '../spacing';
-import { borderRadius, borderTransform } from '../borders';
-import { gap, rowGap, columnGap } from '../cssGrid';
-import { paletteTransform } from '../palette';
-import { maxWidth, sizingTransform } from '../sizing';
+import { padding, margin } from "../spacing/index.js";
+import { borderRadius, borderTransform } from "../borders/index.js";
+import { gap, rowGap, columnGap } from "../cssGrid/index.js";
+import { paletteTransform } from "../palette/index.js";
+import { maxWidth, sizingTransform } from "../sizing/index.js";
 const defaultSxConfig = {
@@ -7,0 +7,0 @@ // borders

modern/styleFunctionSx/extendSxProp.js

 import { isPlainObject } from '@mui/utils/deepmerge';
-import defaultSxConfig from './defaultSxConfig';
+import defaultSxConfig from "./defaultSxConfig.js";
 const splitProps = props => {
@@ -4,0 +4,0 @@ const result = {

modern/styleFunctionSx/index.js

@@ -1,4 +0,4 @@
-export { default } from './styleFunctionSx';
-export { unstable_createStyleFunctionSx } from './styleFunctionSx';
-export { default as extendSxProp } from './extendSxProp';
-export { default as unstable_defaultSxConfig } from './defaultSxConfig';
+export { default } from "./styleFunctionSx.js";
+export { unstable_createStyleFunctionSx } from "./styleFunctionSx.js";
+export { default as extendSxProp } from "./extendSxProp.js";
+export { default as unstable_defaultSxConfig } from "./defaultSxConfig.js";

modern/styleFunctionSx/styleFunctionSx.js

 import capitalize from '@mui/utils/capitalize';
-import merge from '../merge';
-import { getPath, getStyleValue as getValue } from '../style';
-import { handleBreakpoints, createEmptyBreakpointObject, removeUnusedBreakpoints } from '../breakpoints';
-import { sortContainerQueries } from '../cssContainerQueries';
-import defaultSxConfig from './defaultSxConfig';
+import merge from "../merge/index.js";
+import { getPath, getStyleValue as getValue } from "../style/index.js";
+import { handleBreakpoints, createEmptyBreakpointObject, removeUnusedBreakpoints } from "../breakpoints/index.js";
+import { sortContainerQueries } from "../cssContainerQueries/index.js";
+import defaultSxConfig from "./defaultSxConfig.js";
 function objectsHaveSameKeys(...objects) {
@@ -8,0 +8,0 @@ const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);

modern/ThemeProvider/index.js

 'use client';
 
-export { default } from './ThemeProvider';
+export { default } from "./ThemeProvider.js";

modern/ThemeProvider/ThemeProvider.js

@@ -8,5 +8,5 @@ 'use client';
 import { ThemeContext as StyledEngineThemeContext } from '@mui/styled-engine';
-import useThemeWithoutDefault from '../useThemeWithoutDefault';
-import RtlProvider from '../RtlProvider';
-import DefaultPropsProvider from '../DefaultPropsProvider';
+import useThemeWithoutDefault from "../useThemeWithoutDefault/index.js";
+import RtlProvider from "../RtlProvider/index.js";
+import DefaultPropsProvider from "../DefaultPropsProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -13,0 +13,0 @@ const EMPTY_THEME = {};

modern/typography/index.js

 'use client';
 
-export { default } from './typography';
-export * from './typography';
+export { default } from "./typography.js";
+export * from "./typography.js";

modern/typography/typography.js

@@ -1,3 +0,3 @@
-import style from '../style';
-import compose from '../compose';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
 export const fontFamily = style({
@@ -4,0 +4,0 @@ prop: 'fontFamily',

modern/useMediaQuery/index.js

@@ -1,2 +0,2 @@
-export { default } from './useMediaQuery';
-export * from './useMediaQuery';
+export { default } from "./useMediaQuery.js";
+export * from "./useMediaQuery.js";

modern/useMediaQuery/useMediaQuery.js

@@ -5,4 +5,4 @@ 'use client';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { getThemeProps } from '../useThemeProps';
-import useTheme from '../useThemeWithoutDefault';
+import { getThemeProps } from "../useThemeProps/index.js";
+import useTheme from "../useThemeWithoutDefault/index.js";
 function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
@@ -9,0 +9,0 @@ const [match, setMatch] = React.useState(() => {

modern/useTheme/index.js

 'use client';
 
-export { default } from './useTheme';
-export * from './useTheme';
+export { default } from "./useTheme.js";
+export * from "./useTheme.js";

modern/useTheme/useTheme.js

 'use client';
 
-import createTheme from '../createTheme';
-import useThemeWithoutDefault from '../useThemeWithoutDefault';
+import createTheme from "../createTheme/index.js";
+import useThemeWithoutDefault from "../useThemeWithoutDefault/index.js";
 export const systemDefaultTheme = createTheme();
@@ -6,0 +6,0 @@ function useTheme(defaultTheme = systemDefaultTheme) {

modern/useThemeProps/index.js

 'use client';
 
-export { default } from './useThemeProps';
-export { default as getThemeProps } from './getThemeProps';
+export { default } from "./useThemeProps.js";
+export { default as getThemeProps } from "./getThemeProps.js";

modern/useThemeProps/useThemeProps.js

 'use client';
 
-import getThemeProps from './getThemeProps';
-import useTheme from '../useTheme';
+import getThemeProps from "./getThemeProps.js";
+import useTheme from "../useTheme/index.js";
 export default function useThemeProps({
@@ -6,0 +6,0 @@ props,

modern/useThemeWithoutDefault/index.js

 'use client';
 
-export { default } from './useThemeWithoutDefault';
+export { default } from "./useThemeWithoutDefault.js";

modern/version/index.js

@@ -1,7 +0,7 @@
-export const version = "6.0.0-rc.0";
+export const version = "6.0.0";
 export const major = Number("6");
 export const minor = Number("0");
 export const patch = Number("0");
-export const preReleaseLabel = "rc" || null;
-export const preReleaseNumber = Number("0") || null;
+export const preReleaseLabel = undefined || null;
+export const preReleaseNumber = Number(undefined) || null;
 export default version;

node/index.js

 /**
- * @mui/system v6.0.0-rc.0
+ * @mui/system v6.0.0
  *
@@ -4,0 +4,0 @@ * @license MIT

node/version/index.js

@@ -7,8 +7,8 @@ "use strict";
 exports.version = exports.preReleaseNumber = exports.preReleaseLabel = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "6.0.0-rc.0";
+const version = exports.version = "6.0.0";
 const major = exports.major = Number("6");
 const minor = exports.minor = Number("0");
 const patch = exports.patch = Number("0");
-const preReleaseLabel = exports.preReleaseLabel = "rc" || null;
-const preReleaseNumber = exports.preReleaseNumber = Number("0") || null;
+const preReleaseLabel = exports.preReleaseLabel = undefined || null;
+const preReleaseNumber = exports.preReleaseNumber = Number(undefined) || null;
 var _default = exports.default = version;

package.json

 {
   "name": "@mui/system",
-  "version": "6.0.0-rc.0",
+  "version": "6.0.0",
   "private": false,
@@ -33,6 +33,6 @@ "author": "MUI Team",
     "prop-types": "^15.8.1",
-    "@mui/private-theming": "6.0.0-rc.0",
-    "@mui/styled-engine": "6.0.0-rc.0",
-    "@mui/types": "^7.2.15",
-    "@mui/utils": "6.0.0-rc.0"
+    "@mui/private-theming": "^6.0.0",
+    "@mui/styled-engine": "^6.0.0",
+    "@mui/types": "^7.2.16",
+    "@mui/utils": "^6.0.0"
   },
@@ -39,0 +39,0 @@ "peerDependencies": {

palette/index.js

 'use client';
 
-export { default } from './palette';
-export * from './palette';
+export { default } from "./palette.js";
+export * from "./palette.js";

palette/palette.js

@@ -1,3 +0,3 @@
-import style from '../style';
-import compose from '../compose';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
 export function paletteTransform(value, userValue) {
@@ -4,0 +4,0 @@ if (userValue === 'grey') {

positions/index.js

 'use client';
 
-export { default } from './positions';
-export * from './positions';
+export { default } from "./positions.js";
+export * from "./positions.js";

positions/positions.js

@@ -1,3 +0,3 @@
-import style from '../style';
-import compose from '../compose';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
 export const position = style({
@@ -4,0 +4,0 @@ prop: 'position'

propsToClassKey/index.js

 'use client';
 
-export { default } from './propsToClassKey';
+export { default } from "./propsToClassKey.js";

README.md

@@ -12,3 +12,3 @@ # MUI System
 ```bash
-npm install @mui/system@next @emotion/react @emotion/styled
+npm install @mui/system @emotion/react @emotion/styled
 ```
@@ -20,2 +20,2 @@
 
-Visit [https://next.mui.com/system/getting-started/](https://next.mui.com/system/getting-started/) to view the full documentation.
+Visit [https://mui.com/system/getting-started/](https://mui.com/system/getting-started/) to view the full documentation.

responsivePropType/index.js

 'use client';
 
-export { default } from './responsivePropType';
+export { default } from "./responsivePropType.js";

shadows/index.js

 'use client';
 
-export { default } from './shadows';
+export { default } from "./shadows.js";

shadows/shadows.js

@@ -1,2 +0,2 @@
-import style from '../style';
+import style from "../style/index.js";
 const boxShadow = style({
@@ -3,0 +3,0 @@ prop: 'boxShadow',

sizing/index.js

 'use client';
 
-export { default } from './sizing';
-export * from './sizing';
+export { default } from "./sizing.js";
+export * from "./sizing.js";

sizing/sizing.js

@@ -1,4 +0,4 @@
-import style from '../style';
-import compose from '../compose';
-import { handleBreakpoints, values as breakpointsValues } from '../breakpoints';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
+import { handleBreakpoints, values as breakpointsValues } from "../breakpoints/index.js";
 export function sizingTransform(value) {
@@ -5,0 +5,0 @@ return value <= 1 && value !== 0 ? `${value * 100}%` : value;

spacing/index.js

 'use client';
 
-export { default } from './spacing';
-export * from './spacing';
+export { default } from "./spacing.js";
+export * from "./spacing.js";

spacing/spacing.js

@@ -1,6 +0,6 @@
-import responsivePropType from '../responsivePropType';
-import { handleBreakpoints } from '../breakpoints';
-import { getPath } from '../style';
-import merge from '../merge';
-import memoize from '../memoize';
+import responsivePropType from "../responsivePropType/index.js";
+import { handleBreakpoints } from "../breakpoints/index.js";
+import { getPath } from "../style/index.js";
+import merge from "../merge/index.js";
+import memoize from "../memoize/index.js";
 const properties = {
@@ -7,0 +7,0 @@ m: 'margin',

Stack/createStack.js

@@ -7,8 +7,8 @@ import * as React from 'react';
 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 systemStyled from "../styled/index.js";
+import useThemePropsSystem from "../useThemeProps/index.js";
+import { extendSxProp } from "../styleFunctionSx/index.js";
+import createTheme from "../createTheme/index.js";
+import { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues } from "../breakpoints/index.js";
+import { createUnarySpacing, getValue } from "../spacing/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -15,0 +15,0 @@ const defaultTheme = createTheme();

Stack/index.js

 'use client';
 
-export { default } from './Stack';
-export { default as createStack } from './createStack';
-export * from './StackProps';
-export { default as stackClasses } from './stackClasses';
-export * from './stackClasses';
+export { default } from "./Stack.js";
+export { default as createStack } from "./createStack.js";
+export * from "./StackProps.js";
+export { default as stackClasses } from "./stackClasses.js";
+export * from "./stackClasses.js";

Stack/Stack.js

 'use client';
 
 import PropTypes from 'prop-types';
-import createStack from './createStack';
+import createStack from "./createStack.js";
 /**
@@ -6,0 +6,0 @@ *

style/index.js

 'use client';
 
-export { default } from './style';
-export * from './style';
+export { default } from "./style.js";
+export * from "./style.js";

style/style.js

 import capitalize from '@mui/utils/capitalize';
-import responsivePropType from '../responsivePropType';
-import { handleBreakpoints } from '../breakpoints';
+import responsivePropType from "../responsivePropType/index.js";
+import { handleBreakpoints } from "../breakpoints/index.js";
 export function getPath(obj, path, checkVars = true) {
@@ -5,0 +5,0 @@ if (!path || typeof path !== 'string') {

styled/index.js

 'use client';
 
-export { default } from './styled';
+export { default } from "./styled.js";

styled/styled.js

@@ -1,3 +0,3 @@
-import createStyled from '../createStyled';
+import createStyled from "../createStyled/index.js";
 const styled = createStyled();
 export default styled;

styleFunctionSx/defaultSxConfig.js

@@ -1,6 +0,6 @@
-import { padding, margin } from '../spacing';
-import { borderRadius, borderTransform } from '../borders';
-import { gap, rowGap, columnGap } from '../cssGrid';
-import { paletteTransform } from '../palette';
-import { maxWidth, sizingTransform } from '../sizing';
+import { padding, margin } from "../spacing/index.js";
+import { borderRadius, borderTransform } from "../borders/index.js";
+import { gap, rowGap, columnGap } from "../cssGrid/index.js";
+import { paletteTransform } from "../palette/index.js";
+import { maxWidth, sizingTransform } from "../sizing/index.js";
 const defaultSxConfig = {
@@ -7,0 +7,0 @@ // borders

styleFunctionSx/extendSxProp.js

 import { isPlainObject } from '@mui/utils/deepmerge';
-import defaultSxConfig from './defaultSxConfig';
+import defaultSxConfig from "./defaultSxConfig.js";
 const splitProps = props => {
@@ -4,0 +4,0 @@ const result = {

styleFunctionSx/index.js

@@ -1,4 +0,4 @@
-export { default } from './styleFunctionSx';
-export { unstable_createStyleFunctionSx } from './styleFunctionSx';
-export { default as extendSxProp } from './extendSxProp';
-export { default as unstable_defaultSxConfig } from './defaultSxConfig';
+export { default } from "./styleFunctionSx.js";
+export { unstable_createStyleFunctionSx } from "./styleFunctionSx.js";
+export { default as extendSxProp } from "./extendSxProp.js";
+export { default as unstable_defaultSxConfig } from "./defaultSxConfig.js";

styleFunctionSx/styleFunctionSx.js

 import capitalize from '@mui/utils/capitalize';
-import merge from '../merge';
-import { getPath, getStyleValue as getValue } from '../style';
-import { handleBreakpoints, createEmptyBreakpointObject, removeUnusedBreakpoints } from '../breakpoints';
-import { sortContainerQueries } from '../cssContainerQueries';
-import defaultSxConfig from './defaultSxConfig';
+import merge from "../merge/index.js";
+import { getPath, getStyleValue as getValue } from "../style/index.js";
+import { handleBreakpoints, createEmptyBreakpointObject, removeUnusedBreakpoints } from "../breakpoints/index.js";
+import { sortContainerQueries } from "../cssContainerQueries/index.js";
+import defaultSxConfig from "./defaultSxConfig.js";
 function objectsHaveSameKeys(...objects) {
@@ -8,0 +8,0 @@ const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);

ThemeProvider/index.js

 'use client';
 
-export { default } from './ThemeProvider';
+export { default } from "./ThemeProvider.js";

ThemeProvider/ThemeProvider.js

@@ -8,5 +8,5 @@ 'use client';
 import { ThemeContext as StyledEngineThemeContext } from '@mui/styled-engine';
-import useThemeWithoutDefault from '../useThemeWithoutDefault';
-import RtlProvider from '../RtlProvider';
-import DefaultPropsProvider from '../DefaultPropsProvider';
+import useThemeWithoutDefault from "../useThemeWithoutDefault/index.js";
+import RtlProvider from "../RtlProvider/index.js";
+import DefaultPropsProvider from "../DefaultPropsProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -13,0 +13,0 @@ const EMPTY_THEME = {};

typography/index.js

 'use client';
 
-export { default } from './typography';
-export * from './typography';
+export { default } from "./typography.js";
+export * from "./typography.js";

typography/typography.js

@@ -1,3 +0,3 @@
-import style from '../style';
-import compose from '../compose';
+import style from "../style/index.js";
+import compose from "../compose/index.js";
 export const fontFamily = style({
@@ -4,0 +4,0 @@ prop: 'fontFamily',

useMediaQuery/index.js

@@ -1,2 +0,2 @@
-export { default } from './useMediaQuery';
-export * from './useMediaQuery';
+export { default } from "./useMediaQuery.js";
+export * from "./useMediaQuery.js";

useMediaQuery/useMediaQuery.js

@@ -5,4 +5,4 @@ 'use client';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { getThemeProps } from '../useThemeProps';
-import useTheme from '../useThemeWithoutDefault';
+import { getThemeProps } from "../useThemeProps/index.js";
+import useTheme from "../useThemeWithoutDefault/index.js";
 function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
@@ -9,0 +9,0 @@ const [match, setMatch] = React.useState(() => {

useTheme/index.js

 'use client';
 
-export { default } from './useTheme';
-export * from './useTheme';
+export { default } from "./useTheme.js";
+export * from "./useTheme.js";

useTheme/useTheme.js

 'use client';
 
-import createTheme from '../createTheme';
-import useThemeWithoutDefault from '../useThemeWithoutDefault';
+import createTheme from "../createTheme/index.js";
+import useThemeWithoutDefault from "../useThemeWithoutDefault/index.js";
 export const systemDefaultTheme = createTheme();
@@ -6,0 +6,0 @@ function useTheme(defaultTheme = systemDefaultTheme) {

useThemeProps/index.js

 'use client';
 
-export { default } from './useThemeProps';
-export { default as getThemeProps } from './getThemeProps';
+export { default } from "./useThemeProps.js";
+export { default as getThemeProps } from "./getThemeProps.js";

useThemeProps/useThemeProps.js

 'use client';
 
-import getThemeProps from './getThemeProps';
-import useTheme from '../useTheme';
+import getThemeProps from "./getThemeProps.js";
+import useTheme from "../useTheme/index.js";
 export default function useThemeProps({
@@ -6,0 +6,0 @@ props,

useThemeWithoutDefault/index.js

 'use client';
 
-export { default } from './useThemeWithoutDefault';
+export { default } from "./useThemeWithoutDefault.js";

version/index.js

@@ -1,7 +0,7 @@
-export const version = "6.0.0-rc.0";
+export const version = "6.0.0";
 export const major = Number("6");
 export const minor = Number("0");
 export const patch = Number("0");
-export const preReleaseLabel = "rc" || null;
-export const preReleaseNumber = Number("0") || null;
+export const preReleaseLabel = undefined || null;
+export const preReleaseNumber = Number(undefined) || null;
 export default version;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1545426

increased by0.34%

Number of low quality alerts

0

decreased by-100%

Dependency changes

• + Added@mui/private-theming@6.1.0(transitive)

• + Added@mui/styled-engine@6.1.0(transitive)

• + Added@mui/utils@6.1.0(transitive)

• - Removed@mui/private-theming@6.0.0-rc.0(transitive)

• - Removed@mui/styled-engine@6.0.0-rc.0(transitive)

• - Removed@mui/utils@6.0.0-rc.0(transitive)

• Updated@mui/private-theming@^6.0.0

• Updated@mui/styled-engine@^6.0.0

• Updated@mui/types@^7.2.16

• Updated@mui/utils@^6.0.0