@mui/system 9.1.1 → 9.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "9.1.1",
+  "version": "9.2.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.",
   "license": "MIT",
@@ -28,10 +28,10 @@
     "clsx": "^2.1.1",
     "csstype": "^3.2.3",
     "prop-types": "^15.8.1",
-    "@mui/private-theming": "^9.1.1",
     "@mui/styled-engine": "^9.1.1",
+    "@mui/private-theming": "^9.2.0",
     "@mui/types": "^9.1.1",
-    "@mui/utils": "^9.1.1"
+    "@mui/utils": "^9.2.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -74,48 +74,6 @@
         "default": "./index.mjs"
       }
     },
-    "./Box": {
-      "import": {
-        "types": "./Box/index.d.mts",
-        "default": "./Box/index.mjs"
-      },
-      "require": {
-        "types": "./Box/index.d.ts",
-        "default": "./Box/index.js"
-      },
-      "default": {
-        "types": "./Box/index.d.mts",
-        "default": "./Box/index.mjs"
-      }
-    },
-    "./Container": {
-      "import": {
-        "types": "./Container/index.d.mts",
-        "default": "./Container/index.mjs"
-      },
-      "require": {
-        "types": "./Container/index.d.ts",
-        "default": "./Container/index.js"
-      },
-      "default": {
-        "types": "./Container/index.d.mts",
-        "default": "./Container/index.mjs"
-      }
-    },
-    "./createBreakpoints": {
-      "import": {
-        "types": "./createBreakpoints/index.d.mts",
-        "default": "./createBreakpoints/index.mjs"
-      },
-      "require": {
-        "types": "./createBreakpoints/index.d.ts",
-        "default": "./createBreakpoints/index.js"
-      },
-      "default": {
-        "types": "./createBreakpoints/index.d.mts",
-        "default": "./createBreakpoints/index.mjs"
-      }
-    },
     "./createTheme": {
       "import": {
         "types": "./createTheme/index.d.mts",
@@ -158,32 +116,32 @@
         "default": "./styleFunctionSx/index.mjs"
       }
     },
-    "./ThemeProvider": {
+    "./Box": {
       "import": {
-        "types": "./ThemeProvider/index.d.mts",
-        "default": "./ThemeProvider/index.mjs"
+        "types": "./Box/index.d.mts",
+        "default": "./Box/index.mjs"
       },
       "require": {
-        "types": "./ThemeProvider/index.d.ts",
-        "default": "./ThemeProvider/index.js"
+        "types": "./Box/index.d.ts",
+        "default": "./Box/index.js"
       },
       "default": {
-        "types": "./ThemeProvider/index.d.mts",
-        "default": "./ThemeProvider/index.mjs"
+        "types": "./Box/index.d.mts",
+        "default": "./Box/index.mjs"
       }
     },
-    "./useThemeProps": {
+    "./Container": {
       "import": {
-        "types": "./useThemeProps/index.d.mts",
-        "default": "./useThemeProps/index.mjs"
+        "types": "./Container/index.d.mts",
+        "default": "./Container/index.mjs"
       },
       "require": {
-        "types": "./useThemeProps/index.d.ts",
-        "default": "./useThemeProps/index.js"
+        "types": "./Container/index.d.ts",
+        "default": "./Container/index.js"
       },
       "default": {
-        "types": "./useThemeProps/index.d.mts",
-        "default": "./useThemeProps/index.mjs"
+        "types": "./Container/index.d.mts",
+        "default": "./Container/index.mjs"
       }
     },
     "./DefaultPropsProvider": {
@@ -256,6 +214,20 @@
         "default": "./Stack/index.mjs"
       }
     },
+    "./ThemeProvider": {
+      "import": {
+        "types": "./ThemeProvider/index.d.mts",
+        "default": "./ThemeProvider/index.mjs"
+      },
+      "require": {
+        "types": "./ThemeProvider/index.d.ts",
+        "default": "./ThemeProvider/index.js"
+      },
+      "default": {
+        "types": "./ThemeProvider/index.d.mts",
+        "default": "./ThemeProvider/index.mjs"
+      }
+    },
     "./borders": {
       "import": {
         "types": "./borders/index.d.mts",
@@ -326,6 +298,20 @@
         "default": "./createBox/index.mjs"
       }
     },
+    "./createBreakpoints": {
+      "import": {
+        "types": "./createBreakpoints/index.d.mts",
+        "default": "./createBreakpoints/index.mjs"
+      },
+      "require": {
+        "types": "./createBreakpoints/index.d.ts",
+        "default": "./createBreakpoints/index.js"
+      },
+      "default": {
+        "types": "./createBreakpoints/index.d.mts",
+        "default": "./createBreakpoints/index.mjs"
+      }
+    },
     "./createStyled": {
       "import": {
         "types": "./createStyled/index.d.mts",
@@ -620,6 +606,20 @@
         "default": "./useTheme/index.mjs"
       }
     },
+    "./useThemeProps": {
+      "import": {
+        "types": "./useThemeProps/index.d.mts",
+        "default": "./useThemeProps/index.mjs"
+      },
+      "require": {
+        "types": "./useThemeProps/index.d.ts",
+        "default": "./useThemeProps/index.js"
+      },
+      "default": {
+        "types": "./useThemeProps/index.d.mts",
+        "default": "./useThemeProps/index.mjs"
+      }
+    },
     "./useThemeWithoutDefault": {
       "import": {
         "types": "./useThemeWithoutDefault/index.d.mts",

package/palette/palette.d.mts

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

package/palette/palette.d.ts

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

package/palette/palette.js

@@ -8,6 +8,7 @@ exports.default = exports.color = exports.bgcolor = exports.backgroundColor = vo
 exports.paletteTransform = paletteTransform;
 var _style = _interopRequireDefault(require("../style"));
 var _compose = _interopRequireDefault(require("../compose"));
+/** @internal */
 function paletteTransform(value, userValue) {
   if (userValue === 'grey') {
     return userValue;

package/palette/palette.mjs

@@ -1,5 +1,7 @@
 import style from "../style/index.mjs";
 import compose from "../compose/index.mjs";
+
+/** @internal */
 export function paletteTransform(value, userValue) {
   if (userValue === 'grey') {
     return userValue;

package/positions/positions.d.mts

@@ -1,4 +1,52 @@
-import { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
+import type { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
+export declare const position: import("../index.mjs").StyleFunction<{
+  position?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const zIndex: import("../index.mjs").StyleFunction<{
+  zIndex?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const top: import("../index.mjs").StyleFunction<{
+  top?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const right: import("../index.mjs").StyleFunction<{
+  right?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const bottom: import("../index.mjs").StyleFunction<{
+  bottom?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const left: import("../index.mjs").StyleFunction<{
+  left?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
 declare const positions: SimpleStyleFunction<'zIndex' | 'position' | 'top' | 'right' | 'bottom' | 'left'>;
 export type PositionsProps = PropsFor<typeof positions>;
 export default positions;

package/positions/positions.d.ts

@@ -1,4 +1,52 @@
-import { PropsFor, SimpleStyleFunction } from "../style/index.js";
+import type { PropsFor, SimpleStyleFunction } from "../style/index.js";
+export declare const position: import("../index.js").StyleFunction<{
+  position?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const zIndex: import("../index.js").StyleFunction<{
+  zIndex?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const top: import("../index.js").StyleFunction<{
+  top?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const right: import("../index.js").StyleFunction<{
+  right?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const bottom: import("../index.js").StyleFunction<{
+  bottom?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
+export declare const left: import("../index.js").StyleFunction<{
+  left?: unknown;
+} & {
+  theme?: object | undefined;
+}> & {
+  filterProps: string[];
+  propTypes: any;
+};
 declare const positions: SimpleStyleFunction<'zIndex' | 'position' | 'top' | 'right' | 'bottom' | 'left'>;
 export type PositionsProps = PropsFor<typeof positions>;
 export default positions;

package/positions/positions.js

@@ -26,4 +26,5 @@ const bottom = exports.bottom = (0, _style.default)({
 const left = exports.left = (0, _style.default)({
   prop: 'left'
 });
-var _default = exports.default = (0, _compose.default)(position, zIndex, top, right, bottom, left);
+const positions = (0, _compose.default)(position, zIndex, top, right, bottom, left);
+var _default = exports.default = positions;

package/positions/positions.mjs

@@ -19,4 +19,5 @@ export const bottom = style({
 export const left = style({
   prop: 'left'
 });
-export default compose(position, zIndex, top, right, bottom, left);
+const positions = compose(position, zIndex, top, right, bottom, left);
+export default positions;

package/propsToClassKey/propsToClassKey.d.mts

@@ -1 +1,6 @@
+/**
+ * Generates string classKey based on the properties provided. It starts with the
+ * variant if defined, and then it appends all other properties in alphabetical order.
+ * @param props - the properties for which the classKey should be created.
+ */
 export default function propsToClassKey(props: object): string;

package/propsToClassKey/propsToClassKey.d.ts

@@ -1 +1,6 @@
+/**
+ * Generates string classKey based on the properties provided. It starts with the
+ * variant if defined, and then it appends all other properties in alphabetical order.
+ * @param props - the properties for which the classKey should be created.
+ */
 export default function propsToClassKey(props: object): string;

package/propsToClassKey/propsToClassKey.js

@@ -13,7 +13,7 @@ function isEmpty(string) {
 /**
  * Generates string classKey based on the properties provided. It starts with the
  * variant if defined, and then it appends all other properties in alphabetical order.
- * @param {object} props - the properties for which the classKey should be created.
+ * @param props - the properties for which the classKey should be created.
  */
 function propsToClassKey(props) {
   const {

package/propsToClassKey/propsToClassKey.mjs

@@ -6,7 +6,7 @@ function isEmpty(string) {
 /**
  * Generates string classKey based on the properties provided. It starts with the
  * variant if defined, and then it appends all other properties in alphabetical order.
- * @param {object} props - the properties for which the classKey should be created.
+ * @param props - the properties for which the classKey should be created.
  */
 export default function propsToClassKey(props) {
   const {

package/shadows/shadows.d.mts

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

package/shadows/shadows.d.ts

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

package/sizing/sizing.d.mts

@@ -1,13 +1,13 @@
-import { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
-export const width: SimpleStyleFunction<'width'>;
-export const maxWidth: SimpleStyleFunction<'maxWidth'>;
-export const minWidth: SimpleStyleFunction<'minWidth'>;
-export const height: SimpleStyleFunction<'height'>;
-export const maxHeight: SimpleStyleFunction<'maxHeight'>;
-export const minHeight: SimpleStyleFunction<'minHeight'>;
-export const sizeWidth: SimpleStyleFunction<'sizeWidth'>;
-export const sizeHeight: SimpleStyleFunction<'sizeHeight'>;
-export const boxSizing: SimpleStyleFunction<'boxSizing'>;
+import type { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
+export declare const width: SimpleStyleFunction<'width'>;
+export declare const maxWidth: SimpleStyleFunction<'maxWidth'>;
+export declare const minWidth: SimpleStyleFunction<'minWidth'>;
+export declare const height: SimpleStyleFunction<'height'>;
+export declare const maxHeight: SimpleStyleFunction<'maxHeight'>;
+export declare const minHeight: SimpleStyleFunction<'minHeight'>;
+export declare const sizeWidth: SimpleStyleFunction<'sizeWidth'>;
+export declare const sizeHeight: SimpleStyleFunction<'sizeHeight'>;
+export declare 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/sizing/sizing.d.ts

@@ -1,13 +1,13 @@
-import { PropsFor, SimpleStyleFunction } from "../style/index.js";
-export const width: SimpleStyleFunction<'width'>;
-export const maxWidth: SimpleStyleFunction<'maxWidth'>;
-export const minWidth: SimpleStyleFunction<'minWidth'>;
-export const height: SimpleStyleFunction<'height'>;
-export const maxHeight: SimpleStyleFunction<'maxHeight'>;
-export const minHeight: SimpleStyleFunction<'minHeight'>;
-export const sizeWidth: SimpleStyleFunction<'sizeWidth'>;
-export const sizeHeight: SimpleStyleFunction<'sizeHeight'>;
-export const boxSizing: SimpleStyleFunction<'boxSizing'>;
+import type { PropsFor, SimpleStyleFunction } from "../style/index.js";
+export declare const width: SimpleStyleFunction<'width'>;
+export declare const maxWidth: SimpleStyleFunction<'maxWidth'>;
+export declare const minWidth: SimpleStyleFunction<'minWidth'>;
+export declare const height: SimpleStyleFunction<'height'>;
+export declare const maxHeight: SimpleStyleFunction<'maxHeight'>;
+export declare const minHeight: SimpleStyleFunction<'minHeight'>;
+export declare const sizeWidth: SimpleStyleFunction<'sizeWidth'>;
+export declare const sizeHeight: SimpleStyleFunction<'sizeHeight'>;
+export declare 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/sizing/sizing.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +10,11 @@ exports.sizingTransform = sizingTransform;
 exports.width = void 0;
 var _style = _interopRequireDefault(require("../style"));
 var _compose = _interopRequireDefault(require("../compose"));
-var _breakpoints = require("../breakpoints");
+var _breakpoints = _interopRequireWildcard(require("../breakpoints"));
+var breakpointsModule = _breakpoints;
+const breakpointsValues = breakpointsModule.values;
+
+/** @internal */
 function sizingTransform(value) {
   return value <= 1 && value !== 0 ? `${value * 100}%` : value;
 }
@@ -20,7 +25,7 @@ const width = exports.width = (0, _style.default)({
 const maxWidth = props => {
   if (props.maxWidth !== undefined && props.maxWidth !== null) {
     const styleFromPropValue = propValue => {
-      const breakpoint = props.theme?.breakpoints?.values?.[propValue] || _breakpoints.values[propValue];
+      const breakpoint = props.theme?.breakpoints?.values?.[propValue] || breakpointsValues[propValue];
       if (!breakpoint) {
         return {
           maxWidth: sizingTransform(propValue)

package/sizing/sizing.mjs

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

package/spacing/spacing.d.mts

@@ -1,20 +1,16 @@
-import { SimpleStyleFunction, PropsFor } from "../style/index.mjs";
+import type { SimpleStyleFunction, PropsFor } from "../style/index.mjs";
 export type SpacingValueType = string | number | null | undefined;
-export type SpacingProps = PropsFor<typeof spacing>;
-export function createUnarySpacing<Spacing>(theme: {
+export declare function createUnaryUnit<Spacing>(theme: {
   spacing: Spacing;
-}): Spacing extends number ? (abs: number | string) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing :
-// warns in Dev
-() => undefined;
-export function createUnaryUnit<Spacing>(theme: {
+}, themeKey: string, defaultValue: Spacing, propName: string): Spacing extends number ? (abs: SpacingValueType) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing : () => undefined;
+export declare function createUnarySpacing<Spacing>(theme: {
   spacing: Spacing;
-}, themeKey: string, defaultValue: Spacing, propName: string): Spacing extends number ? (abs: SpacingValueType) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing :
-// warns in Dev
-() => undefined;
-export const margin: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd'>;
+}): Spacing extends number ? (abs: number | string) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing : () => undefined;
+export declare function getValue(transformer: (prop: SpacingValueType) => SpacingValueType, propValue: SpacingValueType): SpacingValueType;
+export declare 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 declare const padding: SimpleStyleFunction<'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
 export type PaddingProps = PropsFor<typeof padding>;
+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 type SpacingProps = PropsFor<typeof spacing>;
 export default spacing;

package/spacing/spacing.d.ts

@@ -1,20 +1,16 @@
-import { SimpleStyleFunction, PropsFor } from "../style/index.js";
+import type { SimpleStyleFunction, PropsFor } from "../style/index.js";
 export type SpacingValueType = string | number | null | undefined;
-export type SpacingProps = PropsFor<typeof spacing>;
-export function createUnarySpacing<Spacing>(theme: {
+export declare function createUnaryUnit<Spacing>(theme: {
   spacing: Spacing;
-}): Spacing extends number ? (abs: number | string) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing :
-// warns in Dev
-() => undefined;
-export function createUnaryUnit<Spacing>(theme: {
+}, themeKey: string, defaultValue: Spacing, propName: string): Spacing extends number ? (abs: SpacingValueType) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing : () => undefined;
+export declare function createUnarySpacing<Spacing>(theme: {
   spacing: Spacing;
-}, themeKey: string, defaultValue: Spacing, propName: string): Spacing extends number ? (abs: SpacingValueType) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing :
-// warns in Dev
-() => undefined;
-export const margin: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd'>;
+}): Spacing extends number ? (abs: number | string) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing : () => undefined;
+export declare function getValue(transformer: (prop: SpacingValueType) => SpacingValueType, propValue: SpacingValueType): SpacingValueType;
+export declare 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 declare const padding: SimpleStyleFunction<'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
 export type PaddingProps = PropsFor<typeof padding>;
+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 type SpacingProps = PropsFor<typeof spacing>;
 export default spacing;

package/spacing/spacing.js

@@ -8,10 +8,7 @@ exports.createUnarySpacing = createUnarySpacing;
 exports.createUnaryUnit = createUnaryUnit;
 exports.default = void 0;
 exports.getValue = getValue;
-exports.margin = margin;
-exports.marginKeys = void 0;
-exports.padding = padding;
-exports.paddingKeys = void 0;
+exports.paddingKeys = exports.padding = exports.marginKeys = exports.margin = void 0;
 var _responsivePropType = _interopRequireDefault(require("../responsivePropType"));
 var _breakpoints = require("../breakpoints");
 var _style = require("../style");
@@ -53,7 +50,11 @@ for (const keyProperty in properties) {
 for (const key in aliases) {
   CSS_PROPERTIES[key] = CSS_PROPERTIES[aliases[key]];
 }
+
+/** @internal */
 const marginKeys = exports.marginKeys = new Set(['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd']);
+
+/** @internal */
 const paddingKeys = exports.paddingKeys = new Set(['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd']);
 const spacingKeys = new Set([...marginKeys, ...paddingKeys]);
 function createUnaryUnit(theme, themeKey, defaultValue, propName) {
@@ -145,28 +146,31 @@ function style(props, keys) {
   }
   return result;
 }
-function margin(props) {
+function marginFn(props) {
   return style(props, marginKeys);
 }
-margin.propTypes = process.env.NODE_ENV !== 'production' ? Array.from(marginKeys).reduce((obj, key) => {
+marginFn.propTypes = process.env.NODE_ENV !== 'production' ? Array.from(marginKeys).reduce((obj, key) => {
   obj[key] = _responsivePropType.default;
   return obj;
 }, {}) : {};
-margin.filterProps = marginKeys;
-function padding(props) {
+marginFn.filterProps = marginKeys;
+const margin = exports.margin = marginFn;
+function paddingFn(props) {
   return style(props, paddingKeys);
 }
-padding.propTypes = process.env.NODE_ENV !== 'production' ? Array.from(paddingKeys).reduce((obj, key) => {
+paddingFn.propTypes = process.env.NODE_ENV !== 'production' ? Array.from(paddingKeys).reduce((obj, key) => {
   obj[key] = _responsivePropType.default;
   return obj;
 }, {}) : {};
-padding.filterProps = paddingKeys;
-function spacing(props) {
+paddingFn.filterProps = paddingKeys;
+const padding = exports.padding = paddingFn;
+function spacingFn(props) {
   return style(props, spacingKeys);
 }
-spacing.propTypes = process.env.NODE_ENV !== 'production' ? Array.from(spacingKeys).reduce((obj, key) => {
+spacingFn.propTypes = process.env.NODE_ENV !== 'production' ? Array.from(spacingKeys).reduce((obj, key) => {
   obj[key] = _responsivePropType.default;
   return obj;
 }, {}) : {};
-spacing.filterProps = spacingKeys;
+spacingFn.filterProps = spacingKeys;
+const spacing = spacingFn;
 var _default = exports.default = spacing;