@mui/system 7.0.1 → 7.1.0

package/esm/spacing/spacing.d.ts

@@ -1,4 +1,4 @@
-import { SimpleStyleFunction, spacing, PropsFor } from "../Box/index.js";
+import { SimpleStyleFunction, PropsFor } from "../style/index.js";
 export type SpacingValueType = string | number | null | undefined;
 export type SpacingProps = PropsFor<typeof spacing>;
 export function createUnarySpacing<Spacing>(theme: {
@@ -14,6 +14,7 @@ export function createUnaryUnit<Spacing>(theme: {
 export const margin: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd'>;
 export type MarginProps = PropsFor<typeof margin>;
 export const padding: SimpleStyleFunction<'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
+declare const spacing: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
 export function getValue(transformer: (prop: SpacingValueType) => SpacingValueType, propValue: SpacingValueType): SpacingValueType;
 export type PaddingProps = PropsFor<typeof padding>;
 export default spacing;

package/esm/style/style.d.ts

@@ -1,5 +1,9 @@
 import { CSSObject } from '@mui/styled-engine';
-import { StyleFunction } from "../Box/index.js";
+export type PropsFor<SomeStyleFunction> = SomeStyleFunction extends StyleFunction<infer Props> ? Props : never;
+export type StyleFunction<Props> = (props: Props) => any;
+export type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Partial<Record<PropKey, any>>> & {
+  filterProps: string[];
+};
 export type TransformFunction = (cssValue: unknown, userValue: unknown) => number | string | React.CSSProperties | CSSObject;
 export interface StyleOptions<PropKey> {
   cssProperty?: PropKey | keyof React.CSSProperties | false;

package/esm/styleFunctionSx/defaultSxConfig.d.ts

@@ -1,5 +1,4 @@
-import { StyleFunction } from "../Box/index.js";
-import { TransformFunction } from "../style/index.js";
+import { StyleFunction, TransformFunction } from "../style/index.js";
 type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Partial<Record<PropKey, any>>>;
 export interface SxConfigRecord {
   cssProperty?: keyof React.CSSProperties | false;

package/esm/typography/typography.d.ts

@@ -1,4 +1,4 @@
-import { PropsFor, SimpleStyleFunction, typography } from "../Box/index.js";
+import { PropsFor, SimpleStyleFunction } from "../style/index.js";
 export const typographyVariant: SimpleStyleFunction<'typography'>;
 export const fontFamily: SimpleStyleFunction<'fontFamily'>;
 export const fontSize: SimpleStyleFunction<'fontSize'>;
@@ -8,5 +8,6 @@ export const letterSpacing: SimpleStyleFunction<'letterSpacing'>;
 export const lineHeight: SimpleStyleFunction<'lineHeight'>;
 export const textAlign: SimpleStyleFunction<'textAlign'>;
 export const textTransform: SimpleStyleFunction<'textTransform'>;
+declare const typography: SimpleStyleFunction<'typography' | 'fontFamily' | 'fontSize' | 'fontStyle' | 'fontWeight' | 'letterSpacing' | 'lineHeight' | 'textAlign' | 'textTransform'>;
 export type TypographyProps = PropsFor<typeof typography>;
 export default typography;

package/esm/useMediaQuery/useMediaQuery.js

@@ -102,6 +102,9 @@ export function unstable_createUseMediaQuery(params = {}) {
     }
     let query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;
     query = query.replace(/^@media( ?)/m, '');
+    if (query.includes('print')) {
+      console.warn([`MUI: You have provided a \`print\` query to the \`useMediaQuery\` hook.`, 'Using the print media query to modify print styles can lead to unexpected results.', 'Consider using the `displayPrint` field in the `sx` prop instead.', 'More information about `displayPrint` on our docs: https://mui.com/system/display/#display-in-print.'].join('\n'));
+    }
     const useMediaQueryImplementation = maybeReactUseSyncExternalStore !== undefined ? useMediaQueryNew : useMediaQueryOld;
     const match = useMediaQueryImplementation(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr);
     if (process.env.NODE_ENV !== 'production') {

package/esm/useThemeProps/getThemeProps.d.ts

@@ -1,9 +1,4 @@
 export {};
-interface ThemeWithProps<Components> {
-  components?: { [K in keyof Components]: {
-    defaultProps?: Partial<Components[K]>;
-  } };
-}
 type ThemedProps<Theme, Name extends keyof any> = Theme extends {
   components: Record<Name, {
     defaultProps: infer Props;

package/esm/version/index.js

@@ -1,6 +1,6 @@
-export const version = "7.0.1";
+export const version = "7.1.0";
 export const major = Number("7");
-export const minor = Number("0");
-export const patch = Number("1");
+export const minor = Number("1");
+export const patch = Number("0");
 export const prerelease = undefined;
 export default version;

package/flexbox/flexbox.d.ts

@@ -1,3 +1,17 @@
-import { PropsFor, flexbox } from "../Box/index.js";
+import { PropsFor, SimpleStyleFunction } from "../style/index.js";
+export const flexBasis: SimpleStyleFunction<'flexBasis'>;
+export const flexDirection: SimpleStyleFunction<'flexDirection'>;
+export const flexWrap: SimpleStyleFunction<'flexWrap'>;
+export const justifyContent: SimpleStyleFunction<'justifyContent'>;
+export const alignItems: SimpleStyleFunction<'alignItems'>;
+export const alignContent: SimpleStyleFunction<'alignContent'>;
+export const order: SimpleStyleFunction<'order'>;
+export const flex: SimpleStyleFunction<'flex'>;
+export const flexGrow: SimpleStyleFunction<'flexGrow'>;
+export const flexShrink: SimpleStyleFunction<'flexShrink'>;
+export const alignSelf: SimpleStyleFunction<'alignSelf'>;
+export const justifyItems: SimpleStyleFunction<'justifyItems'>;
+export const justifySelf: SimpleStyleFunction<'justifySelf'>;
+declare const flexbox: SimpleStyleFunction<'flexBasis' | 'flexDirection' | 'flexWrap' | 'justifyContent' | 'alignItems' | 'alignContent' | 'order' | 'flex' | 'flexGrow' | 'flexShrink' | 'alignSelf' | 'justifyItems' | 'justifySelf'>;
 export type FlexboxProps = PropsFor<typeof flexbox>;
 export default flexbox;

package/index.d.ts

@@ -1,17 +1,26 @@
 // disable automatic export
 export {};
 export * from "./borders/index.js";
+export { default as borders } from "./borders/index.js";
 export { default as breakpoints, handleBreakpoints, mergeBreakpointsInOrder } from "./breakpoints/index.js";
 export { default as cssContainerQueries, type CssContainerQueries } from "./cssContainerQueries/index.js";
 export { default as compose } from "./compose/index.js";
 export * from "./display/index.js";
+export { default as display } from "./display/index.js";
 export * from "./flexbox/index.js";
+export { default as flexbox } from "./flexbox/index.js";
 export * from "./cssGrid/index.js";
+export { default as grid } from "./cssGrid/index.js";
 export * from "./palette/index.js";
+export { default as palette } from "./palette/index.js";
 export * from "./positions/index.js";
+export { default as positions } from "./positions/index.js";
 export * from "./shadows/index.js";
+export { default as shadows } from "./shadows/index.js";
 export * from "./sizing/index.js";
+export { default as sizing } from "./sizing/index.js";
 export * from "./typography/index.js";
+export { default as typography } from "./typography/index.js";
 export { default as unstable_getThemeValue } from "./getThemeValue/index.js";
 
 /**
@@ -29,6 +38,7 @@ export type { GlobalStylesProps } from "./GlobalStyles/index.js";
 export * from "./style/index.js";
 export { default as style } from "./style/index.js";
 export * from "./spacing/index.js";
+export { default as spacing } from "./spacing/index.js";
 export { default as unstable_styleFunctionSx, unstable_createStyleFunctionSx, extendSxProp as unstable_extendSxProp, unstable_defaultSxConfig } from "./styleFunctionSx/index.js";
 export * from "./styleFunctionSx/index.js";
 

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v7.0.1
+ * @mui/system v7.1.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/memoTheme.d.ts

@@ -8,5 +8,5 @@ type ThemeStyleFunction<T> = (props: {
  */
 export default function unstable_memoTheme<T>(styleFn: ThemeStyleFunction<T>): (props: {
   theme: T;
-}) => string | number | boolean | import("@mui/styled-engine").CSSObject | import("@mui/styled-engine").ComponentSelector | import("@mui/styled-engine").Keyframes | import("@mui/styled-engine").SerializedStyles | import("@mui/styled-engine").ArrayCSSInterpolation | null;
+}) => string | number | boolean | import("@mui/styled-engine").ComponentSelector | import("@mui/styled-engine").Keyframes | import("@mui/styled-engine").SerializedStyles | import("@mui/styled-engine").CSSObject | import("@mui/styled-engine").ArrayCSSInterpolation | null;
 export {};

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "7.0.1",
-  "private": false,
+  "version": "7.1.0",
   "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.",
   "main": "./index.js",
@@ -26,14 +25,14 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.10",
+    "@babel/runtime": "^7.27.1",
     "clsx": "^2.1.1",
     "csstype": "^3.1.3",
     "prop-types": "^15.8.1",
-    "@mui/private-theming": "^7.0.1",
-    "@mui/styled-engine": "^7.0.1",
-    "@mui/types": "^7.4.0",
-    "@mui/utils": "^7.0.1"
+    "@mui/types": "^7.4.2",
+    "@mui/private-theming": "^7.1.0",
+    "@mui/utils": "^7.1.0",
+    "@mui/styled-engine": "^7.1.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -60,6 +59,7 @@
   "engines": {
     "node": ">=14.0.0"
   },
+  "private": false,
   "module": "./esm/index.js",
   "exports": {
     "./package.json": "./package.json",
@@ -71,10 +71,6 @@
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/index.d.ts",
-        "default": "./modern/index.js"
       }
     },
     "./*": {
@@ -85,10 +81,6 @@
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/*/index.d.ts",
-        "default": "./modern/*/index.js"
       }
     },
     "./esm": null,

package/palette/palette.d.ts

@@ -1,5 +1,6 @@
-import { PropsFor, SimpleStyleFunction, palette } from "../Box/index.js";
+import { PropsFor, SimpleStyleFunction } from "../style/index.js";
 export const color: SimpleStyleFunction<'color'>;
 export const bgcolor: SimpleStyleFunction<'bgcolor'>;
+declare const palette: SimpleStyleFunction<'bgcolor' | 'color'>;
 export type PaletteProps = PropsFor<typeof palette>;
 export default palette;

package/positions/positions.d.ts

@@ -1,3 +1,4 @@
-import { PropsFor, positions } from "../Box/index.js";
+import { PropsFor, SimpleStyleFunction } from "../style/index.js";
+declare const positions: SimpleStyleFunction<'zIndex' | 'position' | 'top' | 'right' | 'bottom' | 'left'>;
 export type PositionsProps = PropsFor<typeof positions>;
 export default positions;

package/shadows/shadows.d.ts

@@ -1,3 +1,4 @@
-import { PropsFor, shadows } from "../Box/index.js";
+import { PropsFor, SimpleStyleFunction } from "../style/index.js";
+declare const shadows: SimpleStyleFunction<'boxShadow'>;
 export type ShadowsProps = PropsFor<typeof shadows>;
 export default shadows;

package/sizing/sizing.d.ts

@@ -1,4 +1,4 @@
-import { PropsFor, SimpleStyleFunction, sizing } from "../Box/index.js";
+import { PropsFor, SimpleStyleFunction } from "../style/index.js";
 export const width: SimpleStyleFunction<'width'>;
 export const maxWidth: SimpleStyleFunction<'maxWidth'>;
 export const minWidth: SimpleStyleFunction<'minWidth'>;
@@ -8,5 +8,6 @@ export const minHeight: SimpleStyleFunction<'minHeight'>;
 export const sizeWidth: SimpleStyleFunction<'sizeWidth'>;
 export const sizeHeight: SimpleStyleFunction<'sizeHeight'>;
 export const boxSizing: SimpleStyleFunction<'boxSizing'>;
+declare const sizing: SimpleStyleFunction<'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'sizeWidth' | 'sizeHeight' | 'boxSizing'>;
 export type SizingProps = PropsFor<typeof sizing>;
 export default sizing;

package/spacing/spacing.d.ts

@@ -1,4 +1,4 @@
-import { SimpleStyleFunction, spacing, PropsFor } from "../Box/index.js";
+import { SimpleStyleFunction, PropsFor } from "../style/index.js";
 export type SpacingValueType = string | number | null | undefined;
 export type SpacingProps = PropsFor<typeof spacing>;
 export function createUnarySpacing<Spacing>(theme: {
@@ -14,6 +14,7 @@ export function createUnaryUnit<Spacing>(theme: {
 export const margin: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd'>;
 export type MarginProps = PropsFor<typeof margin>;
 export const padding: SimpleStyleFunction<'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
+declare const spacing: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
 export function getValue(transformer: (prop: SpacingValueType) => SpacingValueType, propValue: SpacingValueType): SpacingValueType;
 export type PaddingProps = PropsFor<typeof padding>;
 export default spacing;

package/style/style.d.ts

@@ -1,5 +1,9 @@
 import { CSSObject } from '@mui/styled-engine';
-import { StyleFunction } from "../Box/index.js";
+export type PropsFor<SomeStyleFunction> = SomeStyleFunction extends StyleFunction<infer Props> ? Props : never;
+export type StyleFunction<Props> = (props: Props) => any;
+export type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Partial<Record<PropKey, any>>> & {
+  filterProps: string[];
+};
 export type TransformFunction = (cssValue: unknown, userValue: unknown) => number | string | React.CSSProperties | CSSObject;
 export interface StyleOptions<PropKey> {
   cssProperty?: PropKey | keyof React.CSSProperties | false;

package/styleFunctionSx/defaultSxConfig.d.ts

@@ -1,5 +1,4 @@
-import { StyleFunction } from "../Box/index.js";
-import { TransformFunction } from "../style/index.js";
+import { StyleFunction, TransformFunction } from "../style/index.js";
 type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Partial<Record<PropKey, any>>>;
 export interface SxConfigRecord {
   cssProperty?: keyof React.CSSProperties | false;

package/typography/typography.d.ts

@@ -1,4 +1,4 @@
-import { PropsFor, SimpleStyleFunction, typography } from "../Box/index.js";
+import { PropsFor, SimpleStyleFunction } from "../style/index.js";
 export const typographyVariant: SimpleStyleFunction<'typography'>;
 export const fontFamily: SimpleStyleFunction<'fontFamily'>;
 export const fontSize: SimpleStyleFunction<'fontSize'>;
@@ -8,5 +8,6 @@ export const letterSpacing: SimpleStyleFunction<'letterSpacing'>;
 export const lineHeight: SimpleStyleFunction<'lineHeight'>;
 export const textAlign: SimpleStyleFunction<'textAlign'>;
 export const textTransform: SimpleStyleFunction<'textTransform'>;
+declare const typography: SimpleStyleFunction<'typography' | 'fontFamily' | 'fontSize' | 'fontStyle' | 'fontWeight' | 'letterSpacing' | 'lineHeight' | 'textAlign' | 'textTransform'>;
 export type TypographyProps = PropsFor<typeof typography>;
 export default typography;

package/useMediaQuery/useMediaQuery.js

@@ -110,6 +110,9 @@ function unstable_createUseMediaQuery(params = {}) {
     }
     let query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;
     query = query.replace(/^@media( ?)/m, '');
+    if (query.includes('print')) {
+      console.warn([`MUI: You have provided a \`print\` query to the \`useMediaQuery\` hook.`, 'Using the print media query to modify print styles can lead to unexpected results.', 'Consider using the `displayPrint` field in the `sx` prop instead.', 'More information about `displayPrint` on our docs: https://mui.com/system/display/#display-in-print.'].join('\n'));
+    }
     const useMediaQueryImplementation = maybeReactUseSyncExternalStore !== undefined ? useMediaQueryNew : useMediaQueryOld;
     const match = useMediaQueryImplementation(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr);
     if (process.env.NODE_ENV !== 'production') {

package/useThemeProps/getThemeProps.d.ts

@@ -1,9 +1,4 @@
 export {};
-interface ThemeWithProps<Components> {
-  components?: { [K in keyof Components]: {
-    defaultProps?: Partial<Components[K]>;
-  } };
-}
 type ThemedProps<Theme, Name extends keyof any> = Theme extends {
   components: Record<Name, {
     defaultProps: infer Props;

package/version/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "7.0.1";
+const version = exports.version = "7.1.0";
 const major = exports.major = Number("7");
-const minor = exports.minor = Number("0");
-const patch = exports.patch = Number("1");
+const minor = exports.minor = Number("1");
+const patch = exports.patch = Number("0");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;

package/modern/Box/Box.d.ts

@@ -1,72 +0,0 @@
-import * as React from 'react';
-import { OverridableComponent, OverrideProps } from '@mui/types';
-import { Theme as SystemTheme } from "../createTheme/index.js";
-import { SxProps, AllSystemCSSProperties, ResponsiveStyleValue, OverwriteCSSProperties, AliasesCSSProperties } from "../styleFunctionSx/index.js";
-export type PropsFor<SomeStyleFunction> = SomeStyleFunction extends StyleFunction<infer Props> ? Props : never;
-export type StyleFunction<Props> = (props: Props) => any;
-export type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Partial<Record<PropKey, any>>> & {
-  filterProps: string[];
-};
-
-// borders.js
-export declare const borders: SimpleStyleFunction<'border' | 'borderTop' | 'borderRight' | 'borderBottom' | 'borderLeft' | 'borderColor' | 'borderRadius'>;
-export declare const display: SimpleStyleFunction<'display' | 'displayPrint' | 'overflow' | 'textOverflow' | 'visibility' | 'whiteSpace'>;
-export declare const flexbox: SimpleStyleFunction<'flexBasis' | 'flexDirection' | 'flexWrap' | 'justifyContent' | 'alignItems' | 'alignContent' | 'order' | 'flex' | 'flexGrow' | 'flexShrink' | 'alignSelf' | 'justifyItems' | 'justifySelf'>;
-export declare const grid: SimpleStyleFunction<'gap' | 'columnGap' | 'rowGap' | 'gridColumn' | 'gridRow' | 'gridAutoFlow' | 'gridAutoColumns' | 'gridAutoRows' | 'gridTemplateColumns' | 'gridTemplateRows' | 'gridTemplateAreas' | 'gridArea'>;
-export declare const palette: SimpleStyleFunction<'bgcolor' | 'color'>;
-export declare const positions: SimpleStyleFunction<'zIndex' | 'position' | 'top' | 'right' | 'bottom' | 'left'>;
-export declare const shadows: SimpleStyleFunction<'boxShadow'>;
-export declare const sizing: SimpleStyleFunction<'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'sizeWidth' | 'sizeHeight' | 'boxSizing'>;
-export declare const spacing: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
-export declare const typography: SimpleStyleFunction<'typography' | 'fontFamily' | 'fontSize' | 'fontStyle' | 'fontWeight' | 'letterSpacing' | 'lineHeight' | 'textAlign' | 'textTransform'>;
-
-// compose.js
-/**
- * given a list of StyleFunction return the intersection of the props each individual
- * StyleFunction requires.
- *
- * If `firstFn` requires { color: string } and `secondFn` requires { spacing: number }
- * their composed function requires { color: string, spacing: number }
- */
-type ComposedArg<T> = T extends Array<(arg: infer P) => any> ? P : never;
-type ComposedOwnerState<T> = ComposedArg<T>;
-export type ComposedStyleFunction<T extends Array<StyleFunction<any>>> = StyleFunction<ComposedOwnerState<T>> & {
-  filterProps: string[];
-};
-export interface CustomSystemProps extends AliasesCSSProperties, OverwriteCSSProperties {}
-export type SimpleSystemKeys = keyof PropsFor<ComposedStyleFunction<[typeof borders, typeof display, typeof flexbox, typeof grid, typeof palette, typeof positions, typeof shadows, typeof sizing, typeof spacing, typeof typography]>>;
-
-// The SimpleSystemKeys are subset of the AllSystemCSSProperties, so this should be ok
-// This is needed as these are used as keys inside AllSystemCSSProperties
-type StandardSystemKeys = Extract<SimpleSystemKeys, keyof AllSystemCSSProperties>;
-export type SystemProps<Theme extends object = {}> = { [K in StandardSystemKeys]?: ResponsiveStyleValue<AllSystemCSSProperties[K]> | ((theme: Theme) => ResponsiveStyleValue<AllSystemCSSProperties[K]>) };
-export interface BoxOwnProps<Theme extends object = SystemTheme> extends SystemProps<Theme> {
-  children?: React.ReactNode;
-  ref?: React.Ref<unknown>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface BoxTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div', Theme extends object = SystemTheme> {
-  props: AdditionalProps & BoxOwnProps<Theme>;
-  defaultComponent: RootComponent;
-}
-
-/**
- *
- * Demos:
- *
- * - [Box (Joy UI)](https://mui.com/joy-ui/react-box/)
- * - [Box (Material UI)](https://mui.com/material-ui/react-box/)
- * - [Box (MUI System)](https://mui.com/system/react-box/)
- *
- * API:
- *
- * - [Box API](https://mui.com/system/api/box/)
- */
-declare const Box: OverridableComponent<BoxTypeMap>;
-export type BoxProps<RootComponent extends React.ElementType = BoxTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BoxTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default Box;

package/modern/Box/Box.js

@@ -1,30 +0,0 @@
-'use client';
-
-import PropTypes from 'prop-types';
-import ClassNameGenerator from '@mui/utils/ClassNameGenerator';
-import createBox from "../createBox/index.js";
-import boxClasses from "./boxClasses.js";
-const Box = createBox({
-  defaultClassName: boxClasses.root,
-  generateClassName: ClassNameGenerator.generate
-});
-process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default Box;

package/modern/Box/boxClasses.d.ts

@@ -1,7 +0,0 @@
-export interface BoxClasses {
-  /** Styles applied to the root element. */
-  root: string;
-}
-export type BoxClassKey = keyof BoxClasses;
-declare const boxClasses: BoxClasses;
-export default boxClasses;

package/modern/Box/boxClasses.js

@@ -1,3 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-const boxClasses = generateUtilityClasses('MuiBox', ['root']);
-export default boxClasses;

package/modern/Box/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./Box.js";
-export * from "./Box.js";
-export { default as boxClasses } from "./boxClasses.js";
-export * from "./boxClasses.js";

package/modern/Box/index.js

@@ -1,3 +0,0 @@
-export { default } from "./Box.js";
-export { default as boxClasses } from "./boxClasses.js";
-export * from "./boxClasses.js";

package/modern/CSSProperties.d.ts

@@ -1,7 +0,0 @@
-import * as CSS from 'csstype';
-
-/**
- * All non-vendor-prefixed CSS properties. (Also allows `number` in order to support CSS-in-JS libs,
- * since they are converted to `px`.)
- */
-export interface CSSProperties extends CSS.StandardProperties<number | string>, CSS.SvgProperties<number | string> {}

package/modern/Container/Container.d.ts

@@ -1,13 +0,0 @@
-/**
- *
- * Demos:
- *
- * - [Container (Material UI)](https://mui.com/material-ui/react-container/)
- * - [Container (MUI System)](https://mui.com/system/react-container/)
- *
- * API:
- *
- * - [Container API](https://mui.com/system/api/container/)
- */
-declare const Container: import("@mui/types").OverridableComponent<import("./ContainerProps.js").ContainerTypeMap<{}, "div">>;
-export default Container;

package/modern/Container/Container.js

@@ -1,61 +0,0 @@
-'use client';
-
-import PropTypes from 'prop-types';
-import createContainer from "./createContainer.js";
-
-/**
- *
- * Demos:
- *
- * - [Container (Material UI)](https://mui.com/material-ui/react-container/)
- * - [Container (MUI System)](https://mui.com/system/react-container/)
- *
- * API:
- *
- * - [Container API](https://mui.com/system/api/container/)
- */
-const Container = createContainer();
-process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters: PropTypes.bool,
-  /**
-   * Set the max-width to match the min-width of the current breakpoint.
-   * This is useful if you'd prefer to design for a fixed set of sizes
-   * instead of trying to accommodate a fully fluid viewport.
-   * It's fluid by default.
-   * @default false
-   */
-  fixed: PropTypes.bool,
-  /**
-   * Determine the max-width of the container.
-   * The container width grows with the size of the screen.
-   * Set to `false` to disable `maxWidth`.
-   * @default 'lg'
-   */
-  maxWidth: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default Container;

package/modern/Container/ContainerProps.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { OverrideProps } from '@mui/types';
-import { SxProps } from "../styleFunctionSx/index.js";
-import { Theme, Breakpoint } from "../createTheme/index.js";
-import { ContainerClasses } from "./containerClasses.js";
-export interface ContainerTypeMap<AdditionalProps = {}, DefaultComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & {
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ContainerClasses>;
-    /**
-     * If `true`, the left and right padding is removed.
-     * @default false
-     */
-    disableGutters?: boolean;
-    /**
-     * Set the max-width to match the min-width of the current breakpoint.
-     * This is useful if you'd prefer to design for a fixed set of sizes
-     * instead of trying to accommodate a fully fluid viewport.
-     * It's fluid by default.
-     * @default false
-     */
-    fixed?: boolean;
-    /**
-     * Determine the max-width of the container.
-     * The container width grows with the size of the screen.
-     * Set to `false` to disable `maxWidth`.
-     * @default 'lg'
-     */
-    maxWidth?: Breakpoint | false;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
-}
-export type ContainerProps<RootComponent extends React.ElementType = ContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ContainerTypeMap<AdditionalProps, RootComponent>, RootComponent>;

package/modern/Container/ContainerProps.js

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

package/modern/Container/containerClasses.d.ts

@@ -1,22 +0,0 @@
-export interface ContainerClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `disableGutters={true}`. */
-  disableGutters: string;
-  /** Styles applied to the root element if `fixed={true}`. */
-  fixed: string;
-  /** Styles applied to the root element if `maxWidth="xs"`. */
-  maxWidthXs: string;
-  /** Styles applied to the root element if `maxWidth="sm"`. */
-  maxWidthSm: string;
-  /** Styles applied to the root element if `maxWidth="md"`. */
-  maxWidthMd: string;
-  /** Styles applied to the root element if `maxWidth="lg"`. */
-  maxWidthLg: string;
-  /** Styles applied to the root element if `maxWidth="xl"`. */
-  maxWidthXl: string;
-}
-export type ContainerClassKey = keyof ContainerClasses;
-export declare function getContainerUtilityClass(slot: string): string;
-declare const containerClasses: ContainerClasses;
-export default containerClasses;