@soroush.tech/styled-system 5.2.0 → 5.4.0

package/README.md

@@ -38,10 +38,10 @@ pnpm add @soroush.tech/styled-system
 yarn add @soroush.tech/styled-system
 ```
 
-`@emotion/is-prop-valid` (`^1.4.0`) is a peer dependency used only by the
-[`should-forward-prop`](#subpath-imports) entry — install it if you import that subpath.
-You bring your own CSS-in-JS library (Emotion, styled-components, …); the core carries
-neither at runtime.
+`@emotion/is-prop-valid` (`^1.4.0`, peer) and `prop-types` (`^15.8.1`, optional peer) are
+each used by a single [subpath](#subpath-imports) — `should-forward-prop` and `prop-types`
+respectively. Install one only if you import that subpath. You bring your own CSS-in-JS
+library (Emotion, styled-components, …); the core carries neither at runtime.
 
 ## Usage
 
@@ -110,12 +110,16 @@ Subpaths mirror the original `@styled-system/*` packages:
 import { css } from '@soroush.tech/styled-system/css'
 import { themeGet } from '@soroush.tech/styled-system/theme-get'
 import { pick, omit } from '@soroush.tech/styled-system/props'
+import propTypes, { createPropTypes } from '@soroush.tech/styled-system/prop-types'
 import shouldForwardProp, {
   createShouldForwardProp,
   props,
 } 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:
@@ -126,8 +130,9 @@ Existing `styled-system` users can swap with a package-manager alias — no code
 }
 ```
 
-`@styled-system/should-forward-prop` maps to the
-`@soroush.tech/styled-system/should-forward-prop` subpath.
+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`.
 
 ## Documentation
 

package/dist/background.d.cts

@@ -1,2 +1,3 @@
-import { t as background } from "./index-DZaFk5pk.cjs";
-export { background, background as default };
+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";
+export { type BackgroundImageProps, type BackgroundPositionProps, type BackgroundProps, type BackgroundRepeatProps, type BackgroundSizeProps, background, background as default };

package/dist/background.d.mts

@@ -1,2 +1,3 @@
-import { t as background } from "./index-9ZhIewzy.mjs";
-export { background, background as default };
+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";
+export { type BackgroundImageProps, type BackgroundPositionProps, type BackgroundProps, type BackgroundRepeatProps, type BackgroundSizeProps, background, background as default };

package/dist/border.d.cts

@@ -1,2 +1,3 @@
-import { t as border } from "./index-BoMacn6F.cjs";
-export { border, border as default };
+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";
+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,2 +1,3 @@
-import { t as border } from "./index-Bx7IxKu-.mjs";
-export { border, border as default };
+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";
+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,2 +1,3 @@
-import { t as color } from "./index-j3E1mxCg.cjs";
-export { color, color as default };
+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";
+export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };

package/dist/color.d.mts

@@ -1,2 +1,3 @@
-import { t as color } from "./index-D3t1Lyte.mjs";
-export { color, color as default };
+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";
+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-D8EyRZ5p.cjs";
+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 };

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-D8EyRZ5p.mjs";
+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 };

package/dist/flexbox.d.cts

@@ -1,2 +1,3 @@
-import { t as flexbox } from "./index-BS9GuhQN.cjs";
-export { flexbox as default, flexbox };
+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";
+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,2 +1,3 @@
-import { t as flexbox } from "./index-CX2jWEGJ.mjs";
-export { flexbox as default, flexbox };
+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";
+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,2 +1,3 @@
-import { t as grid } from "./index-Ce09s0FQ.cjs";
-export { grid as default, grid };
+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";
+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,2 +1,3 @@
-import { t as grid } from "./index-J3PebPto.mjs";
-export { grid as default, grid };
+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";
+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-50KH4Mo7.d.cts → index--0QXsrzB.d.mts}

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

package/dist/{index-8PSQ0vkP.d.cts → index-5FNmSnEI.d.cts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.cjs";
-
+import { r as Parser } from "./index-C6pWum7i.cjs";
 //#region src/variant/variant.d.ts
 interface VariantOptions {
   scale?: string;

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

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

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

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

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

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

package/dist/{index-Nc-10syf.d.cts → index-BPHA_boa.d.mts}

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

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

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

package/dist/{index-CarHCWLQ.d.cts → index-BrXslH97.d.cts}

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

package/dist/index-BvNoOnuk.d.mts

@@ -0,0 +1,5 @@
+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-D8EyRZ5p.d.cts → index-C6pWum7i.d.cts}

@@ -21,7 +21,7 @@ interface Props {
   theme?: Theme;
   [key: string]: unknown;
 }
-type Transform = (value: unknown, scale?: unknown, props?: Props) => unknown;
+type Transform = (value: any, scale?: any, props?: Props) => any;
 interface StyleFn {
   (value: unknown, scale?: unknown, props?: Props): StyleObject | undefined;
   scale?: string;

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

@@ -21,7 +21,7 @@ interface Props {
   theme?: Theme;
   [key: string]: unknown;
 }
-type Transform = (value: unknown, scale?: unknown, props?: Props) => unknown;
+type Transform = (value: any, scale?: any, props?: Props) => any;
 interface StyleFn {
   (value: unknown, scale?: unknown, props?: Props): StyleObject | undefined;
   scale?: string;

package/dist/index-CTguR0fU.d.cts

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,6 @@
+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-BBTVE4EM.d.mts → index-CeQ5ox80.d.mts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.mjs";
-
+import { r as Parser } from "./index-C6pWum7i.mjs";
 //#region src/variant/variant.d.ts
 interface VariantOptions {
   scale?: string;

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

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

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

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

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

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

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

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

package/dist/index-D9W3cc9s.d.mts

@@ -0,0 +1,5 @@
+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-Bx7IxKu-.d.mts → index-DLcnFzWU.d.mts}

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

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

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

package/dist/index-Dxn97XnB.d.cts

@@ -0,0 +1,5 @@
+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-BoMacn6F.d.cts → index-Dz8xde7b.d.cts}

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+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/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[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");
@@ -11,6 +14,7 @@ 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 = {};
@@ -122,6 +126,7 @@ 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;
@@ -177,6 +182,7 @@ 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,16 +1,17 @@
-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-D8EyRZ5p.cjs";
-import { t as background } from "./index-DZaFk5pk.cjs";
-import { t as border } from "./index-BoMacn6F.cjs";
-import { t as color } from "./index-j3E1mxCg.cjs";
-import { t as flexbox } from "./index-BS9GuhQN.cjs";
-import { t as grid } from "./index-Ce09s0FQ.cjs";
-import { n as padding, r as space, t as margin } from "./index-50KH4Mo7.cjs";
-import { t as layout } from "./index-Nc-10syf.cjs";
-import { t as typography } from "./index-CarHCWLQ.cjs";
-import { t as position } from "./index-z86wOHTb.cjs";
-import { t as shadow } from "./index-DVR6hZCd.cjs";
-import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle } from "./index-8PSQ0vkP.cjs";
-import * as CSS from "csstype";
+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";
 
 //#region src/style/style.d.ts
 interface StyleOptions {
@@ -32,158 +33,6 @@ declare const style: ({
   properties
 }: StyleOptions) => Parser;
 //#endregion
-//#region src/types.d.ts
-type ObjectOrArray<T, K extends keyof never = keyof never> = T[] | Record<K, T | Record<K, T> | T[]>;
-type Scale = ObjectOrArray<number | string>;
-type TLengthStyledSystem = string | number;
-interface Theme<TLength = TLengthStyledSystem> {
-  breakpoints?: ObjectOrArray<number | string | symbol>;
-  mediaQueries?: {
-    [size: string]: string;
-  };
-  space?: ObjectOrArray<CSS.Property.Margin<number | string>>;
-  fontSizes?: ObjectOrArray<CSS.Property.FontSize<number>>;
-  colors?: ObjectOrArray<CSS.Property.Color>;
-  fonts?: ObjectOrArray<CSS.Property.FontFamily>;
-  fontWeights?: ObjectOrArray<CSS.Property.FontWeight>;
-  lineHeights?: ObjectOrArray<CSS.Property.LineHeight<TLength>>;
-  letterSpacings?: ObjectOrArray<CSS.Property.LetterSpacing<TLength>>;
-  sizes?: ObjectOrArray<CSS.Property.Height<object> | CSS.Property.Width<object>>;
-  borders?: ObjectOrArray<CSS.Property.Border<object>>;
-  borderStyles?: ObjectOrArray<CSS.Property.Border<object>>;
-  borderWidths?: ObjectOrArray<CSS.Property.BorderWidth<TLength>>;
-  radii?: ObjectOrArray<CSS.Property.BorderRadius<TLength>>;
-  shadows?: ObjectOrArray<CSS.Property.BoxShadow>;
-  zIndices?: ObjectOrArray<CSS.Property.ZIndex>;
-  buttons?: ObjectOrArray<CSS.StandardProperties>;
-  colorStyles?: ObjectOrArray<CSS.StandardProperties>;
-  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 ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T };
-interface SpaceProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> extends MarginProps<ThemeType, TVal>, PaddingProps<ThemeType, TVal> {}
-interface MarginProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
-  m?: ResponsiveValue<TVal, ThemeType>;
-  margin?: ResponsiveValue<TVal, ThemeType>;
-  mt?: ResponsiveValue<TVal, ThemeType>;
-  marginTop?: ResponsiveValue<TVal, ThemeType>;
-  mr?: ResponsiveValue<TVal, ThemeType>;
-  marginRight?: ResponsiveValue<TVal, ThemeType>;
-  mb?: ResponsiveValue<TVal, ThemeType>;
-  marginBottom?: ResponsiveValue<TVal, ThemeType>;
-  ml?: ResponsiveValue<TVal, ThemeType>;
-  marginLeft?: ResponsiveValue<TVal, ThemeType>;
-  mx?: ResponsiveValue<TVal, ThemeType>;
-  marginX?: ResponsiveValue<TVal, ThemeType>;
-  my?: ResponsiveValue<TVal, ThemeType>;
-  marginY?: ResponsiveValue<TVal, ThemeType>;
-}
-interface PaddingProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
-  p?: ResponsiveValue<TVal, ThemeType>;
-  padding?: ResponsiveValue<TVal, ThemeType>;
-  pt?: ResponsiveValue<TVal, ThemeType>;
-  paddingTop?: ResponsiveValue<TVal, ThemeType>;
-  pr?: ResponsiveValue<TVal, ThemeType>;
-  paddingRight?: ResponsiveValue<TVal, ThemeType>;
-  pb?: ResponsiveValue<TVal, ThemeType>;
-  paddingBottom?: ResponsiveValue<TVal, ThemeType>;
-  pl?: ResponsiveValue<TVal, ThemeType>;
-  paddingLeft?: ResponsiveValue<TVal, ThemeType>;
-  px?: ResponsiveValue<TVal, ThemeType>;
-  paddingX?: ResponsiveValue<TVal, ThemeType>;
-  py?: ResponsiveValue<TVal, ThemeType>;
-  paddingY?: ResponsiveValue<TVal, ThemeType>;
-}
-interface LayoutProps<ThemeType extends Theme = RequiredTheme> {
-  width?: ResponsiveValue<CSS.Property.Width<TLengthStyledSystem>, ThemeType>;
-  height?: ResponsiveValue<CSS.Property.Height<TLengthStyledSystem>, ThemeType>;
-  minWidth?: ResponsiveValue<CSS.Property.MinWidth<TLengthStyledSystem>, ThemeType>;
-  minHeight?: ResponsiveValue<CSS.Property.MinHeight<TLengthStyledSystem>, ThemeType>;
-  maxWidth?: ResponsiveValue<CSS.Property.MaxWidth<TLengthStyledSystem>, ThemeType>;
-  maxHeight?: ResponsiveValue<CSS.Property.MaxHeight<TLengthStyledSystem>, ThemeType>;
-  size?: ResponsiveValue<CSS.Property.Width<TLengthStyledSystem>, ThemeType>;
-  overflow?: ResponsiveValue<CSS.Property.Overflow, ThemeType>;
-  overflowX?: ResponsiveValue<CSS.Property.OverflowX, ThemeType>;
-  overflowY?: ResponsiveValue<CSS.Property.OverflowY, ThemeType>;
-  display?: ResponsiveValue<CSS.Property.Display, ThemeType>;
-  verticalAlign?: ResponsiveValue<CSS.Property.VerticalAlign<TLengthStyledSystem>, ThemeType>;
-}
-interface TypographyProps<ThemeType extends Theme = RequiredTheme> {
-  fontFamily?: ResponsiveValue<CSS.Property.FontFamily, ThemeType>;
-  fontSize?: ResponsiveValue<ThemeValue<'fontSizes', ThemeType>, ThemeType>;
-  fontWeight?: ResponsiveValue<ThemeValue<'fontWeights', ThemeType> | string, ThemeType>;
-  lineHeight?: ResponsiveValue<ThemeValue<'lineHeights', ThemeType>, ThemeType>;
-  letterSpacing?: ResponsiveValue<CSS.Property.LetterSpacing<TLengthStyledSystem>, ThemeType>;
-  textAlign?: ResponsiveValue<CSS.Property.TextAlign, ThemeType>;
-  fontStyle?: ResponsiveValue<CSS.Property.FontStyle, ThemeType>;
-}
-interface FlexboxProps<ThemeType extends Theme = RequiredTheme> {
-  alignItems?: ResponsiveValue<CSS.Property.AlignItems, ThemeType>;
-  alignContent?: ResponsiveValue<CSS.Property.AlignContent, ThemeType>;
-  justifyItems?: ResponsiveValue<CSS.Property.JustifyItems, ThemeType>;
-  justifyContent?: ResponsiveValue<CSS.Property.JustifyContent, ThemeType>;
-  flexWrap?: ResponsiveValue<CSS.Property.FlexWrap, ThemeType>;
-  flexDirection?: ResponsiveValue<CSS.Property.FlexDirection, ThemeType>;
-  flex?: ResponsiveValue<CSS.Property.Flex<TLengthStyledSystem>, ThemeType>;
-  flexGrow?: ResponsiveValue<CSS.Property.FlexGrow, ThemeType>;
-  flexShrink?: ResponsiveValue<CSS.Property.FlexShrink, ThemeType>;
-  flexBasis?: ResponsiveValue<CSS.Property.FlexBasis<TLengthStyledSystem>, ThemeType>;
-  justifySelf?: ResponsiveValue<CSS.Property.JustifySelf, ThemeType>;
-  alignSelf?: ResponsiveValue<CSS.Property.AlignSelf, ThemeType>;
-  order?: ResponsiveValue<CSS.Property.Order, ThemeType>;
-}
-interface PositionProps<ThemeType extends Theme = RequiredTheme> {
-  position?: ResponsiveValue<CSS.Property.Position, ThemeType>;
-  zIndex?: ResponsiveValue<CSS.Property.ZIndex, ThemeType>;
-  top?: ResponsiveValue<CSS.Property.Top<TLengthStyledSystem>, ThemeType>;
-  right?: ResponsiveValue<CSS.Property.Right<TLengthStyledSystem>, ThemeType>;
-  bottom?: ResponsiveValue<CSS.Property.Bottom<TLengthStyledSystem>, ThemeType>;
-  left?: ResponsiveValue<CSS.Property.Left<TLengthStyledSystem>, ThemeType>;
-}
-interface ColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
-  color?: ResponsiveValue<TVal, ThemeType>;
-  backgroundColor?: ResponsiveValue<TVal, ThemeType>;
-  bg?: ResponsiveValue<TVal, ThemeType>;
-  opacity?: ResponsiveValue<CSS.Property.Opacity, ThemeType>;
-}
-interface BorderProps<ThemeType extends Theme = RequiredTheme> {
-  border?: ResponsiveValue<CSS.Property.Border<TLengthStyledSystem>, ThemeType>;
-  borderWidth?: ResponsiveValue<CSS.Property.BorderWidth<TLengthStyledSystem>, ThemeType>;
-  borderStyle?: ResponsiveValue<CSS.Property.BorderStyle, ThemeType>;
-  borderColor?: ResponsiveValue<ThemeValue<'colors', ThemeType>, ThemeType>;
-  borderRadius?: ResponsiveValue<ThemeValue<'radii', ThemeType>, ThemeType>;
-  borderTop?: ResponsiveValue<CSS.Property.BorderTop<TLengthStyledSystem>, ThemeType>;
-  borderRight?: ResponsiveValue<CSS.Property.BorderRight<TLengthStyledSystem>, ThemeType>;
-  borderBottom?: ResponsiveValue<CSS.Property.BorderBottom<TLengthStyledSystem>, ThemeType>;
-  borderLeft?: ResponsiveValue<CSS.Property.BorderLeft<TLengthStyledSystem>, ThemeType>;
-}
-interface BackgroundProps<ThemeType extends Theme = RequiredTheme> {
-  background?: ResponsiveValue<CSS.Property.Background<TLengthStyledSystem>, ThemeType>;
-  backgroundImage?: ResponsiveValue<CSS.Property.BackgroundImage, ThemeType>;
-  backgroundSize?: ResponsiveValue<CSS.Property.BackgroundSize<TLengthStyledSystem>, ThemeType>;
-  backgroundPosition?: ResponsiveValue<CSS.Property.BackgroundPosition<TLengthStyledSystem>, ThemeType>;
-  backgroundRepeat?: ResponsiveValue<CSS.Property.BackgroundRepeat, ThemeType>;
-}
-interface GridProps<ThemeType extends Theme = RequiredTheme> {
-  gridGap?: ResponsiveValue<CSS.Property.GridGap<TLengthStyledSystem>, ThemeType>;
-  gridColumnGap?: ResponsiveValue<CSS.Property.GridColumnGap<TLengthStyledSystem>, ThemeType>;
-  gridRowGap?: ResponsiveValue<CSS.Property.GridRowGap<TLengthStyledSystem>, ThemeType>;
-  gridColumn?: ResponsiveValue<CSS.Property.GridColumn, ThemeType>;
-  gridRow?: ResponsiveValue<CSS.Property.GridRow, ThemeType>;
-  gridAutoFlow?: ResponsiveValue<CSS.Property.GridAutoFlow, ThemeType>;
-  gridAutoColumns?: ResponsiveValue<CSS.Property.GridAutoColumns<TLengthStyledSystem>, ThemeType>;
-  gridAutoRows?: ResponsiveValue<CSS.Property.GridAutoRows<TLengthStyledSystem>, ThemeType>;
-  gridTemplateColumns?: ResponsiveValue<CSS.Property.GridTemplateColumns<TLengthStyledSystem>, ThemeType>;
-  gridTemplateRows?: ResponsiveValue<CSS.Property.GridTemplateRows<TLengthStyledSystem>, ThemeType>;
-  gridTemplateAreas?: ResponsiveValue<CSS.Property.GridTemplateAreas, ThemeType>;
-  gridArea?: ResponsiveValue<CSS.Property.GridArea, ThemeType>;
-}
-interface ShadowProps<ThemeType extends Theme = RequiredTheme> {
-  boxShadow?: ResponsiveValue<CSS.Property.BoxShadow | string, ThemeType>;
-  textShadow?: ResponsiveValue<CSS.Property.TextShadow | string, ThemeType>;
-}
-//#endregion
 //#region src/index.d.ts
 declare const width: Parser;
 declare const height: Parser;
@@ -248,4 +97,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-export { BackgroundProps, BorderProps, ColorProps, type ConfigStyle, FlexboxProps, GridProps, LayoutProps, MarginProps, ObjectOrArray, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, Scale, ShadowProps, SpaceProps, type StyleFn, type StyleObject, type SystemConfig, TLengthStyledSystem, Theme, ThemeValue, type Transform, TypographyProps, 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 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 };