@mui/system 6.0.0-rc.0 → 6.0.1

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;
 }

package/spacing/index.js

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

package/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/style/index.js

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

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

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

package/styled/styled.js

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

package/typography/index.js

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

package/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/useMediaQuery/index.js

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

package/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/useTheme/index.js

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

package/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/useThemeProps/index.js

@@ -1,4 +1,2 @@
-'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/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/useThemeWithoutDefault/index.js

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

package/version/index.js

@@ -1,7 +1,7 @@
-export const version = "6.0.0-rc.0";
+export const version = "6.0.1";
 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 patch = Number("1");
+export const preReleaseLabel = undefined || null;
+export const preReleaseNumber = Number(undefined) || null;
 export default version;