@mui/system 6.0.0-rc.0 → 6.0.0

package/modern/flexbox/flexbox.js

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

package/modern/flexbox/index.js

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

package/modern/getThemeValue/getThemeValue.js

@@ -1,13 +1,13 @@
-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 = {
   borders: borders.filterProps,
   display: display.filterProps,

package/modern/getThemeValue/index.js

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

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v6.0.0-rc.0
+ * @mui/system v6.0.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -7,68 +7,68 @@
  */
 import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
 export { css, keyframes, StyledEngineProvider } from '@mui/styled-engine';
-export { default as GlobalStyles } from './GlobalStyles';
-export { default as borders } from './borders';
-export * from './borders';
-export { default as breakpoints } from './breakpoints';
-export { 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
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function experimental_sx() {
   throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`experimental_sx\` has been moved to \`theme.unstable_sx\`.For more details, see https://github.com/mui/material-ui/pull/35150.` : _formatMuiErrorMessage(19));
 }
-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";

package/modern/memoize/index.js

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

package/modern/merge/index.js

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

package/modern/palette/index.js

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

package/modern/palette/palette.js

@@ -1,5 +1,5 @@
-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) {
   if (userValue === 'grey') {
     return userValue;

package/modern/positions/index.js

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

package/modern/positions/positions.js

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

package/modern/propsToClassKey/index.js

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

package/modern/responsivePropType/index.js

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

package/modern/shadows/index.js

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

package/modern/shadows/shadows.js

@@ -1,4 +1,4 @@
-import style from '../style';
+import style from "../style/index.js";
 const boxShadow = style({
   prop: 'boxShadow',
   themeKey: 'shadows'

package/modern/sizing/index.js

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

package/modern/sizing/sizing.js

@@ -1,6 +1,6 @@
-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) {
   return value <= 1 && value !== 0 ? `${value * 100}%` : value;
 }

package/modern/spacing/index.js

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

package/modern/spacing/spacing.js

@@ -1,8 +1,8 @@
-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 = {
   m: 'margin',
   p: 'padding'

package/modern/style/index.js

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

package/modern/style/style.js

@@ -1,6 +1,6 @@
 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) {
   if (!path || typeof path !== 'string') {
     return null;

package/modern/styleFunctionSx/defaultSxConfig.js

@@ -1,8 +1,8 @@
-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 = {
   // borders
   border: {

package/modern/styleFunctionSx/extendSxProp.js

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

package/modern/styleFunctionSx/index.js

@@ -1,4 +1,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";

package/modern/styleFunctionSx/styleFunctionSx.js

@@ -1,9 +1,9 @@
 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) {
   const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);
   const union = new Set(allKeys);

package/modern/styled/index.js

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

package/modern/styled/styled.js

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

package/modern/typography/index.js

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

package/modern/typography/typography.js

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

package/modern/useMediaQuery/index.js

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

package/modern/useMediaQuery/useMediaQuery.js

@@ -2,8 +2,8 @@
 
 import * as React from 'react';
 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) {
   const [match, setMatch] = React.useState(() => {
     if (noSsr && matchMedia) {

package/modern/useTheme/index.js

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

package/modern/useTheme/useTheme.js

@@ -1,7 +1,7 @@
 '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();
 function useTheme(defaultTheme = systemDefaultTheme) {
   return useThemeWithoutDefault(defaultTheme);

package/modern/useThemeProps/index.js

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

package/modern/useThemeProps/useThemeProps.js

@@ -1,7 +1,7 @@
 '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({
   props,
   name,

package/modern/useThemeWithoutDefault/index.js

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

package/modern/version/index.js

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

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v6.0.0-rc.0
+ * @mui/system v6.0.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/version/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "6.0.0-rc.0",
+  "version": "6.0.0",
   "private": false,
   "author": "MUI Team",
   "description": "MUI System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.",
@@ -30,10 +30,10 @@
     "clsx": "^2.1.1",
     "csstype": "^3.1.3",
     "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"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",

package/palette/index.js

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

package/palette/palette.js

@@ -1,5 +1,5 @@
-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) {
   if (userValue === 'grey') {
     return userValue;

package/positions/index.js

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

package/positions/positions.js

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

package/propsToClassKey/index.js

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

package/responsivePropType/index.js

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

package/shadows/index.js

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

package/shadows/shadows.js

@@ -1,4 +1,4 @@
-import style from '../style';
+import style from "../style/index.js";
 const boxShadow = style({
   prop: 'boxShadow',
   themeKey: 'shadows'

package/sizing/index.js

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

package/sizing/sizing.js

@@ -1,6 +1,6 @@
-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) {
   return value <= 1 && value !== 0 ? `${value * 100}%` : value;
 }