@soroush.tech/styled-system 5.4.0 → 5.6.0

package/README.md

@@ -117,9 +117,6 @@ import shouldForwardProp, {
 } from '@soroush.tech/styled-system/should-forward-prop'
 ```
 
-`themeGet` is also re-exported from the package root (as both a named and the default
-export), so `import { themeGet } from '@soroush.tech/styled-system'` works too.
-
 ## Drop-in via alias
 
 Existing `styled-system` users can swap with a package-manager alias — no code changes:
@@ -130,9 +127,19 @@ Existing `styled-system` users can swap with a package-manager alias — no code
 }
 ```
 
-Every `@styled-system/*` satellite maps 1:1 to the matching
-`@soroush.tech/styled-system/*` subpath — e.g. `@styled-system/should-forward-prop`,
-`@styled-system/prop-types`, `@styled-system/theme-get`, `@styled-system/css`.
+The satellite `@styled-system/*` packages don't need separate aliases — import them as
+subpaths off the aliased `styled-system` name, and they resolve through this package's
+`exports`:
+
+```ts
+import themeGet from 'styled-system/theme-get'
+import propTypes from 'styled-system/prop-types'
+import { css } from 'styled-system/css'
+import shouldForwardProp from 'styled-system/should-forward-prop'
+```
+
+Types resolve under both modern module resolution (`node16`/`nodenext`/`bundler`, via
+`exports`) and classic `node` (via `typesVersions`).
 
 ## Documentation
 

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.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/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--0QXsrzB.d.mts → index-DLVfllTy.d.mts}

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.mjs";
+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-BFzj-f22.d.cts → index-DuGi82Ma.d.cts}

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

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

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

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

@@ -1,4 +1,4 @@
-import { r as Parser } from "./index-C6pWum7i.cjs";
+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

@@ -1,7 +1,4 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_core = require("./core.cjs");
 const require_background = require("./background-wugr6cG7.cjs");
 const require_border = require("./border-UuT-fTpy.cjs");
@@ -14,7 +11,6 @@ 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_theme_get = require("./theme-get-D0fH7Jrd.cjs");
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};
@@ -126,7 +122,6 @@ exports.colorStyle = require_variant.colorStyle;
 exports.compose = require_core.compose;
 exports.createParser = require_core.createParser;
 exports.createStyleFunction = require_core.createStyleFunction;
-exports.default = require_theme_get.themeGet;
 exports.display = display;
 exports.flex = flex;
 exports.flexBasis = flexBasis;
@@ -182,7 +177,6 @@ exports.system = require_core.system;
 exports.textAlign = textAlign;
 exports.textShadow = require_shadow.shadow;
 exports.textStyle = require_variant.textStyle;
-exports.themeGet = require_theme_get.themeGet;
 exports.top = top;
 exports.typography = require_typography.typography;
 exports.variant = require_variant.variant;

package/dist/index.d.cts

@@ -1,17 +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 { t as themeGet } from "./index-CTguR0fU.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 {
@@ -23,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,
@@ -97,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, themeGet as default, themeGet, 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,17 +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 { t as themeGet } from "./index-C_ikENGU.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 {
@@ -23,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,
@@ -97,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, themeGet as default, themeGet, 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

@@ -10,7 +10,6 @@ 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 { t as themeGet } from "./theme-get-CwPt9eDy.mjs";
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};
@@ -96,4 +95,4 @@ const right = positionFns.right;
 const bottom = positionFns.bottom;
 const left = positionFns.left;
 //#endregion
-export { 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, themeGet as default, themeGet, 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 { 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 };

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/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/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

@@ -2,6 +2,9 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_theme_get = require("./theme-get-D0fH7Jrd.cjs");
-exports.default = require_theme_get.themeGet;
-exports.themeGet = require_theme_get.themeGet;
+const require_core = require("./core.cjs");
+//#region src/theme-get/theme-get.ts
+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,2 +1,4 @@
-import { t as themeGet } from "./index-CTguR0fU.cjs";
+//#region src/theme-get/theme-get.d.ts
+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,2 +1,4 @@
-import { t as themeGet } from "./index-C_ikENGU.mjs";
+//#region src/theme-get/theme-get.d.ts
+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,2 +1,5 @@
-import { t as themeGet } from "./theme-get-CwPt9eDy.mjs";
+import { get } from "./core.mjs";
+//#region src/theme-get/theme-get.ts
+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.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/styled-system",
-  "version": "5.4.0",
+  "version": "5.6.0",
   "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",
@@ -224,6 +224,9 @@
     "prop-types": "^15.8.1"
   },
   "peerDependenciesMeta": {
+    "@emotion/is-prop-valid": {
+      "optional": true
+    },
     "prop-types": {
       "optional": true
     }
@@ -248,5 +251,60 @@
     "test:coverage": "vitest run --coverage"
   },
   "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs"
+  "module": "./dist/index.mjs",
+  "typesVersions": {
+    "*": {
+      "core": [
+        "./dist/core.d.cts"
+      ],
+      "space": [
+        "./dist/space.d.cts"
+      ],
+      "color": [
+        "./dist/color.d.cts"
+      ],
+      "layout": [
+        "./dist/layout.d.cts"
+      ],
+      "typography": [
+        "./dist/typography.d.cts"
+      ],
+      "flexbox": [
+        "./dist/flexbox.d.cts"
+      ],
+      "grid": [
+        "./dist/grid.d.cts"
+      ],
+      "background": [
+        "./dist/background.d.cts"
+      ],
+      "border": [
+        "./dist/border.d.cts"
+      ],
+      "position": [
+        "./dist/position.d.cts"
+      ],
+      "shadow": [
+        "./dist/shadow.d.cts"
+      ],
+      "variant": [
+        "./dist/variant.d.cts"
+      ],
+      "css": [
+        "./dist/css.d.cts"
+      ],
+      "theme-get": [
+        "./dist/theme-get.d.cts"
+      ],
+      "props": [
+        "./dist/props.d.cts"
+      ],
+      "prop-types": [
+        "./dist/prop-types.d.cts"
+      ],
+      "should-forward-prop": [
+        "./dist/should-forward-prop.d.cts"
+      ]
+    }
+  }
 }

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-CTguR0fU.d.cts

@@ -1,6 +0,0 @@
-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;
-//#endregion
-export { themeGet as t };

package/dist/index-C_ikENGU.d.mts

@@ -1,6 +0,0 @@
-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;
-//#endregion
-export { themeGet 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 };

package/dist/theme-get-CwPt9eDy.mjs

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

package/dist/theme-get-D0fH7Jrd.cjs

@@ -1,10 +0,0 @@
-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);
-//#endregion
-Object.defineProperty(exports, "themeGet", {
-	enumerable: true,
-	get: function() {
-		return themeGet;
-	}
-});