@mui/system 9.1.1 → 9.2.0

package/createBreakpoints/createBreakpoints.mjs

@@ -1,6 +1,10 @@
 // Sorted ASC by size. That's important.
 // It can't be configured as it's used statically for propTypes.
 export const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'];
+
+// Keep in sync with docs/src/pages/customization/breakpoints/breakpoints.md
+// #host-reference
+
 const sortBreakpointsValues = values => {
   const breakpointsAsArray = Object.keys(values).map(key => ({
     key,
@@ -19,18 +23,12 @@ const sortBreakpointsValues = values => {
 // Keep in mind that @media is inclusive by the CSS specification.
 export default function createBreakpoints(breakpoints) {
   const {
-    // The breakpoint **start** at this value.
-    // For instance with the first breakpoint xs: [xs, sm).
     values = {
       xs: 0,
-      // phone
       sm: 600,
-      // tablet
       md: 900,
-      // small laptop
       lg: 1200,
-      // desktop
-      xl: 1536 // large screen
+      xl: 1536
     },
     unit = 'px',
     step = 5,
@@ -72,7 +70,7 @@ export default function createBreakpoints(breakpoints) {
     mediaKeys.push(up(keys[i]));
   }
   return {
-    keys,
+    keys: keys,
     values: sortedValues,
     up,
     down,

package/createBreakpoints/index.d.mts

@@ -1,3 +1,2 @@
 /** This export is intended for internal integration with Pigment CSS */
-/* eslint-disable import/prefer-default-export */
 export { default as unstable_createBreakpoints } from "./createBreakpoints.mjs";

package/createBreakpoints/index.d.ts

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

package/createTheme/shape.d.mts

@@ -2,5 +2,5 @@ export interface Shape {
   borderRadius: number | string;
 }
 export type ShapeOptions = Partial<Shape>;
-declare const shape: Shape;
-export default shape;
+declare const _default: Shape;
+export default _default;

package/createTheme/shape.d.ts

@@ -2,5 +2,5 @@ export interface Shape {
   borderRadius: number | string;
 }
 export type ShapeOptions = Partial<Shape>;
-declare const shape: Shape;
-export default shape;
+declare const _default: Shape;
+export default _default;

package/cssGrid/cssGrid.d.mts

@@ -1,16 +1,16 @@
-import { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
-export const gap: SimpleStyleFunction<'gap'>;
-export const columnGap: SimpleStyleFunction<'columnGap'>;
-export const rowGap: SimpleStyleFunction<'rowGap'>;
-export const gridColumn: SimpleStyleFunction<'gridColumn'>;
-export const gridRow: SimpleStyleFunction<'gridRow'>;
-export const gridAutoFlow: SimpleStyleFunction<'gridAutoFlow'>;
-export const gridAutoColumns: SimpleStyleFunction<'gridAutoColumns'>;
-export const gridAutoRows: SimpleStyleFunction<'gridAutoRows'>;
-export const gridTemplateColumns: SimpleStyleFunction<'gridTemplateColumns'>;
-export const gridTemplateRows: SimpleStyleFunction<'gridTemplateRows'>;
-export const gridTemplateAreas: SimpleStyleFunction<'gridTemplateAreas'>;
-export const gridArea: SimpleStyleFunction<'gridArea'>;
+import type { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
+export declare const gap: SimpleStyleFunction<'gap'>;
+export declare const columnGap: SimpleStyleFunction<'columnGap'>;
+export declare const rowGap: SimpleStyleFunction<'rowGap'>;
+export declare const gridColumn: SimpleStyleFunction<'gridColumn'>;
+export declare const gridRow: SimpleStyleFunction<'gridRow'>;
+export declare const gridAutoFlow: SimpleStyleFunction<'gridAutoFlow'>;
+export declare const gridAutoColumns: SimpleStyleFunction<'gridAutoColumns'>;
+export declare const gridAutoRows: SimpleStyleFunction<'gridAutoRows'>;
+export declare const gridTemplateColumns: SimpleStyleFunction<'gridTemplateColumns'>;
+export declare const gridTemplateRows: SimpleStyleFunction<'gridTemplateRows'>;
+export declare const gridTemplateAreas: SimpleStyleFunction<'gridTemplateAreas'>;
+export declare const gridArea: SimpleStyleFunction<'gridArea'>;
 declare const grid: SimpleStyleFunction<'gap' | 'columnGap' | 'rowGap' | 'gridColumn' | 'gridRow' | 'gridAutoFlow' | 'gridAutoColumns' | 'gridAutoRows' | 'gridTemplateColumns' | 'gridTemplateRows' | 'gridTemplateAreas' | 'gridArea'>;
 export type CssGridProps = PropsFor<typeof grid>;
 export default grid;

package/cssGrid/cssGrid.d.ts

@@ -1,16 +1,16 @@
-import { PropsFor, SimpleStyleFunction } from "../style/index.js";
-export const gap: SimpleStyleFunction<'gap'>;
-export const columnGap: SimpleStyleFunction<'columnGap'>;
-export const rowGap: SimpleStyleFunction<'rowGap'>;
-export const gridColumn: SimpleStyleFunction<'gridColumn'>;
-export const gridRow: SimpleStyleFunction<'gridRow'>;
-export const gridAutoFlow: SimpleStyleFunction<'gridAutoFlow'>;
-export const gridAutoColumns: SimpleStyleFunction<'gridAutoColumns'>;
-export const gridAutoRows: SimpleStyleFunction<'gridAutoRows'>;
-export const gridTemplateColumns: SimpleStyleFunction<'gridTemplateColumns'>;
-export const gridTemplateRows: SimpleStyleFunction<'gridTemplateRows'>;
-export const gridTemplateAreas: SimpleStyleFunction<'gridTemplateAreas'>;
-export const gridArea: SimpleStyleFunction<'gridArea'>;
+import type { PropsFor, SimpleStyleFunction } from "../style/index.js";
+export declare const gap: SimpleStyleFunction<'gap'>;
+export declare const columnGap: SimpleStyleFunction<'columnGap'>;
+export declare const rowGap: SimpleStyleFunction<'rowGap'>;
+export declare const gridColumn: SimpleStyleFunction<'gridColumn'>;
+export declare const gridRow: SimpleStyleFunction<'gridRow'>;
+export declare const gridAutoFlow: SimpleStyleFunction<'gridAutoFlow'>;
+export declare const gridAutoColumns: SimpleStyleFunction<'gridAutoColumns'>;
+export declare const gridAutoRows: SimpleStyleFunction<'gridAutoRows'>;
+export declare const gridTemplateColumns: SimpleStyleFunction<'gridTemplateColumns'>;
+export declare const gridTemplateRows: SimpleStyleFunction<'gridTemplateRows'>;
+export declare const gridTemplateAreas: SimpleStyleFunction<'gridTemplateAreas'>;
+export declare const gridArea: SimpleStyleFunction<'gridArea'>;
 declare const grid: SimpleStyleFunction<'gap' | 'columnGap' | 'rowGap' | 'gridColumn' | 'gridRow' | 'gridAutoFlow' | 'gridAutoColumns' | 'gridAutoRows' | 'gridTemplateColumns' | 'gridTemplateRows' | 'gridTemplateAreas' | 'gridArea'>;
 export type CssGridProps = PropsFor<typeof grid>;
 export default grid;

package/cssGrid/cssGrid.js

@@ -10,8 +10,6 @@ var _compose = _interopRequireDefault(require("../compose"));
 var _spacing = require("../spacing");
 var _breakpoints = require("../breakpoints");
 var _responsivePropType = _interopRequireDefault(require("../responsivePropType"));
-// false positive
-// eslint-disable-next-line react/function-component-definition
 const gap = props => {
   if (props.gap !== undefined && props.gap !== null) {
     const transformer = (0, _spacing.createUnaryUnit)(props.theme, 'spacing', 8, 'gap');
@@ -27,9 +25,6 @@ gap.propTypes = process.env.NODE_ENV !== 'production' ? {
   gap: _responsivePropType.default
 } : {};
 gap.filterProps = ['gap'];
-
-// false positive
-// eslint-disable-next-line react/function-component-definition
 const columnGap = props => {
   if (props.columnGap !== undefined && props.columnGap !== null) {
     const transformer = (0, _spacing.createUnaryUnit)(props.theme, 'spacing', 8, 'columnGap');
@@ -45,9 +40,6 @@ columnGap.propTypes = process.env.NODE_ENV !== 'production' ? {
   columnGap: _responsivePropType.default
 } : {};
 columnGap.filterProps = ['columnGap'];
-
-// false positive
-// eslint-disable-next-line react/function-component-definition
 const rowGap = props => {
   if (props.rowGap !== undefined && props.rowGap !== null) {
     const transformer = (0, _spacing.createUnaryUnit)(props.theme, 'spacing', 8, 'rowGap');

package/cssGrid/cssGrid.mjs

@@ -3,9 +3,6 @@ import compose from "../compose/index.mjs";
 import { createUnaryUnit, getValue } from "../spacing/index.mjs";
 import { handleBreakpoints } from "../breakpoints/index.mjs";
 import responsivePropType from "../responsivePropType/index.mjs";
-
-// false positive
-// eslint-disable-next-line react/function-component-definition
 export const gap = props => {
   if (props.gap !== undefined && props.gap !== null) {
     const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');
@@ -20,9 +17,6 @@ gap.propTypes = process.env.NODE_ENV !== 'production' ? {
   gap: responsivePropType
 } : {};
 gap.filterProps = ['gap'];
-
-// false positive
-// eslint-disable-next-line react/function-component-definition
 export const columnGap = props => {
   if (props.columnGap !== undefined && props.columnGap !== null) {
     const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');
@@ -37,9 +31,6 @@ columnGap.propTypes = process.env.NODE_ENV !== 'production' ? {
   columnGap: responsivePropType
 } : {};
 columnGap.filterProps = ['columnGap'];
-
-// false positive
-// eslint-disable-next-line react/function-component-definition
 export const rowGap = props => {
   if (props.rowGap !== undefined && props.rowGap !== null) {
     const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');

package/cssVars/createCssVarsProvider.js

@@ -14,7 +14,7 @@ var _styledEngine = require("@mui/styled-engine");
 var _privateTheming = require("@mui/private-theming");
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _ThemeProvider = _interopRequireDefault(require("../ThemeProvider"));
-var _InitColorSchemeScript = _interopRequireWildcard(require("../InitColorSchemeScript/InitColorSchemeScript"));
+var _InitColorSchemeScript = require("../InitColorSchemeScript/InitColorSchemeScript");
 var _useCurrentColorScheme = _interopRequireDefault(require("./useCurrentColorScheme"));
 var _jsxRuntime = require("react/jsx-runtime");
 const DISABLE_CSS_TRANSITION = exports.DISABLE_CSS_TRANSITION = '*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}';
@@ -332,7 +332,7 @@ function createCssVarsProvider(options) {
   } : void 0;
   const defaultLightColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.light;
   const defaultDarkColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.dark;
-  const getInitColorSchemeScript = params => (0, _InitColorSchemeScript.default)({
+  const getInitColorSchemeScript = params => (0, _InitColorSchemeScript.buildInitColorSchemeScript)({
     colorSchemeStorageKey: defaultColorSchemeStorageKey,
     defaultLightColorScheme,
     defaultDarkColorScheme,

package/cssVars/createCssVarsProvider.mjs

@@ -6,7 +6,7 @@ import { GlobalStyles } from '@mui/styled-engine';
 import { useTheme as muiUseTheme } from '@mui/private-theming';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import ThemeProvider from "../ThemeProvider/index.mjs";
-import InitColorSchemeScript, { DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from "../InitColorSchemeScript/InitColorSchemeScript.mjs";
+import { buildInitColorSchemeScript, DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from "../InitColorSchemeScript/InitColorSchemeScript.mjs";
 import useCurrentColorScheme from "./useCurrentColorScheme.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const DISABLE_CSS_TRANSITION = '*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}';
@@ -324,7 +324,7 @@ export default function createCssVarsProvider(options) {
   } : void 0;
   const defaultLightColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.light;
   const defaultDarkColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.dark;
-  const getInitColorSchemeScript = params => InitColorSchemeScript({
+  const getInitColorSchemeScript = params => buildInitColorSchemeScript({
     colorSchemeStorageKey: defaultColorSchemeStorageKey,
     defaultLightColorScheme,
     defaultDarkColorScheme,

package/cssVars/useCurrentColorScheme.js

@@ -82,6 +82,7 @@ function useCurrentColorScheme(options) {
   });
   const [isClient, setIsClient] = React.useState(noSsr || !isMultiSchemes);
   React.useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     setIsClient(true); // to rerender the component after hydration
   }, []);
   const colorScheme = getColorScheme(state);

package/cssVars/useCurrentColorScheme.mjs

@@ -73,6 +73,7 @@ export default function useCurrentColorScheme(options) {
   });
   const [isClient, setIsClient] = React.useState(noSsr || !isMultiSchemes);
   React.useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     setIsClient(true); // to rerender the component after hydration
   }, []);
   const colorScheme = getColorScheme(state);

package/display/display.d.mts

@@ -1,4 +1,52 @@
-import { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
+import type { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
+export declare const displayPrint: import("../index.mjs").StyleFunction<{
+  displayPrint?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const displayRaw: import("../index.mjs").StyleFunction<{
+  display?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const overflow: import("../index.mjs").StyleFunction<{
+  overflow?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const textOverflow: import("../index.mjs").StyleFunction<{
+  textOverflow?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const visibility: import("../index.mjs").StyleFunction<{
+  visibility?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const whiteSpace: import("../index.mjs").StyleFunction<{
+  whiteSpace?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
 declare const display: SimpleStyleFunction<'display' | 'displayPrint' | 'overflow' | 'textOverflow' | 'visibility' | 'whiteSpace'>;
 export type DisplayProps = PropsFor<typeof display>;
 export default display;

package/display/display.d.ts

@@ -1,4 +1,52 @@
-import { PropsFor, SimpleStyleFunction } from "../style/index.js";
+import type { PropsFor, SimpleStyleFunction } from "../style/index.js";
+export declare const displayPrint: import("../index.js").StyleFunction<{
+  displayPrint?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const displayRaw: import("../index.js").StyleFunction<{
+  display?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const overflow: import("../index.js").StyleFunction<{
+  overflow?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const textOverflow: import("../index.js").StyleFunction<{
+  textOverflow?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const visibility: import("../index.js").StyleFunction<{
+  visibility?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const whiteSpace: import("../index.js").StyleFunction<{
+  whiteSpace?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
 declare const display: SimpleStyleFunction<'display' | 'displayPrint' | 'overflow' | 'textOverflow' | 'visibility' | 'whiteSpace'>;
 export type DisplayProps = PropsFor<typeof display>;
 export default display;

package/display/display.js

@@ -31,4 +31,5 @@ const visibility = exports.visibility = (0, _style.default)({
 const whiteSpace = exports.whiteSpace = (0, _style.default)({
   prop: 'whiteSpace'
 });
-var _default = exports.default = (0, _compose.default)(displayPrint, displayRaw, overflow, textOverflow, visibility, whiteSpace);
+const display = (0, _compose.default)(displayPrint, displayRaw, overflow, textOverflow, visibility, whiteSpace);
+var _default = exports.default = display;

package/display/display.mjs

@@ -24,4 +24,5 @@ export const visibility = style({
 export const whiteSpace = style({
   prop: 'whiteSpace'
 });
-export default compose(displayPrint, displayRaw, overflow, textOverflow, visibility, whiteSpace);
+const display = compose(displayPrint, displayRaw, overflow, textOverflow, visibility, whiteSpace);
+export default display;

package/flexbox/flexbox.d.mts

@@ -1,17 +1,17 @@
-import { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
-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'>;
+import type { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
+export declare const flexBasis: SimpleStyleFunction<'flexBasis'>;
+export declare const flexDirection: SimpleStyleFunction<'flexDirection'>;
+export declare const flexWrap: SimpleStyleFunction<'flexWrap'>;
+export declare const justifyContent: SimpleStyleFunction<'justifyContent'>;
+export declare const alignItems: SimpleStyleFunction<'alignItems'>;
+export declare const alignContent: SimpleStyleFunction<'alignContent'>;
+export declare const order: SimpleStyleFunction<'order'>;
+export declare const flex: SimpleStyleFunction<'flex'>;
+export declare const flexGrow: SimpleStyleFunction<'flexGrow'>;
+export declare const flexShrink: SimpleStyleFunction<'flexShrink'>;
+export declare const alignSelf: SimpleStyleFunction<'alignSelf'>;
+export declare const justifyItems: SimpleStyleFunction<'justifyItems'>;
+export declare 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/flexbox/flexbox.d.ts

@@ -1,17 +1,17 @@
-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'>;
+import type { PropsFor, SimpleStyleFunction } from "../style/index.js";
+export declare const flexBasis: SimpleStyleFunction<'flexBasis'>;
+export declare const flexDirection: SimpleStyleFunction<'flexDirection'>;
+export declare const flexWrap: SimpleStyleFunction<'flexWrap'>;
+export declare const justifyContent: SimpleStyleFunction<'justifyContent'>;
+export declare const alignItems: SimpleStyleFunction<'alignItems'>;
+export declare const alignContent: SimpleStyleFunction<'alignContent'>;
+export declare const order: SimpleStyleFunction<'order'>;
+export declare const flex: SimpleStyleFunction<'flex'>;
+export declare const flexGrow: SimpleStyleFunction<'flexGrow'>;
+export declare const flexShrink: SimpleStyleFunction<'flexShrink'>;
+export declare const alignSelf: SimpleStyleFunction<'alignSelf'>;
+export declare const justifyItems: SimpleStyleFunction<'justifyItems'>;
+export declare 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/getThemeValue/getThemeValue.d.mts

@@ -1 +1,2 @@
-export default function getThemeValue(prop: string, value: any, theme: object): any;
+declare function getThemeValue(prop: string, value: any, theme: object): any;
+export default getThemeValue;

package/getThemeValue/getThemeValue.d.ts

@@ -1 +1,2 @@
-export default function getThemeValue(prop: string, value: any, theme: object): any;
+declare function getThemeValue(prop: string, value: any, theme: object): any;
+export default getThemeValue;

package/getThemeValue/getThemeValue.js

@@ -27,6 +27,8 @@ const filterPropsMapping = {
   spacing: _spacing.default.filterProps,
   typography: _typography.default.filterProps
 };
+
+/** @internal */
 const styleFunctionMapping = exports.styleFunctionMapping = {
   borders: _borders.default,
   display: _display.default,
@@ -39,10 +41,12 @@ const styleFunctionMapping = exports.styleFunctionMapping = {
   spacing: _spacing.default,
   typography: _typography.default
 };
+
+/** @internal */
 const propToStyleFunction = exports.propToStyleFunction = Object.keys(filterPropsMapping).reduce((acc, styleFnName) => {
-  filterPropsMapping[styleFnName].forEach(propName => {
+  for (const propName of filterPropsMapping[styleFnName]) {
     acc[propName] = styleFunctionMapping[styleFnName];
-  });
+  }
   return acc;
 }, {});
 function getThemeValue(prop, value, theme) {

package/getThemeValue/getThemeValue.mjs

@@ -20,6 +20,8 @@ const filterPropsMapping = {
   spacing: spacing.filterProps,
   typography: typography.filterProps
 };
+
+/** @internal */
 export const styleFunctionMapping = {
   borders,
   display,
@@ -27,15 +29,17 @@ export const styleFunctionMapping = {
   grid,
   positions,
   palette,
-  shadows,
+  shadows: shadows,
   sizing,
   spacing,
   typography
 };
+
+/** @internal */
 export const propToStyleFunction = Object.keys(filterPropsMapping).reduce((acc, styleFnName) => {
-  filterPropsMapping[styleFnName].forEach(propName => {
+  for (const propName of filterPropsMapping[styleFnName]) {
     acc[propName] = styleFunctionMapping[styleFnName];
-  });
+  }
   return acc;
 }, {});
 function getThemeValue(prop, value, theme) {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v9.1.1
+ * @mui/system v9.2.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/system v9.1.1
+ * @mui/system v9.2.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/memoize/memoize.d.mts

@@ -1 +1 @@
-export default function memoize<ArgType = any, ReturnType = any>(fn: (arg: ArgType) => ReturnType): (arg: ArgType) => ReturnType;
+export default function memoize<ArgType extends keyof any = any, ReturnType = any>(fn: (arg: ArgType) => ReturnType): (arg: ArgType) => ReturnType;

package/memoize/memoize.d.ts

@@ -1 +1 @@
-export default function memoize<ArgType = any, ReturnType = any>(fn: (arg: ArgType) => ReturnType): (arg: ArgType) => ReturnType;
+export default function memoize<ArgType extends keyof any = any, ReturnType = any>(fn: (arg: ArgType) => ReturnType): (arg: ArgType) => ReturnType;