@mui/system 9.0.0-alpha.0 → 9.0.0-alpha.2

package/propsToClassKey/index.mjs

@@ -0,0 +1 @@
+export { default } from "./propsToClassKey.mjs";

package/responsivePropType/index.d.mts

@@ -0,0 +1 @@
+export { default } from "./responsivePropType.mjs";

package/responsivePropType/index.mjs

@@ -0,0 +1 @@
+export { default } from "./responsivePropType.mjs";

package/shadows/index.d.mts

@@ -0,0 +1 @@
+export { default } from "./shadows.mjs";

package/shadows/index.mjs

@@ -0,0 +1 @@
+export { default } from "./shadows.mjs";

package/{esm/shadows/shadows.d.ts → shadows/shadows.d.mts}

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

package/{esm/shadows/shadows.js → shadows/shadows.mjs}

@@ -1,4 +1,4 @@
-import style from "../style/index.js";
+import style from "../style/index.mjs";
 const boxShadow = style({
   prop: 'boxShadow',
   themeKey: 'shadows'

package/sizing/index.d.mts

@@ -0,0 +1,2 @@
+export { default } from "./sizing.mjs";
+export * from "./sizing.mjs";

package/sizing/index.mjs

@@ -0,0 +1,2 @@
+export { default } from "./sizing.mjs";
+export * from "./sizing.mjs";

package/{esm/sizing/sizing.d.ts → sizing/sizing.d.mts}

@@ -1,4 +1,4 @@
-import { PropsFor, SimpleStyleFunction } from "../style/index.js";
+import { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
 export const width: SimpleStyleFunction<'width'>;
 export const maxWidth: SimpleStyleFunction<'maxWidth'>;
 export const minWidth: SimpleStyleFunction<'minWidth'>;

package/{esm/sizing/sizing.js → sizing/sizing.mjs}

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

package/spacing/index.d.mts

@@ -0,0 +1,2 @@
+export { default } from "./spacing.mjs";
+export * from "./spacing.mjs";

package/spacing/index.mjs

@@ -0,0 +1,2 @@
+export { default } from "./spacing.mjs";
+export * from "./spacing.mjs";

package/{esm/spacing/spacing.d.ts → spacing/spacing.d.mts}

@@ -1,4 +1,4 @@
-import { SimpleStyleFunction, PropsFor } from "../style/index.js";
+import { SimpleStyleFunction, PropsFor } from "../style/index.mjs";
 export type SpacingValueType = string | number | null | undefined;
 export type SpacingProps = PropsFor<typeof spacing>;
 export function createUnarySpacing<Spacing>(theme: {

package/{esm/spacing/spacing.js → spacing/spacing.mjs}

@@ -1,8 +1,8 @@
-import responsivePropType from "../responsivePropType/index.js";
-import { handleBreakpoints } from "../breakpoints/index.js";
-import { getPath } from "../style/index.js";
-import merge from "../merge/index.js";
-import memoize from "../memoize/index.js";
+import responsivePropType from "../responsivePropType/index.mjs";
+import { handleBreakpoints } from "../breakpoints/index.mjs";
+import { getPath } from "../style/index.mjs";
+import merge from "../merge/index.mjs";
+import memoize from "../memoize/index.mjs";
 const properties = {
   m: 'margin',
   p: 'padding'

package/style/index.d.mts

@@ -0,0 +1,2 @@
+export { default } from "./style.mjs";
+export * from "./style.mjs";

package/style/index.mjs

@@ -0,0 +1,2 @@
+export { default } from "./style.mjs";
+export * from "./style.mjs";

package/{esm/style/style.d.ts → style/style.d.mts}

@@ -6,18 +6,18 @@ export type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Parti
 };
 export type TransformFunction = (cssValue: unknown, userValue: unknown) => number | string | React.CSSProperties | CSSObject;
 export interface StyleOptions<PropKey> {
-  cssProperty?: PropKey | keyof React.CSSProperties | false;
+  cssProperty?: PropKey | keyof React.CSSProperties | false | undefined;
   prop: PropKey;
   /**
    * dot access in `Theme`
    */
-  themeKey?: string;
-  transform?: TransformFunction;
+  themeKey?: string | undefined;
+  transform?: TransformFunction | undefined;
 }
 export function getPath<T>(obj: T, path: string | undefined, checkVars?: boolean): null | unknown;
 export function getStyleValue(themeMapping: object | ((arg: any) => any), transform: TransformFunction | null, propValueFinal: unknown, userValue?: unknown): any;
 export default function style<PropKey extends string, Theme extends object>(options: StyleOptions<PropKey>): StyleFunction<{ [K in PropKey]?: unknown } & {
-  theme?: Theme;
+  theme?: Theme | undefined;
 }> & {
   filterProps: string[];
 };

package/style/style.d.ts

@@ -6,18 +6,18 @@ export type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Parti
 };
 export type TransformFunction = (cssValue: unknown, userValue: unknown) => number | string | React.CSSProperties | CSSObject;
 export interface StyleOptions<PropKey> {
-  cssProperty?: PropKey | keyof React.CSSProperties | false;
+  cssProperty?: PropKey | keyof React.CSSProperties | false | undefined;
   prop: PropKey;
   /**
    * dot access in `Theme`
    */
-  themeKey?: string;
-  transform?: TransformFunction;
+  themeKey?: string | undefined;
+  transform?: TransformFunction | undefined;
 }
 export function getPath<T>(obj: T, path: string | undefined, checkVars?: boolean): null | unknown;
 export function getStyleValue(themeMapping: object | ((arg: any) => any), transform: TransformFunction | null, propValueFinal: unknown, userValue?: unknown): any;
 export default function style<PropKey extends string, Theme extends object>(options: StyleOptions<PropKey>): StyleFunction<{ [K in PropKey]?: unknown } & {
-  theme?: Theme;
+  theme?: Theme | undefined;
 }> & {
   filterProps: string[];
 };

package/{esm/style/style.js → style/style.mjs}

@@ -1,6 +1,6 @@
 import capitalize from '@mui/utils/capitalize';
-import responsivePropType from "../responsivePropType/index.js";
-import { handleBreakpoints } from "../breakpoints/index.js";
+import responsivePropType from "../responsivePropType/index.mjs";
+import { handleBreakpoints } from "../breakpoints/index.mjs";
 export function getPath(obj, path, checkVars = true) {
   if (!path || typeof path !== 'string') {
     return null;

package/{esm/styleFunctionSx/AliasesCSSProperties.d.ts → styleFunctionSx/AliasesCSSProperties.d.mts}

@@ -1,4 +1,4 @@
-import { StandardCSSProperties } from "./StandardCssProperties.js";
+import { StandardCSSProperties } from "./StandardCssProperties.mjs";
 export interface AliasesCSSProperties {
   /**
    * The **`background-color`** CSS property sets the background color of an element.
@@ -11,7 +11,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/background-color
    */
-  bgcolor?: StandardCSSProperties['backgroundColor'];
+  bgcolor?: StandardCSSProperties['backgroundColor'] | undefined;
   /**
    * The **`margin`** CSS property sets the margin on all four sides of an element. It is a shorthand for `margin-top`, `margin-right`, `margin-bottom`, and `margin-left`.
    *
@@ -21,7 +21,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin
    */
-  m?: StandardCSSProperties['margin'];
+  m?: StandardCSSProperties['margin'] | undefined;
   /**
    * The **`margin-top`** CSS property sets the margin on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -33,7 +33,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
    */
-  mt?: StandardCSSProperties['marginTop'];
+  mt?: StandardCSSProperties['marginTop'] | undefined;
   /**
    * The **`margin-right`** CSS property sets the margin on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -45,7 +45,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
    */
-  mr?: StandardCSSProperties['marginRight'];
+  mr?: StandardCSSProperties['marginRight'] | undefined;
   /**
    * The **`margin-bottom`** CSS property sets the margin on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -57,7 +57,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
    */
-  mb?: StandardCSSProperties['marginBottom'];
+  mb?: StandardCSSProperties['marginBottom'] | undefined;
   /**
    * The **`margin-left`** CSS property sets the margin on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -69,7 +69,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
    */
-  ml?: StandardCSSProperties['marginLeft'];
+  ml?: StandardCSSProperties['marginLeft'] | undefined;
   /**
    * The **`mx`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value places it
    * farther from its neighbors, while a negative value places it closer.
@@ -83,7 +83,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
    */
-  mx?: StandardCSSProperties['marginLeft'];
+  mx?: StandardCSSProperties['marginLeft'] | undefined;
   /**
    * The **`marginX`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value
    * places it farther from its neighbors, while a negative value places it closer.
@@ -97,7 +97,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
    */
-  marginX?: StandardCSSProperties['marginLeft'];
+  marginX?: StandardCSSProperties['marginLeft'] | undefined;
   /**
    * The **`my`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places it
    * farther from its neighbors, while a negative value places it closer.
@@ -111,7 +111,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
    */
-  my?: StandardCSSProperties['marginTop'];
+  my?: StandardCSSProperties['marginTop'] | undefined;
   /**
    * The **`marginY`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places
    * it farther from its neighbors, while a negative value places it closer.
@@ -125,7 +125,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
    */
-  marginY?: StandardCSSProperties['marginTop'];
+  marginY?: StandardCSSProperties['marginTop'] | undefined;
   /**
    * The **`padding`** CSS property sets the padding on all four sides of an element. It is a shorthand for `padding-top`, `padding-right`, `padding-bottom`, and `padding-left`.
    *
@@ -135,7 +135,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding
    */
-  p?: StandardCSSProperties['padding'];
+  p?: StandardCSSProperties['padding'] | undefined;
   /**
    * The **`padding-top`** CSS property sets the height of the padding at the top of an element.
    *
@@ -147,7 +147,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
    */
-  pt?: StandardCSSProperties['paddingTop'];
+  pt?: StandardCSSProperties['paddingTop'] | undefined;
   /**
    * The **`padding-right`** CSS property sets the width of the padding at the right side of an element.
    *
@@ -159,7 +159,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
    */
-  pr?: StandardCSSProperties['paddingRight'];
+  pr?: StandardCSSProperties['paddingRight'] | undefined;
   /**
    * The **`padding-bottom`** CSS property sets the height of the padding on the bottom of an element.
    *
@@ -171,7 +171,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
    */
-  pb?: StandardCSSProperties['paddingBottom'];
+  pb?: StandardCSSProperties['paddingBottom'] | undefined;
   /**
    * The **`padding-left`** CSS property sets the width of the padding at the left side of an element.
    *
@@ -183,7 +183,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
    */
-  pl?: StandardCSSProperties['paddingLeft'];
+  pl?: StandardCSSProperties['paddingLeft'] | undefined;
   /**
    * The **`px`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right side of an element.
    *
@@ -196,7 +196,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
    */
-  px?: StandardCSSProperties['paddingLeft'];
+  px?: StandardCSSProperties['paddingLeft'] | undefined;
   /**
    * The **`paddingX`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right sides of an element.
    *
@@ -209,7 +209,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
    */
-  paddingX?: StandardCSSProperties['paddingLeft'];
+  paddingX?: StandardCSSProperties['paddingLeft'] | undefined;
   /**
    * The **`py`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
    *
@@ -222,7 +222,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
    */
-  py?: StandardCSSProperties['paddingTop'];
+  py?: StandardCSSProperties['paddingTop'] | undefined;
   /**
    * The **`paddingY`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
    *
@@ -235,7 +235,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
    */
-  paddingY?: StandardCSSProperties['paddingTop'];
+  paddingY?: StandardCSSProperties['paddingTop'] | undefined;
   /**
    * The **`typography`** property  is shorthand for the CSS properties **`font-family`**, **`font-weight`**, **`font-size`**, **`line-height`**, **`letter-spacing`** and **`text-transform``**.
    * It takes the values defined under `theme.typography` and spreads them on the element.
@@ -253,7 +253,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/letter-spacing
    * @see https://developer.mozilla.org/docs/Web/CSS/text-transform
    */
-  typography?: string;
+  typography?: string | undefined;
   /**
    * The **`displayPrint`** property sets the display value for the element when the page is printed.
    *
@@ -265,5 +265,5 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/display
    */
-  displayPrint?: StandardCSSProperties['display'];
+  displayPrint?: StandardCSSProperties['display'] | undefined;
 }

package/styleFunctionSx/AliasesCSSProperties.d.ts

@@ -11,7 +11,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/background-color
    */
-  bgcolor?: StandardCSSProperties['backgroundColor'];
+  bgcolor?: StandardCSSProperties['backgroundColor'] | undefined;
   /**
    * The **`margin`** CSS property sets the margin on all four sides of an element. It is a shorthand for `margin-top`, `margin-right`, `margin-bottom`, and `margin-left`.
    *
@@ -21,7 +21,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin
    */
-  m?: StandardCSSProperties['margin'];
+  m?: StandardCSSProperties['margin'] | undefined;
   /**
    * The **`margin-top`** CSS property sets the margin on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -33,7 +33,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
    */
-  mt?: StandardCSSProperties['marginTop'];
+  mt?: StandardCSSProperties['marginTop'] | undefined;
   /**
    * The **`margin-right`** CSS property sets the margin on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -45,7 +45,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
    */
-  mr?: StandardCSSProperties['marginRight'];
+  mr?: StandardCSSProperties['marginRight'] | undefined;
   /**
    * The **`margin-bottom`** CSS property sets the margin on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -57,7 +57,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
    */
-  mb?: StandardCSSProperties['marginBottom'];
+  mb?: StandardCSSProperties['marginBottom'] | undefined;
   /**
    * The **`margin-left`** CSS property sets the margin on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -69,7 +69,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
    */
-  ml?: StandardCSSProperties['marginLeft'];
+  ml?: StandardCSSProperties['marginLeft'] | undefined;
   /**
    * The **`mx`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value places it
    * farther from its neighbors, while a negative value places it closer.
@@ -83,7 +83,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
    */
-  mx?: StandardCSSProperties['marginLeft'];
+  mx?: StandardCSSProperties['marginLeft'] | undefined;
   /**
    * The **`marginX`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value
    * places it farther from its neighbors, while a negative value places it closer.
@@ -97,7 +97,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
    */
-  marginX?: StandardCSSProperties['marginLeft'];
+  marginX?: StandardCSSProperties['marginLeft'] | undefined;
   /**
    * The **`my`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places it
    * farther from its neighbors, while a negative value places it closer.
@@ -111,7 +111,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
    */
-  my?: StandardCSSProperties['marginTop'];
+  my?: StandardCSSProperties['marginTop'] | undefined;
   /**
    * The **`marginY`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places
    * it farther from its neighbors, while a negative value places it closer.
@@ -125,7 +125,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
    */
-  marginY?: StandardCSSProperties['marginTop'];
+  marginY?: StandardCSSProperties['marginTop'] | undefined;
   /**
    * The **`padding`** CSS property sets the padding on all four sides of an element. It is a shorthand for `padding-top`, `padding-right`, `padding-bottom`, and `padding-left`.
    *
@@ -135,7 +135,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding
    */
-  p?: StandardCSSProperties['padding'];
+  p?: StandardCSSProperties['padding'] | undefined;
   /**
    * The **`padding-top`** CSS property sets the height of the padding at the top of an element.
    *
@@ -147,7 +147,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
    */
-  pt?: StandardCSSProperties['paddingTop'];
+  pt?: StandardCSSProperties['paddingTop'] | undefined;
   /**
    * The **`padding-right`** CSS property sets the width of the padding at the right side of an element.
    *
@@ -159,7 +159,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
    */
-  pr?: StandardCSSProperties['paddingRight'];
+  pr?: StandardCSSProperties['paddingRight'] | undefined;
   /**
    * The **`padding-bottom`** CSS property sets the height of the padding on the bottom of an element.
    *
@@ -171,7 +171,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
    */
-  pb?: StandardCSSProperties['paddingBottom'];
+  pb?: StandardCSSProperties['paddingBottom'] | undefined;
   /**
    * The **`padding-left`** CSS property sets the width of the padding at the left side of an element.
    *
@@ -183,7 +183,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
    */
-  pl?: StandardCSSProperties['paddingLeft'];
+  pl?: StandardCSSProperties['paddingLeft'] | undefined;
   /**
    * The **`px`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right side of an element.
    *
@@ -196,7 +196,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
    */
-  px?: StandardCSSProperties['paddingLeft'];
+  px?: StandardCSSProperties['paddingLeft'] | undefined;
   /**
    * The **`paddingX`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right sides of an element.
    *
@@ -209,7 +209,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
    */
-  paddingX?: StandardCSSProperties['paddingLeft'];
+  paddingX?: StandardCSSProperties['paddingLeft'] | undefined;
   /**
    * The **`py`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
    *
@@ -222,7 +222,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
    */
-  py?: StandardCSSProperties['paddingTop'];
+  py?: StandardCSSProperties['paddingTop'] | undefined;
   /**
    * The **`paddingY`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
    *
@@ -235,7 +235,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
    */
-  paddingY?: StandardCSSProperties['paddingTop'];
+  paddingY?: StandardCSSProperties['paddingTop'] | undefined;
   /**
    * The **`typography`** property  is shorthand for the CSS properties **`font-family`**, **`font-weight`**, **`font-size`**, **`line-height`**, **`letter-spacing`** and **`text-transform``**.
    * It takes the values defined under `theme.typography` and spreads them on the element.
@@ -253,7 +253,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/letter-spacing
    * @see https://developer.mozilla.org/docs/Web/CSS/text-transform
    */
-  typography?: string;
+  typography?: string | undefined;
   /**
    * The **`displayPrint`** property sets the display value for the element when the page is printed.
    *
@@ -265,5 +265,5 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/display
    */
-  displayPrint?: StandardCSSProperties['display'];
+  displayPrint?: StandardCSSProperties['display'] | undefined;
 }

package/{esm/styleFunctionSx/OverwriteCSSProperties.d.ts → styleFunctionSx/OverwriteCSSProperties.d.mts}

@@ -11,7 +11,7 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border
    */
-  border?: CSS.Property.Border | number;
+  border?: CSS.Property.Border | number | undefined;
   /**
    * The **`box-shadow`** CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the
    * element for blur and spread radii, and by its color.
@@ -25,7 +25,7 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/box-shadow
    */
-  boxShadow?: CSS.Property.BoxShadow | number;
+  boxShadow?: CSS.Property.BoxShadow | number | undefined;
   /**
    * The **`font-weight`** CSS property specifies the weight (or boldness) of the font. The font weights available to you will depend on the `font-family` you are using. Some fonts are only
    * available in `normal` and `bold`.
@@ -38,7 +38,7 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-weight
    */
-  fontWeight?: CSS.Property.FontWeight | string;
+  fontWeight?: CSS.Property.FontWeight | string | undefined;
   /**
    * The **`z-index`** CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a higher z-index cover those with a lower one.
    *
@@ -50,5 +50,5 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/z-index
    */
-  zIndex?: CSS.Property.ZIndex | string;
+  zIndex?: CSS.Property.ZIndex | string | undefined;
 }

package/styleFunctionSx/OverwriteCSSProperties.d.ts

@@ -11,7 +11,7 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border
    */
-  border?: CSS.Property.Border | number;
+  border?: CSS.Property.Border | number | undefined;
   /**
    * The **`box-shadow`** CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the
    * element for blur and spread radii, and by its color.
@@ -25,7 +25,7 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/box-shadow
    */
-  boxShadow?: CSS.Property.BoxShadow | number;
+  boxShadow?: CSS.Property.BoxShadow | number | undefined;
   /**
    * The **`font-weight`** CSS property specifies the weight (or boldness) of the font. The font weights available to you will depend on the `font-family` you are using. Some fonts are only
    * available in `normal` and `bold`.
@@ -38,7 +38,7 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-weight
    */
-  fontWeight?: CSS.Property.FontWeight | string;
+  fontWeight?: CSS.Property.FontWeight | string | undefined;
   /**
    * The **`z-index`** CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a higher z-index cover those with a lower one.
    *
@@ -50,5 +50,5 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/z-index
    */
-  zIndex?: CSS.Property.ZIndex | string;
+  zIndex?: CSS.Property.ZIndex | string | undefined;
 }

package/{esm/styleFunctionSx/defaultSxConfig.d.ts → styleFunctionSx/defaultSxConfig.d.mts}

@@ -1,13 +1,13 @@
-import { StyleFunction, TransformFunction } from "../style/index.js";
+import { 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;
+  cssProperty?: keyof React.CSSProperties | false | undefined;
   /**
    * dot access in `Theme`
    */
-  themeKey?: string;
-  transform?: TransformFunction;
-  style?: SimpleStyleFunction<any>;
+  themeKey?: string | undefined;
+  transform?: TransformFunction | undefined;
+  style?: SimpleStyleFunction<any> | undefined;
 }
 export type SxConfig = Record<string, SxConfigRecord>;
 declare const defaultSxConfig: SxConfig;

package/styleFunctionSx/defaultSxConfig.d.ts

@@ -1,13 +1,13 @@
 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;
+  cssProperty?: keyof React.CSSProperties | false | undefined;
   /**
    * dot access in `Theme`
    */
-  themeKey?: string;
-  transform?: TransformFunction;
-  style?: SimpleStyleFunction<any>;
+  themeKey?: string | undefined;
+  transform?: TransformFunction | undefined;
+  style?: SimpleStyleFunction<any> | undefined;
 }
 export type SxConfig = Record<string, SxConfigRecord>;
 declare const defaultSxConfig: SxConfig;