@soroush.tech/styled-system 5.5.0 → 5.6.1

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm version](https://img.shields.io/npm/v/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
 [![npm downloads](https://img.shields.io/npm/dm/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
-[![coverage](https://codecov.io/gh/soroush-tech/soroush.tech/branch/main/graph/badge.svg?flag=styled-system)](https://app.codecov.io/gh/soroush-tech/soroush.tech?flags%5B0%5D=styled-system)
+[![coverage](https://codecov.io/gh/soroush-tech/core/branch/main/graph/badge.svg?flag=styled-system)](https://app.codecov.io/gh/soroush-tech/core?flags%5B0%5D=styled-system)
 [![unpacked size](https://img.shields.io/npm/unpacked-size/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
 [![types included](https://img.shields.io/npm/types/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
 [![license](https://img.shields.io/npm/l/@soroush.tech/styled-system.svg)](./LICENSE)
@@ -145,18 +145,18 @@ Types resolve under both modern module resolution (`node16`/`nodenext`/`bundler`
 
 Full docs live in [`docs/`](./docs/README.md):
 
-- [Getting Started](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/getting-started.md)
-- [Responsive Styles](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/responsive-styles.md)
-- [How it Works](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/how-it-works.md)
-- [Custom Props](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/custom-props.md)
-- [Variants](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/variants.md)
-- [API](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/api.md)
-- [Reference Table](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/table.md)
-- [TypeScript](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/typescript.md)
-- [Guides](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/guides/index.md)
+- [Getting Started](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/getting-started.md)
+- [Responsive Styles](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/responsive-styles.md)
+- [How it Works](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/how-it-works.md)
+- [Custom Props](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/custom-props.md)
+- [Variants](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/variants.md)
+- [API](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/api.md)
+- [Reference Table](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/table.md)
+- [TypeScript](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/typescript.md)
+- [Guides](https://github.com/soroush-tech/core/tree/main/packages/styled-system/docs/guides/index.md)
 
-Runnable demos live in [`examples/styled-system/`](https://github.com/soroush-tech/soroush.tech/tree/main/examples/styled-system).
+Runnable demos live in the [examples repo](https://github.com/soroush-tech/examples/tree/main/styled-system).
 
 ## License
 
-MIT — a rewrite of styled-system (© 2017–2021 Brent Jackson), see [`LICENSE`](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/LICENSE).
+MIT — a rewrite of styled-system (© 2017–2021 Brent Jackson), see [`LICENSE`](https://github.com/soroush-tech/core/tree/main/packages/styled-system/LICENSE).

package/dist/background.d.cts

@@ -1,3 +1,3 @@
-import { t as background } from "./index-BFzj-f22.cjs";
-import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-CCujn9-2.cjs";
+import { t as background } from "./index-DuGi82Ma.cjs";
+import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-CkHJArGA.cjs";
 export { type BackgroundImageProps, type BackgroundPositionProps, type BackgroundProps, type BackgroundRepeatProps, type BackgroundSizeProps, background, background as default };

package/dist/background.d.mts

@@ -1,3 +1,3 @@
-import { t as background } from "./index-BDKAW1u8.mjs";
-import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-CCujn9-2.mjs";
+import { t as background } from "./index-HQb_WHtN.mjs";
+import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-CkHJArGA.mjs";
 export { type BackgroundImageProps, type BackgroundPositionProps, type BackgroundProps, type BackgroundRepeatProps, type BackgroundSizeProps, background, background as default };

package/dist/border.d.cts

@@ -1,3 +1,3 @@
-import { _ as BorderTopProps, d as BorderColorProps, f as BorderLeftProps, g as BorderStyleProps, h as BorderRightProps, m as BorderRadiusProps, p as BorderProps, u as BorderBottomProps, v as BorderWidthProps } from "./types-CCujn9-2.cjs";
-import { t as border } from "./index-Dz8xde7b.cjs";
+import { _ as BorderTopProps, d as BorderColorProps, f as BorderLeftProps, g as BorderStyleProps, h as BorderRightProps, m as BorderRadiusProps, p as BorderProps, u as BorderBottomProps, v as BorderWidthProps } from "./types-CkHJArGA.cjs";
+import { t as border } from "./index-hBpseU4Y.cjs";
 export { type BorderBottomProps, type BorderColorProps, type BorderLeftProps, type BorderProps, type BorderRadiusProps, type BorderRightProps, type BorderStyleProps, type BorderTopProps, type BorderWidthProps, border, border as default };

package/dist/border.d.mts

@@ -1,3 +1,3 @@
-import { _ as BorderTopProps, d as BorderColorProps, f as BorderLeftProps, g as BorderStyleProps, h as BorderRightProps, m as BorderRadiusProps, p as BorderProps, u as BorderBottomProps, v as BorderWidthProps } from "./types-CCujn9-2.mjs";
-import { t as border } from "./index-DLcnFzWU.mjs";
+import { _ as BorderTopProps, d as BorderColorProps, f as BorderLeftProps, g as BorderStyleProps, h as BorderRightProps, m as BorderRadiusProps, p as BorderProps, u as BorderBottomProps, v as BorderWidthProps } from "./types-CkHJArGA.mjs";
+import { t as border } from "./index-CdED1s71.mjs";
 export { type BorderBottomProps, type BorderColorProps, type BorderLeftProps, type BorderProps, type BorderRadiusProps, type BorderRightProps, type BorderStyleProps, type BorderTopProps, type BorderWidthProps, border, border as default };

package/dist/color.d.cts

@@ -1,3 +1,3 @@
-import { Ct as TextColorProps, S as ColorProps, i as BackgroundColorProps, lt as OpacityProps } from "./types-CCujn9-2.cjs";
-import { t as color } from "./index-Dxn97XnB.cjs";
+import { Ct as TextColorProps, S as ColorProps, i as BackgroundColorProps, lt as OpacityProps } from "./types-CkHJArGA.cjs";
+import { t as color } from "./index-9XAypLoH.cjs";
 export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };

package/dist/color.d.mts

@@ -1,3 +1,3 @@
-import { Ct as TextColorProps, S as ColorProps, i as BackgroundColorProps, lt as OpacityProps } from "./types-CCujn9-2.mjs";
-import { t as color } from "./index-D9W3cc9s.mjs";
+import { Ct as TextColorProps, S as ColorProps, i as BackgroundColorProps, lt as OpacityProps } from "./types-CkHJArGA.mjs";
+import { t as color } from "./index-BNjbPqRC.mjs";
 export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };

package/dist/core.d.cts

@@ -1,2 +1,2 @@
-import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, h as merge, i as ParserConfig, l as Theme, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, t as CSSObject, u as Transform } from "./index-C6pWum7i.cjs";
-export { CSSObject, ConfigStyle, Parser, ParserConfig, Props, StyleFn, StyleObject, SystemConfig, Theme, Transform, compose, createParser, createStyleFunction, get, merge, system };
+import { _ as merge, a as Parser, c as StyleFn, d as Theme, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, t as CSSObject, u as SystemConfig, v as styleFn, y as system } from "./index-D4Btc5H8.cjs";
+export { CSSObject, Config, ConfigFunction, ConfigStyle, Parser, ParserConfig, Props, StyleFn, StyleObject, SystemConfig, Theme, Transform, compose, createParser, createStyleFunction, get, merge, styleFn, system };

package/dist/core.d.mts

@@ -1,2 +1,2 @@
-import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, h as merge, i as ParserConfig, l as Theme, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, t as CSSObject, u as Transform } from "./index-C6pWum7i.mjs";
-export { CSSObject, ConfigStyle, Parser, ParserConfig, Props, StyleFn, StyleObject, SystemConfig, Theme, Transform, compose, createParser, createStyleFunction, get, merge, system };
+import { _ as merge, a as Parser, c as StyleFn, d as Theme, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, t as CSSObject, u as SystemConfig, v as styleFn, y as system } from "./index-D4Btc5H8.mjs";
+export { CSSObject, Config, ConfigFunction, ConfigStyle, Parser, ParserConfig, Props, StyleFn, StyleObject, SystemConfig, Theme, Transform, compose, createParser, createStyleFunction, get, merge, styleFn, system };

package/dist/{css-DPyZNAmX.mjs → css-BQylBMEo.mjs}

@@ -184,7 +184,8 @@ const css = (args) => (props = {}) => {
 		...props.theme || props
 	};
 	let result = {};
-	const styles = responsive(typeof args === "function" ? args(theme) : args)(theme);
+	const obj = typeof args === "function" ? args(theme) : args;
+	const styles = responsive(obj)(theme);
 	for (const key in styles) {
 		const x = styles[key];
 		const val = typeof x === "function" ? x(theme) : x;
@@ -201,7 +202,8 @@ const css = (args) => (props = {}) => {
 			continue;
 		}
 		const prop = get(aliases, key, key);
-		const scale = get(theme, get(scales, prop), get(theme, prop, {}));
+		const scaleName = get(scales, prop);
+		const scale = get(theme, scaleName, get(theme, prop, {}));
 		const value = get(transforms, prop, get)(scale, val, val);
 		if (multiples[prop]) {
 			const dirs = multiples[prop];

package/dist/{css-BQ6QmZDs.cjs → css-KTNhyd0w.cjs}

@@ -184,7 +184,8 @@ const css = (args) => (props = {}) => {
 		...props.theme || props
 	};
 	let result = {};
-	const styles = responsive(typeof args === "function" ? args(theme) : args)(theme);
+	const obj = typeof args === "function" ? args(theme) : args;
+	const styles = responsive(obj)(theme);
 	for (const key in styles) {
 		const x = styles[key];
 		const val = typeof x === "function" ? x(theme) : x;
@@ -201,7 +202,8 @@ const css = (args) => (props = {}) => {
 			continue;
 		}
 		const prop = get(aliases, key, key);
-		const scale = get(theme, get(scales, prop), get(theme, prop, {}));
+		const scaleName = get(scales, prop);
+		const scale = get(theme, scaleName, get(theme, prop, {}));
 		const value = get(transforms, prop, get)(scale, val, val);
 		if (multiples[prop]) {
 			const dirs = multiples[prop];

package/dist/css.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_css = require("./css-BQ6QmZDs.cjs");
+const require_css = require("./css-KTNhyd0w.cjs");
 exports.css = require_css.css;
 exports.default = require_css.css;
 exports.get = require_css.get;

package/dist/css.d.cts

@@ -1,12 +1,12 @@
 //#region src/css/css.d.ts
-type CssObject = Record<string, unknown>;
+type CSSObject = Record<string, unknown>;
 interface CssTheme {
   breakpoints?: (string | number)[];
   [key: string]: unknown;
 }
-type CssArg = CssObject | ((theme: CssTheme) => CssObject);
+type CssArg = CSSObject | ((theme: CssTheme) => CSSObject);
 declare const get: (obj: unknown, key?: string | number, def?: unknown, p?: number, undef?: unknown) => unknown;
-declare const responsive: (styles: CssObject) => (theme: CssTheme) => CssObject;
-declare const css: (args: CssArg) => (props?: Record<string, unknown>) => CssObject;
+declare const responsive: (styles: CSSObject) => (theme: CssTheme) => CSSObject;
+declare const css: (args: CssArg) => (props?: Record<string, unknown>) => CSSObject;
 //#endregion
-export { CssObject, CssTheme, css, css as default, get, responsive };
+export { CSSObject, CssTheme, css, css as default, get, responsive };

package/dist/css.d.mts

@@ -1,12 +1,12 @@
 //#region src/css/css.d.ts
-type CssObject = Record<string, unknown>;
+type CSSObject = Record<string, unknown>;
 interface CssTheme {
   breakpoints?: (string | number)[];
   [key: string]: unknown;
 }
-type CssArg = CssObject | ((theme: CssTheme) => CssObject);
+type CssArg = CSSObject | ((theme: CssTheme) => CSSObject);
 declare const get: (obj: unknown, key?: string | number, def?: unknown, p?: number, undef?: unknown) => unknown;
-declare const responsive: (styles: CssObject) => (theme: CssTheme) => CssObject;
-declare const css: (args: CssArg) => (props?: Record<string, unknown>) => CssObject;
+declare const responsive: (styles: CSSObject) => (theme: CssTheme) => CSSObject;
+declare const css: (args: CssArg) => (props?: Record<string, unknown>) => CSSObject;
 //#endregion
-export { CssObject, CssTheme, css, css as default, get, responsive };
+export { CSSObject, CssTheme, css, css as default, get, responsive };

package/dist/css.mjs

@@ -1,2 +1,2 @@
-import { n as get, r as responsive, t as css } from "./css-DPyZNAmX.mjs";
+import { n as get, r as responsive, t as css } from "./css-BQylBMEo.mjs";
 export { css, css as default, get, responsive };

package/dist/flexbox.d.cts

@@ -1,3 +1,3 @@
-import { A as FlexWrapProps, D as FlexGrowProps, E as FlexDirectionProps, O as FlexProps, Q as JustifySelfProps, T as FlexBasisProps, X as JustifyContentProps, Z as JustifyItemsProps, j as FlexboxProps, k as FlexShrinkProps, n as AlignItemsProps, r as AlignSelfProps, t as AlignContentProps, ut as OrderProps } from "./types-CCujn9-2.cjs";
-import { t as flexbox } from "./index-Bd7E_7bm.cjs";
+import { A as FlexWrapProps, D as FlexGrowProps, E as FlexDirectionProps, O as FlexProps, Q as JustifySelfProps, T as FlexBasisProps, X as JustifyContentProps, Z as JustifyItemsProps, j as FlexboxProps, k as FlexShrinkProps, n as AlignItemsProps, r as AlignSelfProps, t as AlignContentProps, ut as OrderProps } from "./types-CkHJArGA.cjs";
+import { t as flexbox } from "./index-CoMWxd1i.cjs";
 export { type AlignContentProps, type AlignItemsProps, type AlignSelfProps, type FlexBasisProps, type FlexDirectionProps, type FlexGrowProps, type FlexProps, type FlexShrinkProps, type FlexWrapProps, type FlexboxProps, type JustifyContentProps, type JustifyItemsProps, type JustifySelfProps, type OrderProps, flexbox as default, flexbox };

package/dist/flexbox.d.mts

@@ -1,3 +1,3 @@
-import { A as FlexWrapProps, D as FlexGrowProps, E as FlexDirectionProps, O as FlexProps, Q as JustifySelfProps, T as FlexBasisProps, X as JustifyContentProps, Z as JustifyItemsProps, j as FlexboxProps, k as FlexShrinkProps, n as AlignItemsProps, r as AlignSelfProps, t as AlignContentProps, ut as OrderProps } from "./types-CCujn9-2.mjs";
-import { t as flexbox } from "./index-D7-Ctdwn.mjs";
+import { A as FlexWrapProps, D as FlexGrowProps, E as FlexDirectionProps, O as FlexProps, Q as JustifySelfProps, T as FlexBasisProps, X as JustifyContentProps, Z as JustifyItemsProps, j as FlexboxProps, k as FlexShrinkProps, n as AlignItemsProps, r as AlignSelfProps, t as AlignContentProps, ut as OrderProps } from "./types-CkHJArGA.mjs";
+import { t as flexbox } from "./index-CRGalTX2.mjs";
 export { type AlignContentProps, type AlignItemsProps, type AlignSelfProps, type FlexBasisProps, type FlexDirectionProps, type FlexGrowProps, type FlexProps, type FlexShrinkProps, type FlexWrapProps, type FlexboxProps, type JustifyContentProps, type JustifyItemsProps, type JustifySelfProps, type OrderProps, flexbox as default, flexbox };

package/dist/grid.d.cts

@@ -1,3 +1,3 @@
-import { B as GridColumnGapProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, R as GridAutoFlowProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, q as GridTemplateColumnsProps, z as GridAutoRowsProps } from "./types-CCujn9-2.cjs";
-import { t as grid } from "./index-HNU5ME-U.cjs";
+import { B as GridColumnGapProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, R as GridAutoFlowProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, q as GridTemplateColumnsProps, z as GridAutoRowsProps } from "./types-CkHJArGA.cjs";
+import { t as grid } from "./index-yk0Zqc7v.cjs";
 export { type GridAreaProps, type GridAutoColumnsProps, type GridAutoFlowProps, type GridAutoRowsProps, type GridColumnGapProps, type GridColumnProps, type GridGapProps, type GridProps, type GridRowGapProps, type GridRowProps, type GridTemplateAreasProps, type GridTemplateColumnsProps, type GridTemplateRowsProps, grid as default, grid };

package/dist/grid.d.mts

@@ -1,3 +1,3 @@
-import { B as GridColumnGapProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, R as GridAutoFlowProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, q as GridTemplateColumnsProps, z as GridAutoRowsProps } from "./types-CCujn9-2.mjs";
-import { t as grid } from "./index-BvNoOnuk.mjs";
+import { B as GridColumnGapProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, R as GridAutoFlowProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, q as GridTemplateColumnsProps, z as GridAutoRowsProps } from "./types-CkHJArGA.mjs";
+import { t as grid } from "./index-XUBjyEVU.mjs";
 export { type GridAreaProps, type GridAutoColumnsProps, type GridAutoFlowProps, type GridAutoRowsProps, type GridColumnGapProps, type GridColumnProps, type GridGapProps, type GridProps, type GridRowGapProps, type GridRowProps, type GridTemplateAreasProps, type GridTemplateColumnsProps, type GridTemplateRowsProps, grid as default, grid };

package/dist/{index-CeQ5ox80.d.mts → index-3ARRkYzk.d.cts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
+import { a as Parser } from "./index-D4Btc5H8.cjs";
 //#region src/variant/variant.d.ts
 interface VariantOptions {
   scale?: string;
@@ -6,9 +6,11 @@ interface VariantOptions {
   variants?: Record<string, unknown>;
   key?: string;
 }
+/** Upstream `@types/styled-system` name for {@link VariantOptions}. */
+type VariantArgs = VariantOptions;
 declare const variant: (options?: VariantOptions) => Parser;
 declare const buttonStyle: Parser;
 declare const textStyle: Parser;
 declare const colorStyle: Parser;
 //#endregion
-export { variant as a, textStyle as i, buttonStyle as n, colorStyle as r, VariantOptions as t };
+export { textStyle as a, colorStyle as i, VariantOptions as n, variant as o, buttonStyle as r, VariantArgs as t };

package/dist/{index-BrXslH97.d.cts → index-5Dg1n1IR.d.mts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
+import { a as Parser } from "./index-D4Btc5H8.mjs";
 //#region src/typography/typography.d.ts
 declare const typography: Parser;
 //#endregion

package/dist/index-9XAypLoH.d.cts

@@ -0,0 +1,5 @@
+import { a as Parser } from "./index-D4Btc5H8.cjs";
+//#region src/color/color.d.ts
+declare const color: Parser;
+//#endregion
+export { color as t };

package/dist/{index-F79chYlR.d.mts → index-BG0pPPzE.d.cts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
+import { a as Parser } from "./index-D4Btc5H8.cjs";
 //#region src/shadow/shadow.d.ts
 declare const shadow: Parser;
 //#endregion

package/dist/index-BNjbPqRC.d.mts

@@ -0,0 +1,5 @@
+import { a as Parser } from "./index-D4Btc5H8.mjs";
+//#region src/color/color.d.ts
+declare const color: Parser;
+//#endregion
+export { color as t };

package/dist/{index-5FNmSnEI.d.cts → index-BPJls8qs.d.mts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
+import { a as Parser } from "./index-D4Btc5H8.mjs";
 //#region src/variant/variant.d.ts
 interface VariantOptions {
   scale?: string;
@@ -6,9 +6,11 @@ interface VariantOptions {
   variants?: Record<string, unknown>;
   key?: string;
 }
+/** Upstream `@types/styled-system` name for {@link VariantOptions}. */
+type VariantArgs = VariantOptions;
 declare const variant: (options?: VariantOptions) => Parser;
 declare const buttonStyle: Parser;
 declare const textStyle: Parser;
 declare const colorStyle: Parser;
 //#endregion
-export { variant as a, textStyle as i, buttonStyle as n, colorStyle as r, VariantOptions as t };
+export { textStyle as a, colorStyle as i, VariantOptions as n, variant as o, buttonStyle as r, VariantArgs as t };

package/dist/{index-DS-HZ740.d.cts → index-BTrJCMxb.d.mts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
+import { a as Parser } from "./index-D4Btc5H8.mjs";
 //#region src/position/position.d.ts
 declare const position: Parser;
 //#endregion

package/dist/{index-BPHA_boa.d.mts → index-Bbzsc0fR.d.mts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
+import { a as Parser } from "./index-D4Btc5H8.mjs";
 //#region src/layout/layout.d.ts
 declare const layout: Parser;
 //#endregion

package/dist/{index-D7-Ctdwn.d.mts → index-CRGalTX2.d.mts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
+import { a as Parser } from "./index-D4Btc5H8.mjs";
 //#region src/flexbox/flexbox.d.ts
 declare const flexbox: Parser;
 //#endregion

package/dist/{index-DLcnFzWU.d.mts → index-CdED1s71.d.mts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
+import { a as Parser } from "./index-D4Btc5H8.mjs";
 //#region src/border/border.d.ts
 declare const border: Parser;
 //#endregion

package/dist/{index-CuQx9h4Q.d.cts → index-CglXC0Pa.d.cts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
+import { a as Parser } from "./index-D4Btc5H8.cjs";
 //#region src/layout/layout.d.ts
 declare const layout: Parser;
 //#endregion

package/dist/{index-Bd7E_7bm.d.cts → index-CoMWxd1i.d.cts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
+import { a as Parser } from "./index-D4Btc5H8.cjs";
 //#region src/flexbox/flexbox.d.ts
 declare const flexbox: Parser;
 //#endregion

package/dist/{index-C6pWum7i.d.cts → index-D4Btc5H8.d.cts}

@@ -1,7 +1,7 @@
 import * as CSS from "csstype";
 
 //#region src/core/core.d.ts
-type StyleObject = Record<string, unknown>;
+type StyleObject = Record<string, any>;
 type CSSLength = string | number;
 /**
  * A CSS-in-JS style object: typed CSS properties plus nested selectors, at-rules
@@ -15,27 +15,30 @@ interface CSSObject extends CSS.Properties<CSSLength>, CSS.PropertiesHyphen<CSSL
 interface Theme {
   breakpoints?: readonly (string | number)[] | Record<string, string | number>;
   disableStyledSystemCache?: boolean;
-  [key: string]: unknown;
+  [key: string]: any;
 }
 interface Props {
   theme?: Theme;
-  [key: string]: unknown;
+  [key: string]: any;
 }
-type Transform = (value: any, scale?: any, props?: Props) => any;
+type Transform = (value: any, scale?: any, props?: any) => any;
 interface StyleFn {
-  (value: unknown, scale?: unknown, props?: Props): StyleObject | undefined;
+  (value: any, scale?: any, props?: any): StyleObject | undefined;
   scale?: string;
-  defaults?: unknown;
+  defaults?: any;
 }
 interface ConfigStyle {
   property?: string;
   properties?: string[];
   scale?: string;
   transform?: Transform;
-  defaultScale?: unknown;
+  defaultScale?: any;
 }
 type SystemConfig = Record<string, boolean | StyleFn | ConfigStyle>;
 type ParserConfig = Record<string, StyleFn>;
+type styleFn = Parser;
+type Config = SystemConfig;
+type ConfigFunction = StyleFn;
 interface ParserCache {
   breakpoints?: readonly (string | number)[] | Record<string, string | number>;
   media?: (string | null)[];
@@ -59,4 +62,4 @@ declare const createStyleFunction: ({
 declare const system: (args?: SystemConfig) => Parser;
 declare const compose: (...parsers: (Parser | undefined)[]) => Parser;
 //#endregion
-export { Props as a, SystemConfig as c, compose as d, createParser as f, system as g, merge as h, ParserConfig as i, Theme as l, get as m, ConfigStyle as n, StyleFn as o, createStyleFunction as p, Parser as r, StyleObject as s, CSSObject as t, Transform as u };
+export { merge as _, Parser as a, StyleFn as c, Theme as d, Transform as f, get as g, createStyleFunction as h, ConfigStyle as i, StyleObject as l, createParser as m, Config as n, ParserConfig as o, compose as p, ConfigFunction as r, Props as s, CSSObject as t, SystemConfig as u, styleFn as v, system as y };

package/dist/{index-C6pWum7i.d.mts → index-D4Btc5H8.d.mts}

@@ -1,7 +1,7 @@
 import * as CSS from "csstype";
 
 //#region src/core/core.d.ts
-type StyleObject = Record<string, unknown>;
+type StyleObject = Record<string, any>;
 type CSSLength = string | number;
 /**
  * A CSS-in-JS style object: typed CSS properties plus nested selectors, at-rules
@@ -15,27 +15,30 @@ interface CSSObject extends CSS.Properties<CSSLength>, CSS.PropertiesHyphen<CSSL
 interface Theme {
   breakpoints?: readonly (string | number)[] | Record<string, string | number>;
   disableStyledSystemCache?: boolean;
-  [key: string]: unknown;
+  [key: string]: any;
 }
 interface Props {
   theme?: Theme;
-  [key: string]: unknown;
+  [key: string]: any;
 }
-type Transform = (value: any, scale?: any, props?: Props) => any;
+type Transform = (value: any, scale?: any, props?: any) => any;
 interface StyleFn {
-  (value: unknown, scale?: unknown, props?: Props): StyleObject | undefined;
+  (value: any, scale?: any, props?: any): StyleObject | undefined;
   scale?: string;
-  defaults?: unknown;
+  defaults?: any;
 }
 interface ConfigStyle {
   property?: string;
   properties?: string[];
   scale?: string;
   transform?: Transform;
-  defaultScale?: unknown;
+  defaultScale?: any;
 }
 type SystemConfig = Record<string, boolean | StyleFn | ConfigStyle>;
 type ParserConfig = Record<string, StyleFn>;
+type styleFn = Parser;
+type Config = SystemConfig;
+type ConfigFunction = StyleFn;
 interface ParserCache {
   breakpoints?: readonly (string | number)[] | Record<string, string | number>;
   media?: (string | null)[];
@@ -59,4 +62,4 @@ declare const createStyleFunction: ({
 declare const system: (args?: SystemConfig) => Parser;
 declare const compose: (...parsers: (Parser | undefined)[]) => Parser;
 //#endregion
-export { Props as a, SystemConfig as c, compose as d, createParser as f, system as g, merge as h, ParserConfig as i, Theme as l, get as m, ConfigStyle as n, StyleFn as o, createStyleFunction as p, Parser as r, StyleObject as s, CSSObject as t, Transform as u };
+export { merge as _, Parser as a, StyleFn as c, Theme as d, Transform as f, get as g, createStyleFunction as h, ConfigStyle as i, StyleObject as l, createParser as m, Config as n, ParserConfig as o, compose as p, ConfigFunction as r, Props as s, CSSObject as t, SystemConfig as u, styleFn as v, system as y };

package/dist/{index-B4DiqzRr.d.cts → index-DLVfllTy.d.mts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
+import { a as Parser } from "./index-D4Btc5H8.mjs";
 //#region src/space/space.d.ts
 declare const margin: Parser;
 declare const padding: Parser;

package/dist/{index-DzPnzx9p.d.mts → index-DP4kqDsJ.d.cts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
+import { a as Parser } from "./index-D4Btc5H8.cjs";
 //#region src/typography/typography.d.ts
 declare const typography: Parser;
 //#endregion

package/dist/{index-CvbdNFVK.d.cts → index-DQKgrHjA.d.mts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
+import { a as Parser } from "./index-D4Btc5H8.mjs";
 //#region src/shadow/shadow.d.ts
 declare const shadow: Parser;
 //#endregion

package/dist/{index-Cq-vX0It.d.mts → index-DSKs82W7.d.cts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
+import { a as Parser } from "./index-D4Btc5H8.cjs";
 //#region src/position/position.d.ts
 declare const position: Parser;
 //#endregion

package/dist/{index-BDKAW1u8.d.mts → index-DuGi82Ma.d.cts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
+import { a as Parser } from "./index-D4Btc5H8.cjs";
 //#region src/background/background.d.ts
 declare const background: Parser;
 //#endregion

package/dist/{index-BFzj-f22.d.cts → index-HQb_WHtN.d.mts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
+import { a as Parser } from "./index-D4Btc5H8.mjs";
 //#region src/background/background.d.ts
 declare const background: Parser;
 //#endregion

package/dist/{index--0QXsrzB.d.mts → index-JB48cMyT.d.cts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
+import { a as Parser } from "./index-D4Btc5H8.cjs";
 //#region src/space/space.d.ts
 declare const margin: Parser;
 declare const padding: Parser;

package/dist/index-XUBjyEVU.d.mts

@@ -0,0 +1,5 @@
+import { a as Parser } from "./index-D4Btc5H8.mjs";
+//#region src/grid/grid.d.ts
+declare const grid: Parser;
+//#endregion
+export { grid as t };

package/dist/{index-Dz8xde7b.d.cts → index-hBpseU4Y.d.cts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
+import { a as Parser } from "./index-D4Btc5H8.cjs";
 //#region src/border/border.d.ts
 declare const border: Parser;
 //#endregion

package/dist/index-yk0Zqc7v.d.cts

@@ -0,0 +1,5 @@
+import { a as Parser } from "./index-D4Btc5H8.cjs";
+//#region src/grid/grid.d.ts
+declare const grid: Parser;
+//#endregion
+export { grid as t };

package/dist/index.cjs

@@ -10,7 +10,7 @@ const require_position = require("./position-zWvCE4hD.cjs");
 const require_typography = require("./typography-DD_eWLLx.cjs");
 const require_space = require("./space-CAX_62yL.cjs");
 const require_shadow = require("./shadow-BrDnaQQl.cjs");
-const require_variant = require("./variant-C7vPzZHo.cjs");
+const require_variant = require("./variant-DE0Cwy7S.cjs");
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};

package/dist/index.d.cts

@@ -1,16 +1,16 @@
-import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, i as ParserConfig, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, u as Transform } from "./index-C6pWum7i.cjs";
-import { t as background } from "./index-BFzj-f22.cjs";
-import { $ as LayoutProps, A as FlexWrapProps, At as VerticalAlignProps, B as GridColumnGapProps, C as ColorStyleProps, Ct as TextColorProps, D as FlexGrowProps, Dt as ThemeValue, E as FlexDirectionProps, Et as Theme, F as FontWeightProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, M as FontFamilyProps, Mt as ZIndexProps, N as FontSizeProps, O as FlexProps, Ot as TopProps, P as FontStyleProps, Q as JustifySelfProps, R as GridAutoFlowProps, S as ColorProps, St as TextAlignProps, T as FlexBasisProps, Tt as TextStyleProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, X as JustifyContentProps, Y as HeightProps, Z as JustifyItemsProps, _ as BorderTopProps, _t as Scale, a as BackgroundImageProps, at as MaxWidthProps, b as BoxShadowProps, bt as SpaceProps, c as BackgroundRepeatProps, ct as ObjectOrArray, d as BorderColorProps, dt as OverflowProps, et as LeftProps, f as BorderLeftProps, ft as PaddingProps, g as BorderStyleProps, gt as RightProps, h as BorderRightProps, ht as ResponsiveValue, i as BackgroundColorProps, it as MaxHeightProps, j as FlexboxProps, jt as WidthProps, k as FlexShrinkProps, kt as TypographyProps, l as BackgroundSizeProps, lt as OpacityProps, m as BorderRadiusProps, mt as RequiredTheme, n as AlignItemsProps, nt as LineHeightProps, o as BackgroundPositionProps, ot as MinHeightProps, p as BorderProps, pt as PositionProps, q as GridTemplateColumnsProps, r as AlignSelfProps, rt as MarginProps, s as BackgroundProps, st as MinWidthProps, t as AlignContentProps, tt as LetterSpacingProps, u as BorderBottomProps, ut as OrderProps, v as BorderWidthProps, vt as ShadowProps, w as DisplayProps, wt as TextShadowProps, x as ButtonStyleProps, xt as TLengthStyledSystem, y as BottomProps, yt as SizeProps, z as GridAutoRowsProps } from "./types-CCujn9-2.cjs";
-import { t as border } from "./index-Dz8xde7b.cjs";
-import { t as color } from "./index-Dxn97XnB.cjs";
-import { t as flexbox } from "./index-Bd7E_7bm.cjs";
-import { t as grid } from "./index-HNU5ME-U.cjs";
-import { n as padding, r as space, t as margin } from "./index-B4DiqzRr.cjs";
-import { t as layout } from "./index-CuQx9h4Q.cjs";
-import { t as typography } from "./index-BrXslH97.cjs";
-import { t as position } from "./index-DS-HZ740.cjs";
-import { t as shadow } from "./index-CvbdNFVK.cjs";
-import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle } from "./index-5FNmSnEI.cjs";
+import { a as Parser, c as StyleFn, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, u as SystemConfig, v as styleFn, y as system } from "./index-D4Btc5H8.cjs";
+import { t as background } from "./index-DuGi82Ma.cjs";
+import { $ as LayoutProps, A as FlexWrapProps, At as VerticalAlignProps, B as GridColumnGapProps, C as ColorStyleProps, Ct as TextColorProps, D as FlexGrowProps, Dt as ThemeValue, E as FlexDirectionProps, Et as Theme, F as FontWeightProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, M as FontFamilyProps, Mt as ZIndexProps, N as FontSizeProps, O as FlexProps, Ot as TopProps, P as FontStyleProps, Q as JustifySelfProps, R as GridAutoFlowProps, S as ColorProps, St as TextAlignProps, T as FlexBasisProps, Tt as TextStyleProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, X as JustifyContentProps, Y as HeightProps, Z as JustifyItemsProps, _ as BorderTopProps, _t as Scale, a as BackgroundImageProps, at as MaxWidthProps, b as BoxShadowProps, bt as SpaceProps, c as BackgroundRepeatProps, ct as ObjectOrArray, d as BorderColorProps, dt as OverflowProps, et as LeftProps, f as BorderLeftProps, ft as PaddingProps, g as BorderStyleProps, gt as RightProps, h as BorderRightProps, ht as ResponsiveValue, i as BackgroundColorProps, it as MaxHeightProps, j as FlexboxProps, jt as WidthProps, k as FlexShrinkProps, kt as TypographyProps, l as BackgroundSizeProps, lt as OpacityProps, m as BorderRadiusProps, mt as RequiredTheme, n as AlignItemsProps, nt as LineHeightProps, o as BackgroundPositionProps, ot as MinHeightProps, p as BorderProps, pt as PositionProps, q as GridTemplateColumnsProps, r as AlignSelfProps, rt as MarginProps, s as BackgroundProps, st as MinWidthProps, t as AlignContentProps, tt as LetterSpacingProps, u as BorderBottomProps, ut as OrderProps, v as BorderWidthProps, vt as ShadowProps, w as DisplayProps, wt as TextShadowProps, x as ButtonStyleProps, xt as TLengthStyledSystem, y as BottomProps, yt as SizeProps, z as GridAutoRowsProps } from "./types-CkHJArGA.cjs";
+import { t as border } from "./index-hBpseU4Y.cjs";
+import { t as color } from "./index-9XAypLoH.cjs";
+import { t as flexbox } from "./index-CoMWxd1i.cjs";
+import { t as grid } from "./index-yk0Zqc7v.cjs";
+import { n as padding, r as space, t as margin } from "./index-JB48cMyT.cjs";
+import { t as layout } from "./index-CglXC0Pa.cjs";
+import { t as typography } from "./index-DP4kqDsJ.cjs";
+import { t as position } from "./index-DSKs82W7.cjs";
+import { t as shadow } from "./index-BG0pPPzE.cjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-3ARRkYzk.cjs";
 
 //#region src/style/style.d.ts
 interface StyleOptions {
@@ -22,6 +22,8 @@ interface StyleOptions {
   scale?: unknown;
   properties?: string[];
 }
+/** Upstream `@types/styled-system` name for {@link StyleOptions}. */
+type LowLevelStyleFunctionArguments = StyleOptions;
 declare const style: ({
   prop,
   cssProperty,
@@ -96,4 +98,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, RightProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, VerticalAlignProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, right, size, space, style, system, textAlign, textStyle, top, typography, variant, verticalAlign, width, zIndex };
+export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type Config, type ConfigFunction, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, RightProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type StyleOptions, type SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, type VariantArgs, type VariantOptions, VerticalAlignProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, right, size, space, style, type styleFn, system, textAlign, textStyle, top, typography, variant, verticalAlign, width, zIndex };

package/dist/index.d.mts

@@ -1,16 +1,16 @@
-import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, i as ParserConfig, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, u as Transform } from "./index-C6pWum7i.mjs";
-import { t as background } from "./index-BDKAW1u8.mjs";
-import { $ as LayoutProps, A as FlexWrapProps, At as VerticalAlignProps, B as GridColumnGapProps, C as ColorStyleProps, Ct as TextColorProps, D as FlexGrowProps, Dt as ThemeValue, E as FlexDirectionProps, Et as Theme, F as FontWeightProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, M as FontFamilyProps, Mt as ZIndexProps, N as FontSizeProps, O as FlexProps, Ot as TopProps, P as FontStyleProps, Q as JustifySelfProps, R as GridAutoFlowProps, S as ColorProps, St as TextAlignProps, T as FlexBasisProps, Tt as TextStyleProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, X as JustifyContentProps, Y as HeightProps, Z as JustifyItemsProps, _ as BorderTopProps, _t as Scale, a as BackgroundImageProps, at as MaxWidthProps, b as BoxShadowProps, bt as SpaceProps, c as BackgroundRepeatProps, ct as ObjectOrArray, d as BorderColorProps, dt as OverflowProps, et as LeftProps, f as BorderLeftProps, ft as PaddingProps, g as BorderStyleProps, gt as RightProps, h as BorderRightProps, ht as ResponsiveValue, i as BackgroundColorProps, it as MaxHeightProps, j as FlexboxProps, jt as WidthProps, k as FlexShrinkProps, kt as TypographyProps, l as BackgroundSizeProps, lt as OpacityProps, m as BorderRadiusProps, mt as RequiredTheme, n as AlignItemsProps, nt as LineHeightProps, o as BackgroundPositionProps, ot as MinHeightProps, p as BorderProps, pt as PositionProps, q as GridTemplateColumnsProps, r as AlignSelfProps, rt as MarginProps, s as BackgroundProps, st as MinWidthProps, t as AlignContentProps, tt as LetterSpacingProps, u as BorderBottomProps, ut as OrderProps, v as BorderWidthProps, vt as ShadowProps, w as DisplayProps, wt as TextShadowProps, x as ButtonStyleProps, xt as TLengthStyledSystem, y as BottomProps, yt as SizeProps, z as GridAutoRowsProps } from "./types-CCujn9-2.mjs";
-import { t as border } from "./index-DLcnFzWU.mjs";
-import { t as color } from "./index-D9W3cc9s.mjs";
-import { t as flexbox } from "./index-D7-Ctdwn.mjs";
-import { t as grid } from "./index-BvNoOnuk.mjs";
-import { n as padding, r as space, t as margin } from "./index--0QXsrzB.mjs";
-import { t as layout } from "./index-BPHA_boa.mjs";
-import { t as typography } from "./index-DzPnzx9p.mjs";
-import { t as position } from "./index-Cq-vX0It.mjs";
-import { t as shadow } from "./index-F79chYlR.mjs";
-import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle } from "./index-CeQ5ox80.mjs";
+import { a as Parser, c as StyleFn, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, u as SystemConfig, v as styleFn, y as system } from "./index-D4Btc5H8.mjs";
+import { t as background } from "./index-HQb_WHtN.mjs";
+import { $ as LayoutProps, A as FlexWrapProps, At as VerticalAlignProps, B as GridColumnGapProps, C as ColorStyleProps, Ct as TextColorProps, D as FlexGrowProps, Dt as ThemeValue, E as FlexDirectionProps, Et as Theme, F as FontWeightProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, M as FontFamilyProps, Mt as ZIndexProps, N as FontSizeProps, O as FlexProps, Ot as TopProps, P as FontStyleProps, Q as JustifySelfProps, R as GridAutoFlowProps, S as ColorProps, St as TextAlignProps, T as FlexBasisProps, Tt as TextStyleProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, X as JustifyContentProps, Y as HeightProps, Z as JustifyItemsProps, _ as BorderTopProps, _t as Scale, a as BackgroundImageProps, at as MaxWidthProps, b as BoxShadowProps, bt as SpaceProps, c as BackgroundRepeatProps, ct as ObjectOrArray, d as BorderColorProps, dt as OverflowProps, et as LeftProps, f as BorderLeftProps, ft as PaddingProps, g as BorderStyleProps, gt as RightProps, h as BorderRightProps, ht as ResponsiveValue, i as BackgroundColorProps, it as MaxHeightProps, j as FlexboxProps, jt as WidthProps, k as FlexShrinkProps, kt as TypographyProps, l as BackgroundSizeProps, lt as OpacityProps, m as BorderRadiusProps, mt as RequiredTheme, n as AlignItemsProps, nt as LineHeightProps, o as BackgroundPositionProps, ot as MinHeightProps, p as BorderProps, pt as PositionProps, q as GridTemplateColumnsProps, r as AlignSelfProps, rt as MarginProps, s as BackgroundProps, st as MinWidthProps, t as AlignContentProps, tt as LetterSpacingProps, u as BorderBottomProps, ut as OrderProps, v as BorderWidthProps, vt as ShadowProps, w as DisplayProps, wt as TextShadowProps, x as ButtonStyleProps, xt as TLengthStyledSystem, y as BottomProps, yt as SizeProps, z as GridAutoRowsProps } from "./types-CkHJArGA.mjs";
+import { t as border } from "./index-CdED1s71.mjs";
+import { t as color } from "./index-BNjbPqRC.mjs";
+import { t as flexbox } from "./index-CRGalTX2.mjs";
+import { t as grid } from "./index-XUBjyEVU.mjs";
+import { n as padding, r as space, t as margin } from "./index-DLVfllTy.mjs";
+import { t as layout } from "./index-Bbzsc0fR.mjs";
+import { t as typography } from "./index-5Dg1n1IR.mjs";
+import { t as position } from "./index-BTrJCMxb.mjs";
+import { t as shadow } from "./index-DQKgrHjA.mjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BPJls8qs.mjs";
 
 //#region src/style/style.d.ts
 interface StyleOptions {
@@ -22,6 +22,8 @@ interface StyleOptions {
   scale?: unknown;
   properties?: string[];
 }
+/** Upstream `@types/styled-system` name for {@link StyleOptions}. */
+type LowLevelStyleFunctionArguments = StyleOptions;
 declare const style: ({
   prop,
   cssProperty,
@@ -96,4 +98,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, RightProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, VerticalAlignProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, right, size, space, style, system, textAlign, textStyle, top, typography, variant, verticalAlign, width, zIndex };
+export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type Config, type ConfigFunction, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, RightProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type StyleOptions, type SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, type VariantArgs, type VariantOptions, VerticalAlignProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, right, size, space, style, type styleFn, system, textAlign, textStyle, top, typography, variant, verticalAlign, width, zIndex };

package/dist/index.mjs

@@ -9,7 +9,7 @@ import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-CptBXSy0.mjs";
 import { n as padding, r as space, t as margin } from "./space-DEf9-0r9.mjs";
 import { t as shadow } from "./shadow-Bp7lx_41.mjs";
-import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DQA9pqwW.mjs";
+import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-p-ooclB1.mjs";
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};

package/dist/layout.d.cts

@@ -1,3 +1,3 @@
-import { $ as LayoutProps, At as VerticalAlignProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, jt as WidthProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-CCujn9-2.cjs";
-import { t as layout } from "./index-CuQx9h4Q.cjs";
+import { $ as LayoutProps, At as VerticalAlignProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, jt as WidthProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-CkHJArGA.cjs";
+import { t as layout } from "./index-CglXC0Pa.cjs";
 export { type DisplayProps, type HeightProps, type LayoutProps, type MaxHeightProps, type MaxWidthProps, type MinHeightProps, type MinWidthProps, type OverflowProps, type SizeProps, type VerticalAlignProps, type WidthProps, layout as default, layout };

package/dist/layout.d.mts

@@ -1,3 +1,3 @@
-import { $ as LayoutProps, At as VerticalAlignProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, jt as WidthProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-CCujn9-2.mjs";
-import { t as layout } from "./index-BPHA_boa.mjs";
+import { $ as LayoutProps, At as VerticalAlignProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, jt as WidthProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-CkHJArGA.mjs";
+import { t as layout } from "./index-Bbzsc0fR.mjs";
 export { type DisplayProps, type HeightProps, type LayoutProps, type MaxHeightProps, type MaxWidthProps, type MinHeightProps, type MinWidthProps, type OverflowProps, type SizeProps, type VerticalAlignProps, type WidthProps, layout as default, layout };

package/dist/position.d.cts

@@ -1,3 +1,3 @@
-import { Mt as ZIndexProps, Ot as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps } from "./types-CCujn9-2.cjs";
-import { t as position } from "./index-DS-HZ740.cjs";
+import { Mt as ZIndexProps, Ot as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps } from "./types-CkHJArGA.cjs";
+import { t as position } from "./index-DSKs82W7.cjs";
 export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };

package/dist/position.d.mts

@@ -1,3 +1,3 @@
-import { Mt as ZIndexProps, Ot as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps } from "./types-CCujn9-2.mjs";
-import { t as position } from "./index-Cq-vX0It.mjs";
+import { Mt as ZIndexProps, Ot as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps } from "./types-CkHJArGA.mjs";
+import { t as position } from "./index-BTrJCMxb.mjs";
 export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };

package/dist/{presets-CcKoA0BA.mjs → presets-BJo9-Lcu.mjs}

@@ -9,7 +9,7 @@ import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-CptBXSy0.mjs";
 import { r as space } from "./space-DEf9-0r9.mjs";
 import { t as shadow } from "./shadow-Bp7lx_41.mjs";
-import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DQA9pqwW.mjs";
+import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-p-ooclB1.mjs";
 //#region src/presets/presets.ts
 const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle);
 //#endregion

package/dist/{presets-BgKBhlRl.cjs → presets-Dj-syv_1.cjs}

@@ -9,7 +9,7 @@ const require_position = require("./position-zWvCE4hD.cjs");
 const require_typography = require("./typography-DD_eWLLx.cjs");
 const require_space = require("./space-CAX_62yL.cjs");
 const require_shadow = require("./shadow-BrDnaQQl.cjs");
-const require_variant = require("./variant-C7vPzZHo.cjs");
+const require_variant = require("./variant-DE0Cwy7S.cjs");
 //#region src/presets/presets.ts
 const all = require_core.compose(require_space.space, require_typography.typography, require_color.color, require_layout.layout, require_flexbox.flexbox, require_border.border, require_background.background, require_position.position, require_grid.grid, require_shadow.shadow, require_variant.buttonStyle, require_variant.textStyle, require_variant.colorStyle);
 //#endregion

package/dist/prop-types.cjs

@@ -13,7 +13,7 @@ const require_position = require("./position-zWvCE4hD.cjs");
 const require_typography = require("./typography-DD_eWLLx.cjs");
 const require_space = require("./space-CAX_62yL.cjs");
 const require_shadow = require("./shadow-BrDnaQQl.cjs");
-const require_variant = require("./variant-C7vPzZHo.cjs");
+const require_variant = require("./variant-DE0Cwy7S.cjs");
 let prop_types = require("prop-types");
 prop_types = require_rolldown_runtime.__toESM(prop_types, 1);
 //#region src/prop-types/prop-types.ts

package/dist/prop-types.mjs

@@ -8,7 +8,7 @@ import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-CptBXSy0.mjs";
 import { r as space } from "./space-DEf9-0r9.mjs";
 import { t as shadow } from "./shadow-Bp7lx_41.mjs";
-import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DQA9pqwW.mjs";
+import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-p-ooclB1.mjs";
 import PropTypes from "prop-types";
 //#region src/prop-types/prop-types.ts
 const propType = PropTypes.oneOfType([

package/dist/props.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_presets = require("./presets-BgKBhlRl.cjs");
+const require_presets = require("./presets-Dj-syv_1.cjs");
 //#region src/props/props.ts
 const styledSystemProps = new Set(require_presets.all.propNames);
 const omit = (props) => {

package/dist/props.mjs

@@ -1,4 +1,4 @@
-import { t as all } from "./presets-CcKoA0BA.mjs";
+import { t as all } from "./presets-BJo9-Lcu.mjs";
 //#region src/props/props.ts
 const styledSystemProps = new Set(all.propNames);
 const omit = (props) => {

package/dist/shadow.d.cts

@@ -1,3 +1,3 @@
-import { b as BoxShadowProps, vt as ShadowProps, wt as TextShadowProps } from "./types-CCujn9-2.cjs";
-import { t as shadow } from "./index-CvbdNFVK.cjs";
+import { b as BoxShadowProps, vt as ShadowProps, wt as TextShadowProps } from "./types-CkHJArGA.cjs";
+import { t as shadow } from "./index-BG0pPPzE.cjs";
 export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };

package/dist/shadow.d.mts

@@ -1,3 +1,3 @@
-import { b as BoxShadowProps, vt as ShadowProps, wt as TextShadowProps } from "./types-CCujn9-2.mjs";
-import { t as shadow } from "./index-F79chYlR.mjs";
+import { b as BoxShadowProps, vt as ShadowProps, wt as TextShadowProps } from "./types-CkHJArGA.mjs";
+import { t as shadow } from "./index-DQKgrHjA.mjs";
 export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };

package/dist/should-forward-prop.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 const require_rolldown_runtime = require("./rolldown-runtime-D6vf50IK.cjs");
-const require_presets = require("./presets-BgKBhlRl.cjs");
+const require_presets = require("./presets-Dj-syv_1.cjs");
 let _emotion_is_prop_valid = require("@emotion/is-prop-valid");
 _emotion_is_prop_valid = require_rolldown_runtime.__toESM(_emotion_is_prop_valid, 1);
 //#region src/should-forward-prop/should-forward-prop.ts

package/dist/should-forward-prop.mjs

@@ -1,4 +1,4 @@
-import { t as all } from "./presets-CcKoA0BA.mjs";
+import { t as all } from "./presets-BJo9-Lcu.mjs";
 import isPropValid from "@emotion/is-prop-valid";
 //#region src/should-forward-prop/should-forward-prop.ts
 const memoize = (fn) => {

package/dist/space.d.cts

@@ -1,3 +1,3 @@
-import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-CCujn9-2.cjs";
-import { n as padding, r as space, t as margin } from "./index-B4DiqzRr.cjs";
+import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-CkHJArGA.cjs";
+import { n as padding, r as space, t as margin } from "./index-JB48cMyT.cjs";
 export { type MarginProps, type PaddingProps, type SpaceProps, space as default, space, margin, padding };

package/dist/space.d.mts

@@ -1,3 +1,3 @@
-import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-CCujn9-2.mjs";
-import { n as padding, r as space, t as margin } from "./index--0QXsrzB.mjs";
+import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-CkHJArGA.mjs";
+import { n as padding, r as space, t as margin } from "./index-DLVfllTy.mjs";
 export { type MarginProps, type PaddingProps, type SpaceProps, space as default, space, margin, padding };

package/dist/theme-get.cjs

@@ -4,7 +4,7 @@ Object.defineProperties(exports, {
 });
 const require_core = require("./core.cjs");
 //#region src/theme-get/theme-get.ts
-const themeGet = (path, fallback = null) => (props) => require_core.get(props.theme, path, fallback);
+const themeGet = (path, fallback = null) => (props) => require_core.get(props.theme, Array.isArray(path) ? path.join(".") : path, fallback);
 //#endregion
 exports.default = themeGet;
 exports.themeGet = themeGet;

package/dist/theme-get.d.cts

@@ -1,6 +1,4 @@
-import { a as Props } from "./index-C6pWum7i.cjs";
-
 //#region src/theme-get/theme-get.d.ts
-declare const themeGet: (path: string, fallback?: unknown) => (props: Props) => unknown;
+declare const themeGet: (path: string | Array<string | number>, fallback?: any) => (props: any) => any;
 //#endregion
 export { themeGet as default, themeGet };

package/dist/theme-get.d.mts

@@ -1,6 +1,4 @@
-import { a as Props } from "./index-C6pWum7i.mjs";
-
 //#region src/theme-get/theme-get.d.ts
-declare const themeGet: (path: string, fallback?: unknown) => (props: Props) => unknown;
+declare const themeGet: (path: string | Array<string | number>, fallback?: any) => (props: any) => any;
 //#endregion
 export { themeGet as default, themeGet };

package/dist/theme-get.mjs

@@ -1,5 +1,5 @@
 import { get } from "./core.mjs";
 //#region src/theme-get/theme-get.ts
-const themeGet = (path, fallback = null) => (props) => get(props.theme, path, fallback);
+const themeGet = (path, fallback = null) => (props) => get(props.theme, Array.isArray(path) ? path.join(".") : path, fallback);
 //#endregion
 export { themeGet as default, themeGet };

package/dist/{types-CCujn9-2.d.cts → types-CkHJArGA.d.cts}

@@ -1,7 +1,7 @@
 import * as CSS from "csstype";
 
 //#region src/types.d.ts
-type ObjectOrArray<T, K extends keyof never = keyof never> = T[] | Record<K, T | Record<K, T> | T[]>;
+type ObjectOrArray<T, K extends keyof any = keyof any> = T[] | Record<K, T | Record<K, T> | T[]>;
 type Scale = ObjectOrArray<number | string>;
 type TLengthStyledSystem = string | number;
 interface Theme<TLength = TLengthStyledSystem> {
@@ -28,7 +28,7 @@ interface Theme<TLength = TLengthStyledSystem> {
   textStyles?: ObjectOrArray<CSS.StandardProperties>;
 }
 type RequiredTheme = Required<Theme>;
-type ThemeValue<K extends keyof ThemeType, ThemeType, TVal = unknown> = NonNullable<ThemeType[K]> extends TVal[] ? number : NonNullable<ThemeType[K]> extends Record<infer E, TVal> ? E : NonNullable<ThemeType[K]> extends ObjectOrArray<infer F> ? F : never;
+type ThemeValue<K extends keyof ThemeType, ThemeType, TVal = any> = NonNullable<ThemeType[K]> extends TVal[] ? number : NonNullable<ThemeType[K]> extends Record<infer E, TVal> ? E : NonNullable<ThemeType[K]> extends ObjectOrArray<infer F> ? F : never;
 type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T };
 interface MarginProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
   m?: ResponsiveValue<TVal, ThemeType>;
@@ -102,7 +102,7 @@ interface FontFamilyProps<ThemeType extends Theme = RequiredTheme> {
 interface FontSizeProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'fontSizes', ThemeType>> {
   fontSize?: ResponsiveValue<TVal, ThemeType>;
 }
-interface FontWeightProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'fontWeights', ThemeType> | string> {
+interface FontWeightProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'fontWeights', ThemeType> | string | number> {
   fontWeight?: ResponsiveValue<TVal, ThemeType>;
 }
 interface LineHeightProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'lineHeights', ThemeType>> {
@@ -285,10 +285,10 @@ interface GridAreaProps<ThemeType extends Theme = RequiredTheme> {
 }
 interface GridProps<ThemeType extends Theme = RequiredTheme> extends GridGapProps<ThemeType>, GridColumnGapProps<ThemeType>, GridRowGapProps<ThemeType>, GridColumnProps<ThemeType>, GridRowProps<ThemeType>, GridAutoFlowProps<ThemeType>, GridAutoColumnsProps<ThemeType>, GridAutoRowsProps<ThemeType>, GridTemplateColumnsProps<ThemeType>, GridTemplateRowsProps<ThemeType>, GridTemplateAreasProps<ThemeType>, GridAreaProps<ThemeType> {}
 interface BoxShadowProps<ThemeType extends Theme = RequiredTheme> {
-  boxShadow?: ResponsiveValue<CSS.Property.BoxShadow | string, ThemeType>;
+  boxShadow?: ResponsiveValue<CSS.Property.BoxShadow | string | number, ThemeType>;
 }
 interface TextShadowProps<ThemeType extends Theme = RequiredTheme> {
-  textShadow?: ResponsiveValue<CSS.Property.TextShadow | string, ThemeType>;
+  textShadow?: ResponsiveValue<CSS.Property.TextShadow | string | number, ThemeType>;
 }
 interface ShadowProps<ThemeType extends Theme = RequiredTheme> extends BoxShadowProps<ThemeType>, TextShadowProps<ThemeType> {}
 interface TextStyleProps<ThemeType extends Theme = RequiredTheme> {

package/dist/{types-CCujn9-2.d.mts → types-CkHJArGA.d.mts}

@@ -1,7 +1,7 @@
 import * as CSS from "csstype";
 
 //#region src/types.d.ts
-type ObjectOrArray<T, K extends keyof never = keyof never> = T[] | Record<K, T | Record<K, T> | T[]>;
+type ObjectOrArray<T, K extends keyof any = keyof any> = T[] | Record<K, T | Record<K, T> | T[]>;
 type Scale = ObjectOrArray<number | string>;
 type TLengthStyledSystem = string | number;
 interface Theme<TLength = TLengthStyledSystem> {
@@ -28,7 +28,7 @@ interface Theme<TLength = TLengthStyledSystem> {
   textStyles?: ObjectOrArray<CSS.StandardProperties>;
 }
 type RequiredTheme = Required<Theme>;
-type ThemeValue<K extends keyof ThemeType, ThemeType, TVal = unknown> = NonNullable<ThemeType[K]> extends TVal[] ? number : NonNullable<ThemeType[K]> extends Record<infer E, TVal> ? E : NonNullable<ThemeType[K]> extends ObjectOrArray<infer F> ? F : never;
+type ThemeValue<K extends keyof ThemeType, ThemeType, TVal = any> = NonNullable<ThemeType[K]> extends TVal[] ? number : NonNullable<ThemeType[K]> extends Record<infer E, TVal> ? E : NonNullable<ThemeType[K]> extends ObjectOrArray<infer F> ? F : never;
 type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T };
 interface MarginProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
   m?: ResponsiveValue<TVal, ThemeType>;
@@ -102,7 +102,7 @@ interface FontFamilyProps<ThemeType extends Theme = RequiredTheme> {
 interface FontSizeProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'fontSizes', ThemeType>> {
   fontSize?: ResponsiveValue<TVal, ThemeType>;
 }
-interface FontWeightProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'fontWeights', ThemeType> | string> {
+interface FontWeightProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'fontWeights', ThemeType> | string | number> {
   fontWeight?: ResponsiveValue<TVal, ThemeType>;
 }
 interface LineHeightProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'lineHeights', ThemeType>> {
@@ -285,10 +285,10 @@ interface GridAreaProps<ThemeType extends Theme = RequiredTheme> {
 }
 interface GridProps<ThemeType extends Theme = RequiredTheme> extends GridGapProps<ThemeType>, GridColumnGapProps<ThemeType>, GridRowGapProps<ThemeType>, GridColumnProps<ThemeType>, GridRowProps<ThemeType>, GridAutoFlowProps<ThemeType>, GridAutoColumnsProps<ThemeType>, GridAutoRowsProps<ThemeType>, GridTemplateColumnsProps<ThemeType>, GridTemplateRowsProps<ThemeType>, GridTemplateAreasProps<ThemeType>, GridAreaProps<ThemeType> {}
 interface BoxShadowProps<ThemeType extends Theme = RequiredTheme> {
-  boxShadow?: ResponsiveValue<CSS.Property.BoxShadow | string, ThemeType>;
+  boxShadow?: ResponsiveValue<CSS.Property.BoxShadow | string | number, ThemeType>;
 }
 interface TextShadowProps<ThemeType extends Theme = RequiredTheme> {
-  textShadow?: ResponsiveValue<CSS.Property.TextShadow | string, ThemeType>;
+  textShadow?: ResponsiveValue<CSS.Property.TextShadow | string | number, ThemeType>;
 }
 interface ShadowProps<ThemeType extends Theme = RequiredTheme> extends BoxShadowProps<ThemeType>, TextShadowProps<ThemeType> {}
 interface TextStyleProps<ThemeType extends Theme = RequiredTheme> {

package/dist/typography.d.cts

@@ -1,3 +1,3 @@
-import { F as FontWeightProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, St as TextAlignProps, kt as TypographyProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-CCujn9-2.cjs";
-import { t as typography } from "./index-BrXslH97.cjs";
+import { F as FontWeightProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, St as TextAlignProps, kt as TypographyProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-CkHJArGA.cjs";
+import { t as typography } from "./index-DP4kqDsJ.cjs";
 export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TypographyProps, typography as default, typography };

package/dist/typography.d.mts

@@ -1,3 +1,3 @@
-import { F as FontWeightProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, St as TextAlignProps, kt as TypographyProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-CCujn9-2.mjs";
-import { t as typography } from "./index-DzPnzx9p.mjs";
+import { F as FontWeightProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, St as TextAlignProps, kt as TypographyProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-CkHJArGA.mjs";
+import { t as typography } from "./index-5Dg1n1IR.mjs";
 export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TypographyProps, typography as default, typography };

package/dist/{variant-C7vPzZHo.cjs → variant-DE0Cwy7S.cjs}

@@ -1,5 +1,5 @@
 const require_core = require("./core.cjs");
-const require_css = require("./css-BQ6QmZDs.cjs");
+const require_css = require("./css-KTNhyd0w.cjs");
 //#region src/variant/variant.ts
 const variant = (options = {}) => {
 	const { scale, prop = "variant", variants = {}, key } = options;

package/dist/{variant-DQA9pqwW.mjs → variant-p-ooclB1.mjs}

@@ -1,5 +1,5 @@
 import { createParser, get } from "./core.mjs";
-import { t as css } from "./css-DPyZNAmX.mjs";
+import { t as css } from "./css-BQylBMEo.mjs";
 //#region src/variant/variant.ts
 const variant = (options = {}) => {
 	const { scale, prop = "variant", variants = {}, key } = options;

package/dist/variant.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_variant = require("./variant-C7vPzZHo.cjs");
+const require_variant = require("./variant-DE0Cwy7S.cjs");
 exports.buttonStyle = require_variant.buttonStyle;
 exports.colorStyle = require_variant.colorStyle;
 exports.default = require_variant.variant;

package/dist/variant.d.cts

@@ -1,3 +1,3 @@
-import { C as ColorStyleProps, Tt as TextStyleProps, x as ButtonStyleProps } from "./types-CCujn9-2.cjs";
-import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle, t as VariantOptions } from "./index-5FNmSnEI.cjs";
-export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };
+import { C as ColorStyleProps, Tt as TextStyleProps, x as ButtonStyleProps } from "./types-CkHJArGA.cjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-3ARRkYzk.cjs";
+export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantArgs, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };

package/dist/variant.d.mts

@@ -1,3 +1,3 @@
-import { C as ColorStyleProps, Tt as TextStyleProps, x as ButtonStyleProps } from "./types-CCujn9-2.mjs";
-import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle, t as VariantOptions } from "./index-CeQ5ox80.mjs";
-export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };
+import { C as ColorStyleProps, Tt as TextStyleProps, x as ButtonStyleProps } from "./types-CkHJArGA.mjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BPJls8qs.mjs";
+export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantArgs, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };

package/dist/variant.mjs

@@ -1,2 +1,2 @@
-import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DQA9pqwW.mjs";
+import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-p-ooclB1.mjs";
 export { buttonStyle, colorStyle, variant as default, variant, textStyle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/styled-system",
-  "version": "5.5.0",
+  "version": "5.6.1",
   "description": "Maintained, first-class-TypeScript rewrite of styled-system — responsive, theme-aware style props for CSS-in-JS. Drop-in replacement for styled-system v5.",
   "keywords": [
     "styled-system",
@@ -13,14 +13,14 @@
   ],
   "author": "Masoud Soroush <masoud@soroush.tech>",
   "license": "MIT",
-  "homepage": "https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system#readme",
+  "homepage": "https://soroush.tech/styled-system/",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/soroush-tech/soroush.tech.git",
+    "url": "git+https://github.com/soroush-tech/core.git",
     "directory": "packages/styled-system"
   },
   "bugs": {
-    "url": "https://github.com/soroush-tech/soroush.tech/issues"
+    "url": "https://github.com/soroush-tech/core/issues"
   },
   "type": "module",
   "sideEffects": false,
@@ -217,22 +217,25 @@
     "access": "public"
   },
   "dependencies": {
-    "csstype": "^3.1.3"
+    "csstype": "^3.2.3"
   },
   "peerDependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
     "prop-types": "^15.8.1"
   },
   "peerDependenciesMeta": {
+    "@emotion/is-prop-valid": {
+      "optional": true
+    },
     "prop-types": {
       "optional": true
     }
   },
   "devDependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
-    "@types/prop-types": "^15.7.12",
+    "@types/prop-types": "^15.7.15",
     "@vitest/coverage-v8": "^4.1.9",
-    "eslint": "^10.5.0",
+    "eslint": "^10.6.0",
     "globals": "^17.7.0",
     "prop-types": "^15.8.1",
     "tsdown": "^0.22.3",

package/dist/index-BvNoOnuk.d.mts

@@ -1,5 +0,0 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
-//#region src/grid/grid.d.ts
-declare const grid: Parser;
-//#endregion
-export { grid as t };

package/dist/index-D9W3cc9s.d.mts

@@ -1,5 +0,0 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
-//#region src/color/color.d.ts
-declare const color: Parser;
-//#endregion
-export { color as t };

package/dist/index-Dxn97XnB.d.cts

@@ -1,5 +0,0 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
-//#region src/color/color.d.ts
-declare const color: Parser;
-//#endregion
-export { color as t };

package/dist/index-HNU5ME-U.d.cts

@@ -1,5 +0,0 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
-//#region src/grid/grid.d.ts
-declare const grid: Parser;
-//#endregion
-export { grid as t };