@mui/system 9.1.1 → 9.1.2

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;

package/spacing/spacing.mjs

@@ -40,7 +40,11 @@ for (const keyProperty in properties) {
 for (const key in aliases) {
   CSS_PROPERTIES[key] = CSS_PROPERTIES[aliases[key]];
 }
+
+/** @internal */
 export const marginKeys = new Set(['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd']);
+
+/** @internal */
 export const 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]);
 export function createUnaryUnit(theme, themeKey, defaultValue, propName) {
@@ -132,28 +136,31 @@ function style(props, keys) {
   }
   return result;
 }
-export 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;
   return obj;
 }, {}) : {};
-margin.filterProps = marginKeys;
-export function padding(props) {
+marginFn.filterProps = marginKeys;
+export const 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;
   return obj;
 }, {}) : {};
-padding.filterProps = paddingKeys;
-function spacing(props) {
+paddingFn.filterProps = paddingKeys;
+export const 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;
   return obj;
 }, {}) : {};
-spacing.filterProps = spacingKeys;
+spacingFn.filterProps = spacingKeys;
+const spacing = spacingFn;
 export default spacing;

package/styleFunctionSx/defaultSxConfig.d.mts

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

package/styleFunctionSx/defaultSxConfig.d.ts

@@ -1,4 +1,4 @@
-import { StyleFunction, TransformFunction } from "../style/index.js";
+import type { 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 | undefined;

package/styleFunctionSx/extendSxProp.d.mts

@@ -1,4 +1,6 @@
-import { SxProps } from "./styleFunctionSx.mjs";
+import type { SxProps } from "./styleFunctionSx.mjs";
 export default function extendSxProp<Props extends {
   sx?: SxProps<any> | undefined;
-} = {}>(props: Props): Props;
+} = {
+  sx?: SxProps<any> | undefined;
+}>(props: Props): Props;

package/styleFunctionSx/extendSxProp.d.ts

@@ -1,4 +1,6 @@
-import { SxProps } from "./styleFunctionSx.js";
+import type { SxProps } from "./styleFunctionSx.js";
 export default function extendSxProp<Props extends {
   sx?: SxProps<any> | undefined;
-} = {}>(props: Props): Props;
+} = {
+  sx?: SxProps<any> | undefined;
+}>(props: Props): Props;

package/styled/styled.d.mts

@@ -1,3 +1,3 @@
-import { CreateMUIStyled } from "../createStyled/index.mjs";
+import type { CreateMUIStyled } from "../createStyled/index.mjs";
 declare const styled: CreateMUIStyled;
 export default styled;

package/styled/styled.d.ts

@@ -1,3 +1,3 @@
-import { CreateMUIStyled } from "../createStyled/index.js";
+import type { CreateMUIStyled } from "../createStyled/index.js";
 declare const styled: CreateMUIStyled;
 export default styled;

package/typography/typography.d.mts

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

package/typography/typography.d.ts

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

package/useTheme/useTheme.d.mts

@@ -1,2 +1,4 @@
-import { Theme } from "../createTheme/index.mjs";
-export default function useTheme<T = Theme>(defaultTheme?: T): T;
+import type { Theme } from "../createTheme/index.mjs";
+export declare const systemDefaultTheme: Theme;
+declare function useTheme<T = Theme>(defaultTheme?: T): T;
+export default useTheme;

package/useTheme/useTheme.d.ts

@@ -1,2 +1,4 @@
-import { Theme } from "../createTheme/index.js";
-export default function useTheme<T = Theme>(defaultTheme?: T): T;
+import type { Theme } from "../createTheme/index.js";
+export declare const systemDefaultTheme: Theme;
+declare function useTheme<T = Theme>(defaultTheme?: T): T;
+export default useTheme;

package/useThemeProps/getThemeProps.d.mts

@@ -1,4 +1,3 @@
-export {};
 type ThemedProps<Theme, Name extends keyof any> = Theme extends {
   components: Record<Name, {
     defaultProps: infer Props;
@@ -8,4 +7,5 @@ export default function getThemeProps<Theme, Props, Name extends keyof any>(para
   props: Props;
   name: Name;
   theme?: Theme | undefined;
-}): Props & ThemedProps<Theme, Name>;
+}): Props & ThemedProps<Theme, Name>;
+export {};

package/useThemeProps/getThemeProps.d.ts

@@ -1,4 +1,3 @@
-export {};
 type ThemedProps<Theme, Name extends keyof any> = Theme extends {
   components: Record<Name, {
     defaultProps: infer Props;
@@ -8,4 +7,5 @@ export default function getThemeProps<Theme, Props, Name extends keyof any>(para
   props: Props;
   name: Name;
   theme?: Theme | undefined;
-}): Props & ThemedProps<Theme, Name>;
+}): Props & ThemedProps<Theme, Name>;
+export {};

package/useThemeProps/index.d.mts

@@ -1,3 +1,3 @@
 export { default } from "./useThemeProps.mjs";
-export * from "./useThemeProps.mjs";
+export type * from "./useThemeProps.mjs";
 export { default as getThemeProps } from "./getThemeProps.mjs";

package/useThemeProps/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from "./useThemeProps.js";
-export * from "./useThemeProps.js";
+export type * from "./useThemeProps.js";
 export { default as getThemeProps } from "./getThemeProps.js";