@soroush.tech/styled-system 5.7.1 → 5.8.1

package/README.md

@@ -1,11 +1,11 @@
 # @soroush.tech/styled-system
 
-[![npm version](https://img.shields.io/npm/v/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
-[![npm downloads](https://img.shields.io/npm/dm/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
+[![npm version](https://img.shields.io/npm/v/@soroush.tech/styled-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/styled-system)
+[![npm downloads](https://img.shields.io/npm/dm/@soroush.tech/styled-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/styled-system)
 [![coverage](https://codecov.io/gh/soroush-tech/core/branch/main/graph/badge.svg?flag=styled-system)](https://app.codecov.io/gh/soroush-tech/core?flags%5B0%5D=styled-system)
-[![unpacked size](https://img.shields.io/npm/unpacked-size/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
-[![types included](https://img.shields.io/npm/types/@soroush.tech/styled-system.svg)](https://www.npmjs.com/package/@soroush.tech/styled-system)
-[![license](https://img.shields.io/npm/l/@soroush.tech/styled-system.svg)](./LICENSE)
+[![unpacked size](https://img.shields.io/npm/unpacked-size/@soroush.tech/styled-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/styled-system)
+[![types included](https://img.shields.io/npm/types/@soroush.tech/styled-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/styled-system)
+[![license](https://img.shields.io/npm/l/@soroush.tech/styled-system.svg?cacheSeconds=86400)](./LICENSE)
 
 A maintained, first-class-TypeScript rewrite of [styled-system](https://github.com/jxnblk/styled-system) v5 — responsive, theme-aware style props for CSS-in-JS.
 
@@ -14,9 +14,9 @@ It is a **drop-in replacement** for the `styled-system` runtime: the root export
 ## Features
 
 - Add style props that hook into your own theme
-- Quickly set responsive `font-size`, `margin`, `padding`, `width`, and more with props
+- Quickly set responsive `font-size`, `margin`, `padding`, `gap`, `width`, and more with props
 - Influenced by constraint-based design-system principles
-- Typographic scale, and a spacing scale for `margin` and `padding`
+- Typographic scale, and a spacing scale for `margin`, `padding` and `gap`
 - Works with any color palette
 - Works with most CSS-in-JS libraries, including [Emotion](https://emotion.sh) and [styled-components](https://styled-components.com)
 - First-class TypeScript types — theme-scale-aware props, replacing `@types/styled-system`

package/dist/background.d.cts

@@ -1,3 +1,3 @@
-import { t as background } from "./index-BDtY1uVY.cjs";
-import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-BcPNeOu9.cjs";
+import { t as background } from "./index-ogIIkqhV.cjs";
+import { c as BackgroundProps, l as BackgroundRepeatProps, o as BackgroundImageProps, s as BackgroundPositionProps, u as BackgroundSizeProps } from "./types-BEHYHdIq.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-DPElfVnc.mjs";
-import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-BcPNeOu9.mjs";
+import { t as background } from "./index-Dj0F79Bp.mjs";
+import { c as BackgroundProps, l as BackgroundRepeatProps, o as BackgroundImageProps, s as BackgroundPositionProps, u as BackgroundSizeProps } from "./types-BEHYHdIq.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-BcPNeOu9.cjs";
-import { t as border } from "./index-DVd2byi6.cjs";
+import { _ as BorderStyleProps, d as BorderBottomProps, f as BorderColorProps, g as BorderRightProps, h as BorderRadiusProps, m as BorderProps, p as BorderLeftProps, v as BorderTopProps, y as BorderWidthProps } from "./types-BEHYHdIq.cjs";
+import { t as border } from "./index-DFHqxqDI.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-BcPNeOu9.mjs";
-import { t as border } from "./index-DQVt2B8L.mjs";
+import { _ as BorderStyleProps, d as BorderBottomProps, f as BorderColorProps, g as BorderRightProps, h as BorderRadiusProps, m as BorderProps, p as BorderLeftProps, v as BorderTopProps, y as BorderWidthProps } from "./types-BEHYHdIq.mjs";
+import { t as border } from "./index-P5vy3lm4.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 { S as ColorProps, i as BackgroundColorProps, lt as OpacityProps, wt as TextColorProps } from "./types-BcPNeOu9.cjs";
-import { t as color } from "./index-C8xX5EfB.cjs";
+import { C as ColorProps, Ot as TextColorProps, a as BackgroundColorProps, ft as OpacityProps } from "./types-BEHYHdIq.cjs";
+import { t as color } from "./index-KOeCRVqs.cjs";
 export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };

package/dist/color.d.mts

@@ -1,3 +1,3 @@
-import { S as ColorProps, i as BackgroundColorProps, lt as OpacityProps, wt as TextColorProps } from "./types-BcPNeOu9.mjs";
-import { t as color } from "./index-T0HR3aLX.mjs";
+import { C as ColorProps, Ot as TextColorProps, a as BackgroundColorProps, ft as OpacityProps } from "./types-BEHYHdIq.mjs";
+import { t as color } from "./index-BxEj-sWN.mjs";
 export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };

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-BcPNeOu9.cjs";
-import { t as flexbox } from "./index-yrWGltsJ.cjs";
+import { $ as JustifyContentProps, A as FlexProps, D as FlexBasisProps, M as FlexWrapProps, N as FlexboxProps, O as FlexDirectionProps, et as JustifyItemsProps, j as FlexShrinkProps, k as FlexGrowProps, n as AlignItemsProps, pt as OrderProps, r as AlignSelfProps, t as AlignContentProps, tt as JustifySelfProps } from "./types-BEHYHdIq.cjs";
+import { t as flexbox } from "./index-C0U26AuK.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-BcPNeOu9.mjs";
-import { t as flexbox } from "./index-DCva7aHv.mjs";
+import { $ as JustifyContentProps, A as FlexProps, D as FlexBasisProps, M as FlexWrapProps, N as FlexboxProps, O as FlexDirectionProps, et as JustifyItemsProps, j as FlexShrinkProps, k as FlexGrowProps, n as AlignItemsProps, pt as OrderProps, r as AlignSelfProps, t as AlignContentProps, tt as JustifySelfProps } from "./types-BEHYHdIq.mjs";
+import { t as flexbox } from "./index-CLPj_nlH.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-BcPNeOu9.cjs";
-import { t as grid } from "./index-rkfNt3hR.cjs";
+import { B as GridAutoColumnsProps, G as GridGapProps, H as GridAutoRowsProps, J as GridRowProps, K as GridProps, U as GridColumnGapProps, V as GridAutoFlowProps, W as GridColumnProps, X as GridTemplateColumnsProps, Y as GridTemplateAreasProps, Z as GridTemplateRowsProps, q as GridRowGapProps, z as GridAreaProps } from "./types-BEHYHdIq.cjs";
+import { t as grid } from "./index-CSiiNuwr.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-BcPNeOu9.mjs";
-import { t as grid } from "./index-VEj6m-by.mjs";
+import { B as GridAutoColumnsProps, G as GridGapProps, H as GridAutoRowsProps, J as GridRowProps, K as GridProps, U as GridColumnGapProps, V as GridAutoFlowProps, W as GridColumnProps, X as GridTemplateColumnsProps, Y as GridTemplateAreasProps, Z as GridTemplateRowsProps, q as GridRowGapProps, z as GridAreaProps } from "./types-BEHYHdIq.mjs";
+import { t as grid } from "./index-CA8D2_fO.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-DC9UrOgS.d.mts → index-6v6ZPLqN.d.mts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.mjs";
-import "./types-BcPNeOu9.mjs";
+import "./types-BEHYHdIq.mjs";
 //#region src/position/position.d.ts
 declare const position: Parser;
 //#endregion

package/dist/{index-BArxeLmS.d.cts → index-BB5onzAO.d.cts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BcPNeOu9.cjs";
+import "./types-BEHYHdIq.cjs";
 //#region src/variant/variant.d.ts
 interface VariantOptions {
   scale?: string;

package/dist/{index-DGqSJkFh.d.mts → index-BIbimgdO.d.mts}

@@ -1,8 +1,9 @@
 import { a as Parser } from "./index-C0SM54dQ.mjs";
-import "./types-BcPNeOu9.mjs";
+import "./types-BEHYHdIq.mjs";
 //#region src/space/space.d.ts
 declare const margin: Parser;
 declare const padding: Parser;
+declare const gap: Parser;
 declare const space: Parser;
 //#endregion
-export { padding as n, space as r, margin as t };
+export { space as i, margin as n, padding as r, gap as t };

package/dist/{index-cXURIs6r.d.cts → index-BhQrpfIN.d.cts}

@@ -1,8 +1,9 @@
 import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BcPNeOu9.cjs";
+import "./types-BEHYHdIq.cjs";
 //#region src/space/space.d.ts
 declare const margin: Parser;
 declare const padding: Parser;
+declare const gap: Parser;
 declare const space: Parser;
 //#endregion
-export { padding as n, space as r, margin as t };
+export { space as i, margin as n, padding as r, gap as t };

package/dist/{index-C_CRcytY.d.cts → index-Br4itelo.d.cts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BcPNeOu9.cjs";
+import "./types-BEHYHdIq.cjs";
 //#region src/layout/layout.d.ts
 declare const layout: Parser;
 //#endregion

package/dist/{index-C0pw8Qd2.d.mts → index-Brk7KoTW.d.mts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.mjs";
-import "./types-BcPNeOu9.mjs";
+import "./types-BEHYHdIq.mjs";
 //#region src/typography/typography.d.ts
 declare const typography: Parser;
 //#endregion

package/dist/{index-QsPFe11Z.d.cts → index-BwOWcSgh.d.cts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BcPNeOu9.cjs";
+import "./types-BEHYHdIq.cjs";
 //#region src/shadow/shadow.d.ts
 declare const shadow: Parser;
 //#endregion

package/dist/{index-T0HR3aLX.d.mts → index-BxEj-sWN.d.mts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.mjs";
-import "./types-BcPNeOu9.mjs";
+import "./types-BEHYHdIq.mjs";
 //#region src/color/color.d.ts
 declare const color: Parser;
 //#endregion

package/dist/{index-CMBI9D0A.d.mts → index-C-ZUVzJ7.d.mts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.mjs";
-import "./types-BcPNeOu9.mjs";
+import "./types-BEHYHdIq.mjs";
 //#region src/shadow/shadow.d.ts
 declare const shadow: Parser;
 //#endregion

package/dist/{index-yrWGltsJ.d.cts → index-C0U26AuK.d.cts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BcPNeOu9.cjs";
+import "./types-BEHYHdIq.cjs";
 //#region src/flexbox/flexbox.d.ts
 declare const flexbox: Parser;
 //#endregion

package/dist/{index-CVY-wfFH.d.mts → index-C4mjv3ia.d.mts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.mjs";
-import "./types-BcPNeOu9.mjs";
+import "./types-BEHYHdIq.mjs";
 //#region src/layout/layout.d.ts
 declare const layout: Parser;
 //#endregion

package/dist/{index-VEj6m-by.d.mts → index-CA8D2_fO.d.mts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.mjs";
-import "./types-BcPNeOu9.mjs";
+import "./types-BEHYHdIq.mjs";
 //#region src/grid/grid.d.ts
 declare const grid: Parser;
 //#endregion

package/dist/{index-DCva7aHv.d.mts → index-CLPj_nlH.d.mts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.mjs";
-import "./types-BcPNeOu9.mjs";
+import "./types-BEHYHdIq.mjs";
 //#region src/flexbox/flexbox.d.ts
 declare const flexbox: Parser;
 //#endregion

package/dist/{index-rkfNt3hR.d.cts → index-CSiiNuwr.d.cts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BcPNeOu9.cjs";
+import "./types-BEHYHdIq.cjs";
 //#region src/grid/grid.d.ts
 declare const grid: Parser;
 //#endregion

package/dist/{index-DVd2byi6.d.cts → index-DFHqxqDI.d.cts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BcPNeOu9.cjs";
+import "./types-BEHYHdIq.cjs";
 //#region src/border/border.d.ts
 declare const border: Parser;
 //#endregion

package/dist/{index-D3lp-1cf.d.cts → index-DPZut54X.d.cts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BcPNeOu9.cjs";
+import "./types-BEHYHdIq.cjs";
 //#region src/typography/typography.d.ts
 declare const typography: Parser;
 //#endregion

package/dist/{index-DPElfVnc.d.mts → index-Dj0F79Bp.d.mts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.mjs";
-import "./types-BcPNeOu9.mjs";
+import "./types-BEHYHdIq.mjs";
 //#region src/background/background.d.ts
 declare const background: Parser;
 //#endregion

package/dist/{index-C8xX5EfB.d.cts → index-KOeCRVqs.d.cts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BcPNeOu9.cjs";
+import "./types-BEHYHdIq.cjs";
 //#region src/color/color.d.ts
 declare const color: Parser;
 //#endregion

package/dist/{index-CAwPEtqy.d.cts → index-Lx-0Fn6T.d.cts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BcPNeOu9.cjs";
+import "./types-BEHYHdIq.cjs";
 //#region src/position/position.d.ts
 declare const position: Parser;
 //#endregion

package/dist/{index-DQVt2B8L.d.mts → index-P5vy3lm4.d.mts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.mjs";
-import "./types-BcPNeOu9.mjs";
+import "./types-BEHYHdIq.mjs";
 //#region src/border/border.d.ts
 declare const border: Parser;
 //#endregion

package/dist/{index-QdL-_E8w.d.mts → index-lMfmNFGL.d.mts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.mjs";
-import "./types-BcPNeOu9.mjs";
+import "./types-BEHYHdIq.mjs";
 //#region src/variant/variant.d.ts
 interface VariantOptions {
   scale?: string;

package/dist/{index-BDtY1uVY.d.cts → index-ogIIkqhV.d.cts}

@@ -1,5 +1,5 @@
 import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BcPNeOu9.cjs";
+import "./types-BEHYHdIq.cjs";
 //#region src/background/background.d.ts
 declare const background: Parser;
 //#endregion

package/dist/index.cjs

@@ -5,10 +5,10 @@ const require_border = require("./border-UuT-fTpy.cjs");
 const require_color = require("./color-BNs17Gw-.cjs");
 const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
 const require_grid = require("./grid-CpvRIng4.cjs");
-const require_layout = require("./layout-JlwVxg8y.cjs");
+const require_layout = require("./layout-kqQ2OsL5.cjs");
 const require_position = require("./position-zWvCE4hD.cjs");
-const require_typography = require("./typography-DHWhpnqa.cjs");
-const require_space = require("./space-CAX_62yL.cjs");
+const require_typography = require("./typography-7jHZXqtc.cjs");
+const require_space = require("./space-Q-1mECZz.cjs");
 const require_shadow = require("./shadow-BrDnaQQl.cjs");
 const require_variant = require("./variant-BSwNEY5l.cjs");
 //#region src/style/style.ts
@@ -55,6 +55,8 @@ const textDecorationStyle = typographyFns.textDecorationStyle;
 const textDecorationThickness = typographyFns.textDecorationThickness;
 const textDecorationColor = typographyFns.textDecorationColor;
 const letterSpacing = typographyFns.letterSpacing;
+const whiteSpace = typographyFns.whiteSpace;
+const textOverflow = typographyFns.textOverflow;
 const flexboxFns = require_flexbox.flexbox;
 const alignItems = flexboxFns.alignItems;
 const alignContent = flexboxFns.alignContent;
@@ -141,6 +143,7 @@ exports.fontFamily = fontFamily;
 exports.fontSize = fontSize;
 exports.fontStyle = fontStyle;
 exports.fontWeight = fontWeight;
+exports.gap = require_space.gap;
 exports.get = require_core.get;
 exports.grid = require_grid.grid;
 exports.gridArea = gridArea;
@@ -188,6 +191,7 @@ exports.textDecorationColor = textDecorationColor;
 exports.textDecorationLine = textDecorationLine;
 exports.textDecorationStyle = textDecorationStyle;
 exports.textDecorationThickness = textDecorationThickness;
+exports.textOverflow = textOverflow;
 exports.textShadow = require_shadow.shadow;
 exports.textStyle = require_variant.textStyle;
 exports.textTransform = textTransform;
@@ -195,5 +199,6 @@ exports.top = top;
 exports.typography = require_typography.typography;
 exports.variant = require_variant.variant;
 exports.verticalAlign = verticalAlign;
+exports.whiteSpace = whiteSpace;
 exports.width = width;
 exports.zIndex = zIndex;

package/dist/index.d.cts

@@ -1,16 +1,16 @@
 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-C0SM54dQ.cjs";
-import { t as background } from "./index-BDtY1uVY.cjs";
-import { $ as LayoutProps, A as FlexWrapProps, At as TextShadowProps, B as GridColumnGapProps, C as ColorStyleProps, Ct as TextAlignProps, D as FlexGrowProps, Dt as TextDecorationProps, E as FlexDirectionProps, Et as TextDecorationLineProps, F as FontWeightProps, Ft as TopProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, It as TypographyProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, Lt as VerticalAlignProps, M as FontFamilyProps, Mt as TextTransformProps, N as FontSizeProps, Nt as Theme, O as FlexProps, Ot as TextDecorationStyleProps, P as FontStyleProps, Pt as ThemeValue, Q as JustifySelfProps, R as GridAutoFlowProps, Rt as WidthProps, S as ColorProps, St as TextAlignLastProps, T as FlexBasisProps, Tt as TextDecorationColorProps, 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 TextStyleProps, k as FlexShrinkProps, kt as TextDecorationThicknessProps, 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 TextColorProps, x as ButtonStyleProps, xt as TLengthStyledSystem, y as BottomProps, yt as SizeProps, z as GridAutoRowsProps, zt as ZIndexProps } from "./types-BcPNeOu9.cjs";
-import { t as border } from "./index-DVd2byi6.cjs";
-import { t as color } from "./index-C8xX5EfB.cjs";
-import { t as flexbox } from "./index-yrWGltsJ.cjs";
-import { t as grid } from "./index-rkfNt3hR.cjs";
-import { n as padding, r as space, t as margin } from "./index-cXURIs6r.cjs";
-import { t as layout } from "./index-C_CRcytY.cjs";
-import { t as typography } from "./index-D3lp-1cf.cjs";
-import { t as position } from "./index-CAwPEtqy.cjs";
-import { t as shadow } from "./index-QsPFe11Z.cjs";
-import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BArxeLmS.cjs";
+import { t as background } from "./index-ogIIkqhV.cjs";
+import { $ as JustifyContentProps, A as FlexProps, At as TextDecorationLineProps, B as GridAutoColumnsProps, Bt as TopProps, C as ColorProps, Ct as SizeProps, D as FlexBasisProps, Dt as TextAlignProps, E as DisplayProps, Et as TextAlignLastProps, F as FontSizeProps, Ft as TextShadowProps, G as GridGapProps, Gt as ZIndexProps, H as GridAutoRowsProps, Ht as VerticalAlignProps, I as FontStyleProps, It as TextStyleProps, J as GridRowProps, K as GridProps, L as FontWeightProps, Lt as TextTransformProps, M as FlexWrapProps, Mt as TextDecorationStyleProps, N as FlexboxProps, Nt as TextDecorationThicknessProps, O as FlexDirectionProps, Ot as TextColorProps, P as FontFamilyProps, Pt as TextOverflowProps, Q as HeightProps, R as GapProps, Rt as Theme, S as ButtonStyleProps, St as ShadowProps, T as ColumnGapProps, Tt as TLengthStyledSystem, U as GridColumnGapProps, Ut as WhiteSpaceProps, V as GridAutoFlowProps, Vt as TypographyProps, W as GridColumnProps, Wt as WidthProps, X as GridTemplateColumnsProps, Y as GridTemplateAreasProps, Z as GridTemplateRowsProps, _ as BorderStyleProps, _t as RequiredTheme, a as BackgroundColorProps, at as LineHeightProps, b as BottomProps, bt as RowGapProps, c as BackgroundProps, ct as MaxWidthProps, d as BorderBottomProps, dt as ObjectOrArray, et as JustifyItemsProps, f as BorderColorProps, ft as OpacityProps, g as BorderRightProps, gt as PositionProps, h as BorderRadiusProps, ht as PaddingProps, i as AspectRatioProps, it as LetterSpacingProps, j as FlexShrinkProps, jt as TextDecorationProps, k as FlexGrowProps, kt as TextDecorationColorProps, l as BackgroundRepeatProps, lt as MinHeightProps, m as BorderProps, mt as OverflowProps, n as AlignItemsProps, nt as LayoutProps, o as BackgroundImageProps, ot as MarginProps, p as BorderLeftProps, pt as OrderProps, q as GridRowGapProps, r as AlignSelfProps, rt as LeftProps, s as BackgroundPositionProps, st as MaxHeightProps, t as AlignContentProps, tt as JustifySelfProps, u as BackgroundSizeProps, ut as MinWidthProps, v as BorderTopProps, vt as ResponsiveValue, w as ColorStyleProps, wt as SpaceProps, x as BoxShadowProps, xt as Scale, y as BorderWidthProps, yt as RightProps, z as GridAreaProps, zt as ThemeValue } from "./types-BEHYHdIq.cjs";
+import { t as border } from "./index-DFHqxqDI.cjs";
+import { t as color } from "./index-KOeCRVqs.cjs";
+import { t as flexbox } from "./index-C0U26AuK.cjs";
+import { t as grid } from "./index-CSiiNuwr.cjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-BhQrpfIN.cjs";
+import { t as layout } from "./index-Br4itelo.cjs";
+import { t as typography } from "./index-DPZut54X.cjs";
+import { t as position } from "./index-Lx-0Fn6T.cjs";
+import { t as shadow } from "./index-BwOWcSgh.cjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BB5onzAO.cjs";
 //#region src/style/style.d.ts
 interface StyleOptions {
   prop: string;
@@ -53,6 +53,8 @@ declare const textDecorationStyle: Parser;
 declare const textDecorationThickness: Parser;
 declare const textDecorationColor: Parser;
 declare const letterSpacing: Parser;
+declare const whiteSpace: Parser;
+declare const textOverflow: Parser;
 declare const alignItems: Parser;
 declare const alignContent: Parser;
 declare const justifyItems: Parser;
@@ -96,4 +98,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type 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, TextAlignLastProps, TextAlignProps, TextColorProps, TextDecorationColorProps, TextDecorationLineProps, TextDecorationProps, TextDecorationStyleProps, TextDecorationThicknessProps, TextShadowProps, TextStyleProps, TextTransformProps, 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, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textStyle, textTransform, top, typography, variant, verticalAlign, width, zIndex };
+export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type Config, type ConfigFunction, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GapProps, 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, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type StyleOptions, type SystemConfig, TLengthStyledSystem, TextAlignLastProps, TextAlignProps, TextColorProps, TextDecorationColorProps, TextDecorationLineProps, TextDecorationProps, TextDecorationStyleProps, TextDecorationThicknessProps, TextOverflowProps, TextShadowProps, TextStyleProps, TextTransformProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, type VariantArgs, type VariantOptions, VerticalAlignProps, WhiteSpaceProps, 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, gap, 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, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };

package/dist/index.d.mts

@@ -1,16 +1,16 @@
 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-C0SM54dQ.mjs";
-import { t as background } from "./index-DPElfVnc.mjs";
-import { $ as LayoutProps, A as FlexWrapProps, At as TextShadowProps, B as GridColumnGapProps, C as ColorStyleProps, Ct as TextAlignProps, D as FlexGrowProps, Dt as TextDecorationProps, E as FlexDirectionProps, Et as TextDecorationLineProps, F as FontWeightProps, Ft as TopProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, It as TypographyProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, Lt as VerticalAlignProps, M as FontFamilyProps, Mt as TextTransformProps, N as FontSizeProps, Nt as Theme, O as FlexProps, Ot as TextDecorationStyleProps, P as FontStyleProps, Pt as ThemeValue, Q as JustifySelfProps, R as GridAutoFlowProps, Rt as WidthProps, S as ColorProps, St as TextAlignLastProps, T as FlexBasisProps, Tt as TextDecorationColorProps, 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 TextStyleProps, k as FlexShrinkProps, kt as TextDecorationThicknessProps, 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 TextColorProps, x as ButtonStyleProps, xt as TLengthStyledSystem, y as BottomProps, yt as SizeProps, z as GridAutoRowsProps, zt as ZIndexProps } from "./types-BcPNeOu9.mjs";
-import { t as border } from "./index-DQVt2B8L.mjs";
-import { t as color } from "./index-T0HR3aLX.mjs";
-import { t as flexbox } from "./index-DCva7aHv.mjs";
-import { t as grid } from "./index-VEj6m-by.mjs";
-import { n as padding, r as space, t as margin } from "./index-DGqSJkFh.mjs";
-import { t as layout } from "./index-CVY-wfFH.mjs";
-import { t as typography } from "./index-C0pw8Qd2.mjs";
-import { t as position } from "./index-DC9UrOgS.mjs";
-import { t as shadow } from "./index-CMBI9D0A.mjs";
-import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-QdL-_E8w.mjs";
+import { t as background } from "./index-Dj0F79Bp.mjs";
+import { $ as JustifyContentProps, A as FlexProps, At as TextDecorationLineProps, B as GridAutoColumnsProps, Bt as TopProps, C as ColorProps, Ct as SizeProps, D as FlexBasisProps, Dt as TextAlignProps, E as DisplayProps, Et as TextAlignLastProps, F as FontSizeProps, Ft as TextShadowProps, G as GridGapProps, Gt as ZIndexProps, H as GridAutoRowsProps, Ht as VerticalAlignProps, I as FontStyleProps, It as TextStyleProps, J as GridRowProps, K as GridProps, L as FontWeightProps, Lt as TextTransformProps, M as FlexWrapProps, Mt as TextDecorationStyleProps, N as FlexboxProps, Nt as TextDecorationThicknessProps, O as FlexDirectionProps, Ot as TextColorProps, P as FontFamilyProps, Pt as TextOverflowProps, Q as HeightProps, R as GapProps, Rt as Theme, S as ButtonStyleProps, St as ShadowProps, T as ColumnGapProps, Tt as TLengthStyledSystem, U as GridColumnGapProps, Ut as WhiteSpaceProps, V as GridAutoFlowProps, Vt as TypographyProps, W as GridColumnProps, Wt as WidthProps, X as GridTemplateColumnsProps, Y as GridTemplateAreasProps, Z as GridTemplateRowsProps, _ as BorderStyleProps, _t as RequiredTheme, a as BackgroundColorProps, at as LineHeightProps, b as BottomProps, bt as RowGapProps, c as BackgroundProps, ct as MaxWidthProps, d as BorderBottomProps, dt as ObjectOrArray, et as JustifyItemsProps, f as BorderColorProps, ft as OpacityProps, g as BorderRightProps, gt as PositionProps, h as BorderRadiusProps, ht as PaddingProps, i as AspectRatioProps, it as LetterSpacingProps, j as FlexShrinkProps, jt as TextDecorationProps, k as FlexGrowProps, kt as TextDecorationColorProps, l as BackgroundRepeatProps, lt as MinHeightProps, m as BorderProps, mt as OverflowProps, n as AlignItemsProps, nt as LayoutProps, o as BackgroundImageProps, ot as MarginProps, p as BorderLeftProps, pt as OrderProps, q as GridRowGapProps, r as AlignSelfProps, rt as LeftProps, s as BackgroundPositionProps, st as MaxHeightProps, t as AlignContentProps, tt as JustifySelfProps, u as BackgroundSizeProps, ut as MinWidthProps, v as BorderTopProps, vt as ResponsiveValue, w as ColorStyleProps, wt as SpaceProps, x as BoxShadowProps, xt as Scale, y as BorderWidthProps, yt as RightProps, z as GridAreaProps, zt as ThemeValue } from "./types-BEHYHdIq.mjs";
+import { t as border } from "./index-P5vy3lm4.mjs";
+import { t as color } from "./index-BxEj-sWN.mjs";
+import { t as flexbox } from "./index-CLPj_nlH.mjs";
+import { t as grid } from "./index-CA8D2_fO.mjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-BIbimgdO.mjs";
+import { t as layout } from "./index-C4mjv3ia.mjs";
+import { t as typography } from "./index-Brk7KoTW.mjs";
+import { t as position } from "./index-6v6ZPLqN.mjs";
+import { t as shadow } from "./index-C-ZUVzJ7.mjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-lMfmNFGL.mjs";
 //#region src/style/style.d.ts
 interface StyleOptions {
   prop: string;
@@ -53,6 +53,8 @@ declare const textDecorationStyle: Parser;
 declare const textDecorationThickness: Parser;
 declare const textDecorationColor: Parser;
 declare const letterSpacing: Parser;
+declare const whiteSpace: Parser;
+declare const textOverflow: Parser;
 declare const alignItems: Parser;
 declare const alignContent: Parser;
 declare const justifyItems: Parser;
@@ -96,4 +98,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type 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, TextAlignLastProps, TextAlignProps, TextColorProps, TextDecorationColorProps, TextDecorationLineProps, TextDecorationProps, TextDecorationStyleProps, TextDecorationThicknessProps, TextShadowProps, TextStyleProps, TextTransformProps, 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, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textStyle, textTransform, top, typography, variant, verticalAlign, width, zIndex };
+export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type Config, type ConfigFunction, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GapProps, 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, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type StyleOptions, type SystemConfig, TLengthStyledSystem, TextAlignLastProps, TextAlignProps, TextColorProps, TextDecorationColorProps, TextDecorationLineProps, TextDecorationProps, TextDecorationStyleProps, TextDecorationThicknessProps, TextOverflowProps, TextShadowProps, TextStyleProps, TextTransformProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, type VariantArgs, type VariantOptions, VerticalAlignProps, WhiteSpaceProps, 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, gap, 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, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };

package/dist/index.mjs

@@ -4,10 +4,10 @@ import { t as border } from "./border-Dder4Dhp.mjs";
 import { t as color } from "./color-CGmMe8yP.mjs";
 import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
 import { t as grid } from "./grid-Bpk-QjhF.mjs";
-import { t as layout } from "./layout-Dx0Un_6l.mjs";
+import { t as layout } from "./layout-lG3i5mWZ.mjs";
 import { t as position } from "./position-jf6VlRyR.mjs";
-import { t as typography } from "./typography-CCYBDjpD.mjs";
-import { n as padding, r as space, t as margin } from "./space-DEf9-0r9.mjs";
+import { t as typography } from "./typography-p6qWP6Px.mjs";
+import { i as space, n as margin, r as padding, t as gap } from "./space-Df3n3G6a.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-NupmzzRg.mjs";
 //#region src/style/style.ts
@@ -54,6 +54,8 @@ const textDecorationStyle = typographyFns.textDecorationStyle;
 const textDecorationThickness = typographyFns.textDecorationThickness;
 const textDecorationColor = typographyFns.textDecorationColor;
 const letterSpacing = typographyFns.letterSpacing;
+const whiteSpace = typographyFns.whiteSpace;
+const textOverflow = typographyFns.textOverflow;
 const flexboxFns = flexbox;
 const alignItems = flexboxFns.alignItems;
 const alignContent = flexboxFns.alignContent;
@@ -102,4 +104,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, 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, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textStyle, textTransform, 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, gap, 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, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };

package/dist/{layout-JlwVxg8y.cjs → layout-kqQ2OsL5.cjs}

@@ -36,7 +36,8 @@ const config = {
 	overflowX: true,
 	overflowY: true,
 	display: true,
-	verticalAlign: true
+	verticalAlign: true,
+	aspectRatio: true
 };
 const layout = require_core.system(config);
 //#endregion

package/dist/{layout-Dx0Un_6l.mjs → layout-lG3i5mWZ.mjs}

@@ -36,7 +36,8 @@ const layout = system({
 	overflowX: true,
 	overflowY: true,
 	display: true,
-	verticalAlign: true
+	verticalAlign: true,
+	aspectRatio: true
 });
 //#endregion
 export { layout as t };

package/dist/layout.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_layout = require("./layout-JlwVxg8y.cjs");
+const require_layout = require("./layout-kqQ2OsL5.cjs");
 exports.default = require_layout.layout;
 exports.layout = require_layout.layout;

package/dist/layout.d.cts

@@ -1,3 +1,3 @@
-import { $ as LayoutProps, Lt as VerticalAlignProps, Rt as WidthProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-BcPNeOu9.cjs";
-import { t as layout } from "./index-C_CRcytY.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 };
+import { Ct as SizeProps, E as DisplayProps, Ht as VerticalAlignProps, Q as HeightProps, Wt as WidthProps, ct as MaxWidthProps, i as AspectRatioProps, lt as MinHeightProps, mt as OverflowProps, nt as LayoutProps, st as MaxHeightProps, ut as MinWidthProps } from "./types-BEHYHdIq.cjs";
+import { t as layout } from "./index-Br4itelo.cjs";
+export { type AspectRatioProps, 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, Lt as VerticalAlignProps, Rt as WidthProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-BcPNeOu9.mjs";
-import { t as layout } from "./index-CVY-wfFH.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 };
+import { Ct as SizeProps, E as DisplayProps, Ht as VerticalAlignProps, Q as HeightProps, Wt as WidthProps, ct as MaxWidthProps, i as AspectRatioProps, lt as MinHeightProps, mt as OverflowProps, nt as LayoutProps, st as MaxHeightProps, ut as MinWidthProps } from "./types-BEHYHdIq.mjs";
+import { t as layout } from "./index-C4mjv3ia.mjs";
+export { type AspectRatioProps, 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.mjs

@@ -1,2 +1,2 @@
-import { t as layout } from "./layout-Dx0Un_6l.mjs";
+import { t as layout } from "./layout-lG3i5mWZ.mjs";
 export { layout as default, layout };

package/dist/position.d.cts

@@ -1,3 +1,3 @@
-import { Ft as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps, zt as ZIndexProps } from "./types-BcPNeOu9.cjs";
-import { t as position } from "./index-CAwPEtqy.cjs";
+import { Bt as TopProps, Gt as ZIndexProps, b as BottomProps, gt as PositionProps, rt as LeftProps, yt as RightProps } from "./types-BEHYHdIq.cjs";
+import { t as position } from "./index-Lx-0Fn6T.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 { Ft as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps, zt as ZIndexProps } from "./types-BcPNeOu9.mjs";
-import { t as position } from "./index-DC9UrOgS.mjs";
+import { Bt as TopProps, Gt as ZIndexProps, b as BottomProps, gt as PositionProps, rt as LeftProps, yt as RightProps } from "./types-BEHYHdIq.mjs";
+import { t as position } from "./index-6v6ZPLqN.mjs";
 export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };

package/dist/{presets-B971SnR8.cjs → presets-B2nFh_Zn.cjs}

@@ -4,10 +4,10 @@ const require_border = require("./border-UuT-fTpy.cjs");
 const require_color = require("./color-BNs17Gw-.cjs");
 const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
 const require_grid = require("./grid-CpvRIng4.cjs");
-const require_layout = require("./layout-JlwVxg8y.cjs");
+const require_layout = require("./layout-kqQ2OsL5.cjs");
 const require_position = require("./position-zWvCE4hD.cjs");
-const require_typography = require("./typography-DHWhpnqa.cjs");
-const require_space = require("./space-CAX_62yL.cjs");
+const require_typography = require("./typography-7jHZXqtc.cjs");
+const require_space = require("./space-Q-1mECZz.cjs");
 const require_shadow = require("./shadow-BrDnaQQl.cjs");
 const require_variant = require("./variant-BSwNEY5l.cjs");
 //#region src/presets/presets.ts

package/dist/{presets-Ch4IJvkJ.mjs → presets-Dg3yjRZU.mjs}

@@ -4,10 +4,10 @@ import { t as border } from "./border-Dder4Dhp.mjs";
 import { t as color } from "./color-CGmMe8yP.mjs";
 import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
 import { t as grid } from "./grid-Bpk-QjhF.mjs";
-import { t as layout } from "./layout-Dx0Un_6l.mjs";
+import { t as layout } from "./layout-lG3i5mWZ.mjs";
 import { t as position } from "./position-jf6VlRyR.mjs";
-import { t as typography } from "./typography-CCYBDjpD.mjs";
-import { r as space } from "./space-DEf9-0r9.mjs";
+import { t as typography } from "./typography-p6qWP6Px.mjs";
+import { i as space } from "./space-Df3n3G6a.mjs";
 import { t as shadow } from "./shadow-Bp7lx_41.mjs";
 import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-NupmzzRg.mjs";
 //#region src/presets/presets.ts

package/dist/prop-types.cjs

@@ -2,16 +2,16 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_rolldown_runtime = require("./rolldown-runtime-D6vf50IK.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime-VH7oDXx4.cjs");
 const require_background = require("./background-wugr6cG7.cjs");
 const require_border = require("./border-UuT-fTpy.cjs");
 const require_color = require("./color-BNs17Gw-.cjs");
 const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
 const require_grid = require("./grid-CpvRIng4.cjs");
-const require_layout = require("./layout-JlwVxg8y.cjs");
+const require_layout = require("./layout-kqQ2OsL5.cjs");
 const require_position = require("./position-zWvCE4hD.cjs");
-const require_typography = require("./typography-DHWhpnqa.cjs");
-const require_space = require("./space-CAX_62yL.cjs");
+const require_typography = require("./typography-7jHZXqtc.cjs");
+const require_space = require("./space-Q-1mECZz.cjs");
 const require_shadow = require("./shadow-BrDnaQQl.cjs");
 const require_variant = require("./variant-BSwNEY5l.cjs");
 let prop_types = require("prop-types");

package/dist/prop-types.mjs

@@ -3,10 +3,10 @@ import { t as border } from "./border-Dder4Dhp.mjs";
 import { t as color } from "./color-CGmMe8yP.mjs";
 import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
 import { t as grid } from "./grid-Bpk-QjhF.mjs";
-import { t as layout } from "./layout-Dx0Un_6l.mjs";
+import { t as layout } from "./layout-lG3i5mWZ.mjs";
 import { t as position } from "./position-jf6VlRyR.mjs";
-import { t as typography } from "./typography-CCYBDjpD.mjs";
-import { r as space } from "./space-DEf9-0r9.mjs";
+import { t as typography } from "./typography-p6qWP6Px.mjs";
+import { i as space } from "./space-Df3n3G6a.mjs";
 import { t as shadow } from "./shadow-Bp7lx_41.mjs";
 import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-NupmzzRg.mjs";
 import PropTypes from "prop-types";

package/dist/props.cjs

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

package/dist/props.mjs

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

package/dist/{rolldown-runtime-D6vf50IK.cjs → rolldown-runtime-VH7oDXx4.cjs}

@@ -15,7 +15,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));

package/dist/shadow.d.cts

@@ -1,3 +1,3 @@
-import { At as TextShadowProps, b as BoxShadowProps, vt as ShadowProps } from "./types-BcPNeOu9.cjs";
-import { t as shadow } from "./index-QsPFe11Z.cjs";
+import { Ft as TextShadowProps, St as ShadowProps, x as BoxShadowProps } from "./types-BEHYHdIq.cjs";
+import { t as shadow } from "./index-BwOWcSgh.cjs";
 export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };

package/dist/shadow.d.mts

@@ -1,3 +1,3 @@
-import { At as TextShadowProps, b as BoxShadowProps, vt as ShadowProps } from "./types-BcPNeOu9.mjs";
-import { t as shadow } from "./index-CMBI9D0A.mjs";
+import { Ft as TextShadowProps, St as ShadowProps, x as BoxShadowProps } from "./types-BEHYHdIq.mjs";
+import { t as shadow } from "./index-C-ZUVzJ7.mjs";
 export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };

package/dist/should-forward-prop.cjs

@@ -2,8 +2,8 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_rolldown_runtime = require("./rolldown-runtime-D6vf50IK.cjs");
-const require_presets = require("./presets-B971SnR8.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime-VH7oDXx4.cjs");
+const require_presets = require("./presets-B2nFh_Zn.cjs");
 let _emotion_is_prop_valid = require("@emotion/is-prop-valid");
 _emotion_is_prop_valid = require_rolldown_runtime.__toESM(_emotion_is_prop_valid, 1);
 //#region src/should-forward-prop/should-forward-prop.ts

package/dist/should-forward-prop.mjs

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

package/dist/{space-DEf9-0r9.mjs → space-Df3n3G6a.mjs}

@@ -115,8 +115,26 @@ paddingConfig.pb = paddingConfig.paddingBottom;
 paddingConfig.pl = paddingConfig.paddingLeft;
 paddingConfig.px = paddingConfig.paddingX;
 paddingConfig.py = paddingConfig.paddingY;
+const gapConfig = {
+	gap: {
+		property: "gap",
+		scale: "space",
+		defaultScale: spaceScale
+	},
+	rowGap: {
+		property: "rowGap",
+		scale: "space",
+		defaultScale: spaceScale
+	},
+	columnGap: {
+		property: "columnGap",
+		scale: "space",
+		defaultScale: spaceScale
+	}
+};
 const margin = system(marginConfig);
 const padding = system(paddingConfig);
-const space = compose(margin, padding);
+const gap = system(gapConfig);
+const space = compose(margin, padding, gap);
 //#endregion
-export { padding as n, space as r, margin as t };
+export { space as i, margin as n, padding as r, gap as t };

package/dist/{space-CAX_62yL.cjs → space-Q-1mECZz.cjs}

@@ -115,10 +115,34 @@ paddingConfig.pb = paddingConfig.paddingBottom;
 paddingConfig.pl = paddingConfig.paddingLeft;
 paddingConfig.px = paddingConfig.paddingX;
 paddingConfig.py = paddingConfig.paddingY;
+const gapConfig = {
+	gap: {
+		property: "gap",
+		scale: "space",
+		defaultScale: spaceScale
+	},
+	rowGap: {
+		property: "rowGap",
+		scale: "space",
+		defaultScale: spaceScale
+	},
+	columnGap: {
+		property: "columnGap",
+		scale: "space",
+		defaultScale: spaceScale
+	}
+};
 const margin = require_core.system(marginConfig);
 const padding = require_core.system(paddingConfig);
-const space = require_core.compose(margin, padding);
+const gap = require_core.system(gapConfig);
+const space = require_core.compose(margin, padding, gap);
 //#endregion
+Object.defineProperty(exports, "gap", {
+	enumerable: true,
+	get: function() {
+		return gap;
+	}
+});
 Object.defineProperty(exports, "margin", {
 	enumerable: true,
 	get: function() {

package/dist/space.cjs

@@ -2,8 +2,9 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_space = require("./space-CAX_62yL.cjs");
+const require_space = require("./space-Q-1mECZz.cjs");
 exports.default = require_space.space;
+exports.gap = require_space.gap;
 exports.margin = require_space.margin;
 exports.padding = require_space.padding;
 exports.space = require_space.space;

package/dist/space.d.cts

@@ -1,3 +1,3 @@
-import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-BcPNeOu9.cjs";
-import { n as padding, r as space, t as margin } from "./index-cXURIs6r.cjs";
-export { type MarginProps, type PaddingProps, type SpaceProps, space as default, space, margin, padding };
+import { R as GapProps, T as ColumnGapProps, bt as RowGapProps, ht as PaddingProps, ot as MarginProps, wt as SpaceProps } from "./types-BEHYHdIq.cjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-BhQrpfIN.cjs";
+export { type ColumnGapProps, type GapProps, type MarginProps, type PaddingProps, type RowGapProps, type SpaceProps, space as default, space, gap, margin, padding };

package/dist/space.d.mts

@@ -1,3 +1,3 @@
-import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-BcPNeOu9.mjs";
-import { n as padding, r as space, t as margin } from "./index-DGqSJkFh.mjs";
-export { type MarginProps, type PaddingProps, type SpaceProps, space as default, space, margin, padding };
+import { R as GapProps, T as ColumnGapProps, bt as RowGapProps, ht as PaddingProps, ot as MarginProps, wt as SpaceProps } from "./types-BEHYHdIq.mjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-BIbimgdO.mjs";
+export { type ColumnGapProps, type GapProps, type MarginProps, type PaddingProps, type RowGapProps, type SpaceProps, space as default, space, gap, margin, padding };

package/dist/space.mjs

@@ -1,2 +1,2 @@
-import { n as padding, r as space, t as margin } from "./space-DEf9-0r9.mjs";
-export { space as default, space, margin, padding };
+import { i as space, n as margin, r as padding, t as gap } from "./space-Df3n3G6a.mjs";
+export { space as default, space, gap, margin, padding };

package/dist/{types-BcPNeOu9.d.cts → types-BEHYHdIq.d.cts}

@@ -61,7 +61,19 @@ interface PaddingProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValu
   py?: ResponsiveValue<TVal, ThemeType>;
   paddingY?: ResponsiveValue<TVal, ThemeType>;
 }
-interface SpaceProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> extends MarginProps<ThemeType, TVal>, PaddingProps<ThemeType, TVal> {}
+/** Not in upstream styled-system — it only ever scaled the grid-prefixed gaps. */
+interface GapProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
+  gap?: ResponsiveValue<TVal, ThemeType>;
+}
+/** Not in upstream styled-system — it only ever scaled the grid-prefixed gaps. */
+interface RowGapProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
+  rowGap?: ResponsiveValue<TVal, ThemeType>;
+}
+/** Not in upstream styled-system — it only ever scaled the grid-prefixed gaps. */
+interface ColumnGapProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
+  columnGap?: ResponsiveValue<TVal, ThemeType>;
+}
+interface SpaceProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> extends MarginProps<ThemeType, TVal>, PaddingProps<ThemeType, TVal>, GapProps<ThemeType, TVal>, RowGapProps<ThemeType, TVal>, ColumnGapProps<ThemeType, TVal> {}
 interface WidthProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Width<TLengthStyledSystem>> {
   width?: ResponsiveValue<TVal, ThemeType>;
 }
@@ -94,7 +106,11 @@ interface OverflowProps<ThemeType extends Theme = RequiredTheme> {
 interface VerticalAlignProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.VerticalAlign<TLengthStyledSystem>> {
   verticalAlign?: ResponsiveValue<TVal, ThemeType>;
 }
-interface LayoutProps<ThemeType extends Theme = RequiredTheme> extends WidthProps<ThemeType>, HeightProps<ThemeType>, MinWidthProps<ThemeType>, MinHeightProps<ThemeType>, MaxWidthProps<ThemeType>, MaxHeightProps<ThemeType>, DisplayProps<ThemeType>, VerticalAlignProps<ThemeType>, SizeProps<ThemeType>, OverflowProps<ThemeType> {}
+/** Not in upstream styled-system — its last release predates CSS `aspect-ratio`. */
+interface AspectRatioProps<ThemeType extends Theme = RequiredTheme> {
+  aspectRatio?: ResponsiveValue<CSS.Property.AspectRatio, ThemeType>;
+}
+interface LayoutProps<ThemeType extends Theme = RequiredTheme> extends WidthProps<ThemeType>, HeightProps<ThemeType>, MinWidthProps<ThemeType>, MinHeightProps<ThemeType>, MaxWidthProps<ThemeType>, MaxHeightProps<ThemeType>, DisplayProps<ThemeType>, VerticalAlignProps<ThemeType>, AspectRatioProps<ThemeType>, SizeProps<ThemeType>, OverflowProps<ThemeType> {}
 interface FontFamilyProps<ThemeType extends Theme = RequiredTheme> {
   fontFamily?: ResponsiveValue<CSS.Property.FontFamily, ThemeType>;
 }
@@ -137,7 +153,13 @@ interface TextDecorationThicknessProps<ThemeType extends Theme = RequiredTheme,
 interface TextDecorationColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
   textDecorationColor?: ResponsiveValue<TVal, ThemeType>;
 }
-interface TypographyProps<ThemeType extends Theme = RequiredTheme> extends FontFamilyProps<ThemeType>, FontSizeProps<ThemeType>, FontWeightProps<ThemeType>, LineHeightProps<ThemeType>, LetterSpacingProps<ThemeType>, FontStyleProps<ThemeType>, TextAlignProps<ThemeType>, TextTransformProps<ThemeType>, TextAlignLastProps<ThemeType>, TextDecorationProps<ThemeType>, TextDecorationLineProps<ThemeType>, TextDecorationStyleProps<ThemeType>, TextDecorationThicknessProps<ThemeType>, TextDecorationColorProps<ThemeType> {}
+interface WhiteSpaceProps<ThemeType extends Theme = RequiredTheme> {
+  whiteSpace?: ResponsiveValue<CSS.Property.WhiteSpace, ThemeType>;
+}
+interface TextOverflowProps<ThemeType extends Theme = RequiredTheme> {
+  textOverflow?: ResponsiveValue<CSS.Property.TextOverflow, ThemeType>;
+}
+interface TypographyProps<ThemeType extends Theme = RequiredTheme> extends FontFamilyProps<ThemeType>, FontSizeProps<ThemeType>, FontWeightProps<ThemeType>, LineHeightProps<ThemeType>, LetterSpacingProps<ThemeType>, FontStyleProps<ThemeType>, TextAlignProps<ThemeType>, TextTransformProps<ThemeType>, TextAlignLastProps<ThemeType>, TextDecorationProps<ThemeType>, TextDecorationLineProps<ThemeType>, TextDecorationStyleProps<ThemeType>, TextDecorationThicknessProps<ThemeType>, TextDecorationColorProps<ThemeType>, WhiteSpaceProps<ThemeType>, TextOverflowProps<ThemeType> {}
 interface AlignItemsProps<ThemeType extends Theme = RequiredTheme> {
   alignItems?: ResponsiveValue<CSS.Property.AlignItems, ThemeType>;
 }
@@ -321,4 +343,4 @@ interface ColorStyleProps<ThemeType extends Theme = RequiredTheme> {
   colors?: ResponsiveValue<string, ThemeType>;
 }
 //#endregion
-export { LayoutProps as $, FlexWrapProps as A, TextShadowProps as At, GridColumnGapProps as B, ColorStyleProps as C, TextAlignProps as Ct, FlexGrowProps as D, TextDecorationProps as Dt, FlexDirectionProps as E, TextDecorationLineProps as Et, FontWeightProps as F, TopProps as Ft, GridRowProps as G, GridGapProps as H, GridAreaProps as I, TypographyProps as It, GridTemplateRowsProps as J, GridTemplateAreasProps as K, GridAutoColumnsProps as L, VerticalAlignProps as Lt, FontFamilyProps as M, TextTransformProps as Mt, FontSizeProps as N, Theme as Nt, FlexProps as O, TextDecorationStyleProps as Ot, FontStyleProps as P, ThemeValue as Pt, JustifySelfProps as Q, GridAutoFlowProps as R, WidthProps as Rt, ColorProps as S, TextAlignLastProps as St, FlexBasisProps as T, TextDecorationColorProps as Tt, GridProps as U, GridColumnProps as V, GridRowGapProps as W, JustifyContentProps as X, HeightProps as Y, JustifyItemsProps as Z, BorderTopProps as _, Scale as _t, BackgroundImageProps as a, MaxWidthProps as at, BoxShadowProps as b, SpaceProps as bt, BackgroundRepeatProps as c, ObjectOrArray as ct, BorderColorProps as d, OverflowProps as dt, LeftProps as et, BorderLeftProps as f, PaddingProps as ft, BorderStyleProps as g, RightProps as gt, BorderRightProps as h, ResponsiveValue as ht, BackgroundColorProps as i, MaxHeightProps as it, FlexboxProps as j, TextStyleProps as jt, FlexShrinkProps as k, TextDecorationThicknessProps as kt, BackgroundSizeProps as l, OpacityProps as lt, BorderRadiusProps as m, RequiredTheme as mt, AlignItemsProps as n, LineHeightProps as nt, BackgroundPositionProps as o, MinHeightProps as ot, BorderProps as p, PositionProps as pt, GridTemplateColumnsProps as q, AlignSelfProps as r, MarginProps as rt, BackgroundProps as s, MinWidthProps as st, AlignContentProps as t, LetterSpacingProps as tt, BorderBottomProps as u, OrderProps as ut, BorderWidthProps as v, ShadowProps as vt, DisplayProps as w, TextColorProps as wt, ButtonStyleProps as x, TLengthStyledSystem as xt, BottomProps as y, SizeProps as yt, GridAutoRowsProps as z, ZIndexProps as zt };
+export { JustifyContentProps as $, FlexProps as A, TextDecorationLineProps as At, GridAutoColumnsProps as B, TopProps as Bt, ColorProps as C, SizeProps as Ct, FlexBasisProps as D, TextAlignProps as Dt, DisplayProps as E, TextAlignLastProps as Et, FontSizeProps as F, TextShadowProps as Ft, GridGapProps as G, ZIndexProps as Gt, GridAutoRowsProps as H, VerticalAlignProps as Ht, FontStyleProps as I, TextStyleProps as It, GridRowProps as J, GridProps as K, FontWeightProps as L, TextTransformProps as Lt, FlexWrapProps as M, TextDecorationStyleProps as Mt, FlexboxProps as N, TextDecorationThicknessProps as Nt, FlexDirectionProps as O, TextColorProps as Ot, FontFamilyProps as P, TextOverflowProps as Pt, HeightProps as Q, GapProps as R, Theme as Rt, ButtonStyleProps as S, ShadowProps as St, ColumnGapProps as T, TLengthStyledSystem as Tt, GridColumnGapProps as U, WhiteSpaceProps as Ut, GridAutoFlowProps as V, TypographyProps as Vt, GridColumnProps as W, WidthProps as Wt, GridTemplateColumnsProps as X, GridTemplateAreasProps as Y, GridTemplateRowsProps as Z, BorderStyleProps as _, RequiredTheme as _t, BackgroundColorProps as a, LineHeightProps as at, BottomProps as b, RowGapProps as bt, BackgroundProps as c, MaxWidthProps as ct, BorderBottomProps as d, ObjectOrArray as dt, JustifyItemsProps as et, BorderColorProps as f, OpacityProps as ft, BorderRightProps as g, PositionProps as gt, BorderRadiusProps as h, PaddingProps as ht, AspectRatioProps as i, LetterSpacingProps as it, FlexShrinkProps as j, TextDecorationProps as jt, FlexGrowProps as k, TextDecorationColorProps as kt, BackgroundRepeatProps as l, MinHeightProps as lt, BorderProps as m, OverflowProps as mt, AlignItemsProps as n, LayoutProps as nt, BackgroundImageProps as o, MarginProps as ot, BorderLeftProps as p, OrderProps as pt, GridRowGapProps as q, AlignSelfProps as r, LeftProps as rt, BackgroundPositionProps as s, MaxHeightProps as st, AlignContentProps as t, JustifySelfProps as tt, BackgroundSizeProps as u, MinWidthProps as ut, BorderTopProps as v, ResponsiveValue as vt, ColorStyleProps as w, SpaceProps as wt, BoxShadowProps as x, Scale as xt, BorderWidthProps as y, RightProps as yt, GridAreaProps as z, ThemeValue as zt };

package/dist/{types-BcPNeOu9.d.mts → types-BEHYHdIq.d.mts}

@@ -61,7 +61,19 @@ interface PaddingProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValu
   py?: ResponsiveValue<TVal, ThemeType>;
   paddingY?: ResponsiveValue<TVal, ThemeType>;
 }
-interface SpaceProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> extends MarginProps<ThemeType, TVal>, PaddingProps<ThemeType, TVal> {}
+/** Not in upstream styled-system — it only ever scaled the grid-prefixed gaps. */
+interface GapProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
+  gap?: ResponsiveValue<TVal, ThemeType>;
+}
+/** Not in upstream styled-system — it only ever scaled the grid-prefixed gaps. */
+interface RowGapProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
+  rowGap?: ResponsiveValue<TVal, ThemeType>;
+}
+/** Not in upstream styled-system — it only ever scaled the grid-prefixed gaps. */
+interface ColumnGapProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
+  columnGap?: ResponsiveValue<TVal, ThemeType>;
+}
+interface SpaceProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> extends MarginProps<ThemeType, TVal>, PaddingProps<ThemeType, TVal>, GapProps<ThemeType, TVal>, RowGapProps<ThemeType, TVal>, ColumnGapProps<ThemeType, TVal> {}
 interface WidthProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Width<TLengthStyledSystem>> {
   width?: ResponsiveValue<TVal, ThemeType>;
 }
@@ -94,7 +106,11 @@ interface OverflowProps<ThemeType extends Theme = RequiredTheme> {
 interface VerticalAlignProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.VerticalAlign<TLengthStyledSystem>> {
   verticalAlign?: ResponsiveValue<TVal, ThemeType>;
 }
-interface LayoutProps<ThemeType extends Theme = RequiredTheme> extends WidthProps<ThemeType>, HeightProps<ThemeType>, MinWidthProps<ThemeType>, MinHeightProps<ThemeType>, MaxWidthProps<ThemeType>, MaxHeightProps<ThemeType>, DisplayProps<ThemeType>, VerticalAlignProps<ThemeType>, SizeProps<ThemeType>, OverflowProps<ThemeType> {}
+/** Not in upstream styled-system — its last release predates CSS `aspect-ratio`. */
+interface AspectRatioProps<ThemeType extends Theme = RequiredTheme> {
+  aspectRatio?: ResponsiveValue<CSS.Property.AspectRatio, ThemeType>;
+}
+interface LayoutProps<ThemeType extends Theme = RequiredTheme> extends WidthProps<ThemeType>, HeightProps<ThemeType>, MinWidthProps<ThemeType>, MinHeightProps<ThemeType>, MaxWidthProps<ThemeType>, MaxHeightProps<ThemeType>, DisplayProps<ThemeType>, VerticalAlignProps<ThemeType>, AspectRatioProps<ThemeType>, SizeProps<ThemeType>, OverflowProps<ThemeType> {}
 interface FontFamilyProps<ThemeType extends Theme = RequiredTheme> {
   fontFamily?: ResponsiveValue<CSS.Property.FontFamily, ThemeType>;
 }
@@ -137,7 +153,13 @@ interface TextDecorationThicknessProps<ThemeType extends Theme = RequiredTheme,
 interface TextDecorationColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
   textDecorationColor?: ResponsiveValue<TVal, ThemeType>;
 }
-interface TypographyProps<ThemeType extends Theme = RequiredTheme> extends FontFamilyProps<ThemeType>, FontSizeProps<ThemeType>, FontWeightProps<ThemeType>, LineHeightProps<ThemeType>, LetterSpacingProps<ThemeType>, FontStyleProps<ThemeType>, TextAlignProps<ThemeType>, TextTransformProps<ThemeType>, TextAlignLastProps<ThemeType>, TextDecorationProps<ThemeType>, TextDecorationLineProps<ThemeType>, TextDecorationStyleProps<ThemeType>, TextDecorationThicknessProps<ThemeType>, TextDecorationColorProps<ThemeType> {}
+interface WhiteSpaceProps<ThemeType extends Theme = RequiredTheme> {
+  whiteSpace?: ResponsiveValue<CSS.Property.WhiteSpace, ThemeType>;
+}
+interface TextOverflowProps<ThemeType extends Theme = RequiredTheme> {
+  textOverflow?: ResponsiveValue<CSS.Property.TextOverflow, ThemeType>;
+}
+interface TypographyProps<ThemeType extends Theme = RequiredTheme> extends FontFamilyProps<ThemeType>, FontSizeProps<ThemeType>, FontWeightProps<ThemeType>, LineHeightProps<ThemeType>, LetterSpacingProps<ThemeType>, FontStyleProps<ThemeType>, TextAlignProps<ThemeType>, TextTransformProps<ThemeType>, TextAlignLastProps<ThemeType>, TextDecorationProps<ThemeType>, TextDecorationLineProps<ThemeType>, TextDecorationStyleProps<ThemeType>, TextDecorationThicknessProps<ThemeType>, TextDecorationColorProps<ThemeType>, WhiteSpaceProps<ThemeType>, TextOverflowProps<ThemeType> {}
 interface AlignItemsProps<ThemeType extends Theme = RequiredTheme> {
   alignItems?: ResponsiveValue<CSS.Property.AlignItems, ThemeType>;
 }
@@ -321,4 +343,4 @@ interface ColorStyleProps<ThemeType extends Theme = RequiredTheme> {
   colors?: ResponsiveValue<string, ThemeType>;
 }
 //#endregion
-export { LayoutProps as $, FlexWrapProps as A, TextShadowProps as At, GridColumnGapProps as B, ColorStyleProps as C, TextAlignProps as Ct, FlexGrowProps as D, TextDecorationProps as Dt, FlexDirectionProps as E, TextDecorationLineProps as Et, FontWeightProps as F, TopProps as Ft, GridRowProps as G, GridGapProps as H, GridAreaProps as I, TypographyProps as It, GridTemplateRowsProps as J, GridTemplateAreasProps as K, GridAutoColumnsProps as L, VerticalAlignProps as Lt, FontFamilyProps as M, TextTransformProps as Mt, FontSizeProps as N, Theme as Nt, FlexProps as O, TextDecorationStyleProps as Ot, FontStyleProps as P, ThemeValue as Pt, JustifySelfProps as Q, GridAutoFlowProps as R, WidthProps as Rt, ColorProps as S, TextAlignLastProps as St, FlexBasisProps as T, TextDecorationColorProps as Tt, GridProps as U, GridColumnProps as V, GridRowGapProps as W, JustifyContentProps as X, HeightProps as Y, JustifyItemsProps as Z, BorderTopProps as _, Scale as _t, BackgroundImageProps as a, MaxWidthProps as at, BoxShadowProps as b, SpaceProps as bt, BackgroundRepeatProps as c, ObjectOrArray as ct, BorderColorProps as d, OverflowProps as dt, LeftProps as et, BorderLeftProps as f, PaddingProps as ft, BorderStyleProps as g, RightProps as gt, BorderRightProps as h, ResponsiveValue as ht, BackgroundColorProps as i, MaxHeightProps as it, FlexboxProps as j, TextStyleProps as jt, FlexShrinkProps as k, TextDecorationThicknessProps as kt, BackgroundSizeProps as l, OpacityProps as lt, BorderRadiusProps as m, RequiredTheme as mt, AlignItemsProps as n, LineHeightProps as nt, BackgroundPositionProps as o, MinHeightProps as ot, BorderProps as p, PositionProps as pt, GridTemplateColumnsProps as q, AlignSelfProps as r, MarginProps as rt, BackgroundProps as s, MinWidthProps as st, AlignContentProps as t, LetterSpacingProps as tt, BorderBottomProps as u, OrderProps as ut, BorderWidthProps as v, ShadowProps as vt, DisplayProps as w, TextColorProps as wt, ButtonStyleProps as x, TLengthStyledSystem as xt, BottomProps as y, SizeProps as yt, GridAutoRowsProps as z, ZIndexProps as zt };
+export { JustifyContentProps as $, FlexProps as A, TextDecorationLineProps as At, GridAutoColumnsProps as B, TopProps as Bt, ColorProps as C, SizeProps as Ct, FlexBasisProps as D, TextAlignProps as Dt, DisplayProps as E, TextAlignLastProps as Et, FontSizeProps as F, TextShadowProps as Ft, GridGapProps as G, ZIndexProps as Gt, GridAutoRowsProps as H, VerticalAlignProps as Ht, FontStyleProps as I, TextStyleProps as It, GridRowProps as J, GridProps as K, FontWeightProps as L, TextTransformProps as Lt, FlexWrapProps as M, TextDecorationStyleProps as Mt, FlexboxProps as N, TextDecorationThicknessProps as Nt, FlexDirectionProps as O, TextColorProps as Ot, FontFamilyProps as P, TextOverflowProps as Pt, HeightProps as Q, GapProps as R, Theme as Rt, ButtonStyleProps as S, ShadowProps as St, ColumnGapProps as T, TLengthStyledSystem as Tt, GridColumnGapProps as U, WhiteSpaceProps as Ut, GridAutoFlowProps as V, TypographyProps as Vt, GridColumnProps as W, WidthProps as Wt, GridTemplateColumnsProps as X, GridTemplateAreasProps as Y, GridTemplateRowsProps as Z, BorderStyleProps as _, RequiredTheme as _t, BackgroundColorProps as a, LineHeightProps as at, BottomProps as b, RowGapProps as bt, BackgroundProps as c, MaxWidthProps as ct, BorderBottomProps as d, ObjectOrArray as dt, JustifyItemsProps as et, BorderColorProps as f, OpacityProps as ft, BorderRightProps as g, PositionProps as gt, BorderRadiusProps as h, PaddingProps as ht, AspectRatioProps as i, LetterSpacingProps as it, FlexShrinkProps as j, TextDecorationProps as jt, FlexGrowProps as k, TextDecorationColorProps as kt, BackgroundRepeatProps as l, MinHeightProps as lt, BorderProps as m, OverflowProps as mt, AlignItemsProps as n, LayoutProps as nt, BackgroundImageProps as o, MarginProps as ot, BorderLeftProps as p, OrderProps as pt, GridRowGapProps as q, AlignSelfProps as r, LeftProps as rt, BackgroundPositionProps as s, MaxHeightProps as st, AlignContentProps as t, JustifySelfProps as tt, BackgroundSizeProps as u, MinWidthProps as ut, BorderTopProps as v, ResponsiveValue as vt, ColorStyleProps as w, SpaceProps as wt, BoxShadowProps as x, Scale as xt, BorderWidthProps as y, RightProps as yt, GridAreaProps as z, ThemeValue as zt };

package/dist/{typography-DHWhpnqa.cjs → typography-7jHZXqtc.cjs}

@@ -41,7 +41,9 @@ const typography = require("./core.cjs").system({
 		property: "textDecorationColor",
 		scale: "colors"
 	},
-	textAlignLast: true
+	textAlignLast: true,
+	whiteSpace: true,
+	textOverflow: true
 });
 //#endregion
 Object.defineProperty(exports, "typography", {

package/dist/{typography-CCYBDjpD.mjs → typography-p6qWP6Px.mjs}

@@ -42,7 +42,9 @@ const typography = system({
 		property: "textDecorationColor",
 		scale: "colors"
 	},
-	textAlignLast: true
+	textAlignLast: true,
+	whiteSpace: true,
+	textOverflow: true
 });
 //#endregion
 export { typography as t };

package/dist/typography.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_typography = require("./typography-DHWhpnqa.cjs");
+const require_typography = require("./typography-7jHZXqtc.cjs");
 exports.default = require_typography.typography;
 exports.typography = require_typography.typography;

package/dist/typography.d.cts

@@ -1,3 +1,3 @@
-import { Ct as TextAlignProps, F as FontWeightProps, It as TypographyProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-BcPNeOu9.cjs";
-import { t as typography } from "./index-D3lp-1cf.cjs";
-export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TypographyProps, typography as default, typography };
+import { Dt as TextAlignProps, F as FontSizeProps, I as FontStyleProps, L as FontWeightProps, P as FontFamilyProps, Pt as TextOverflowProps, Ut as WhiteSpaceProps, Vt as TypographyProps, at as LineHeightProps, it as LetterSpacingProps } from "./types-BEHYHdIq.cjs";
+import { t as typography } from "./index-DPZut54X.cjs";
+export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TextOverflowProps, type TypographyProps, type WhiteSpaceProps, typography as default, typography };

package/dist/typography.d.mts

@@ -1,3 +1,3 @@
-import { Ct as TextAlignProps, F as FontWeightProps, It as TypographyProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-BcPNeOu9.mjs";
-import { t as typography } from "./index-C0pw8Qd2.mjs";
-export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TypographyProps, typography as default, typography };
+import { Dt as TextAlignProps, F as FontSizeProps, I as FontStyleProps, L as FontWeightProps, P as FontFamilyProps, Pt as TextOverflowProps, Ut as WhiteSpaceProps, Vt as TypographyProps, at as LineHeightProps, it as LetterSpacingProps } from "./types-BEHYHdIq.mjs";
+import { t as typography } from "./index-Brk7KoTW.mjs";
+export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TextOverflowProps, type TypographyProps, type WhiteSpaceProps, typography as default, typography };

package/dist/typography.mjs

@@ -1,2 +1,2 @@
-import { t as typography } from "./typography-CCYBDjpD.mjs";
+import { t as typography } from "./typography-p6qWP6Px.mjs";
 export { typography as default, typography };

package/dist/variant.d.cts

@@ -1,3 +1,3 @@
-import { C as ColorStyleProps, jt as TextStyleProps, x as ButtonStyleProps } from "./types-BcPNeOu9.cjs";
-import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BArxeLmS.cjs";
+import { It as TextStyleProps, S as ButtonStyleProps, w as ColorStyleProps } from "./types-BEHYHdIq.cjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BB5onzAO.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, jt as TextStyleProps, x as ButtonStyleProps } from "./types-BcPNeOu9.mjs";
-import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-QdL-_E8w.mjs";
+import { It as TextStyleProps, S as ButtonStyleProps, w as ColorStyleProps } from "./types-BEHYHdIq.mjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-lMfmNFGL.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.7.1",
+  "version": "5.8.1",
   "description": "Maintained, first-class-TypeScript rewrite of styled-system — responsive, theme-aware style props for CSS-in-JS. Drop-in replacement for styled-system v5.",
   "keywords": [
     "styled-system",
@@ -235,13 +235,14 @@
     "@emotion/is-prop-valid": "^1.4.0",
     "@types/prop-types": "^15.7.15",
     "@vitest/coverage-v8": "^4.1.10",
-    "eslint": "^10.7.0",
-    "globals": "^17.7.0",
+    "eslint": "^10.8.0",
+    "globals": "^17.9.0",
     "prop-types": "^15.8.1",
-    "tsdown": "^0.22.7",
+    "tsdown": "^0.22.14",
     "typescript": "~6.0.3",
     "vitest": "^4.1.10",
-    "@soroush.tech/eslint-config": "0.0.0"
+    "@soroush.tech/eslint-config": "0.0.0",
+    "@soroush.tech/bench": "2.2.0"
   },
   "scripts": {
     "build": "tsdown",