@soroush.tech/styled-system 6.0.0-alpha.2 → 6.0.0-alpha.4

package/dist/{index-IfEDsoFj.d.cts → index-Di8gHXKt.d.cts}

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

package/dist/{index-DbwnL32Q.d.mts → index-Dr5JeEjc.d.mts}

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

package/dist/{index-CnHK2xHk.d.cts → index-Dv3K2IAS.d.cts}

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

package/dist/{index-DOzfQDfG.d.cts → index-DwJSd01p.d.cts}

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

package/dist/index-Np-KvYhu.d.mts

@@ -0,0 +1,55 @@
+import { a as Parser, l as StyleObject } from "./index-IulNhyDt.mjs";
+import "./types-Cl2haWqC.mjs";
+//#region src/grid/grid.d.ts
+declare const grid: Parser;
+//#endregion
+//#region src/grid/layoutGrid.d.ts
+/** The layout grid at one breakpoint - the `content` part of a `theme.layout` entry. */
+interface LayoutGridEntry {
+  /** Equal columns. */
+  columns?: number;
+  /** Inline padding - a `theme.space` key or a CSS length. */
+  margin?: string | number;
+  /** Gap between columns - a `theme.space` key or a CSS length. Set per element with `gap`. */
+  gutter?: string | number;
+  /** `fluid` spans the space; `fixed` is a container centred at `maxWidth`. */
+  mode?: 'fluid' | 'fixed';
+  maxWidth?: string | number;
+}
+/**
+ * `true` for the theme's layout grid, or an entry: its fields replace the theme's at every
+ * breakpoint, and entries under breakpoint names replace it from that breakpoint up.
+ */
+type LayoutGridValue = boolean | Record<string, LayoutGridEntry | LayoutGridEntry[keyof LayoutGridEntry]>;
+/** A `gap` / `columnGap` value: one value, an array by breakpoint position, or an object by name. */
+type LayoutGridGap = string | number | null | undefined | Array<string | number | null> | Record<string, string | number | null>;
+/**
+ * The layout grid from `theme.layout`, per breakpoint: each breakpoint's `content` (columns,
+ * margin, gutter, fluid or fixed), mobile-first. A field in `value` replaces the theme's at
+ * every breakpoint (`{ maxWidth: '1280px' }`); an entry under a breakpoint name replaces it
+ * from that breakpoint up, on top of those fields (`{ lg: { columns: 16 } }`). `gap` - the
+ * element's own `gap` / `columnGap` - sets the gutter the same way, single or responsive; where
+ * it is not set, the theme's gutter applies. Every written block carries the full set, so no
+ * block inherits a stale `max-width`. Rows take `rowGap` (or `gap`'s row half), never the layout.
+ */
+declare const layoutGridStyles: (theme: unknown, value: LayoutGridValue | undefined, gap?: LayoutGridGap) => StyleObject;
+/**
+ * The `layout` prop as the page frame alone: the margin and, in fixed mode, the centred max
+ * width per breakpoint - no columns, and `display` is left alone. Every View-based component
+ * takes it; compose it with `layoutGrid` for the columns.
+ */
+declare const layoutFrame: Parser;
+/**
+ * The `layout` prop's columns on a grid container: the tracks and the gutter. The gutter is the
+ * element's own `columnGap` or `gap` where it sets one, the theme's elsewhere - so `column-gap`
+ * has a single source and an explicit gap is never silently replaced.
+ */
+declare const layoutGrid: Parser;
+/**
+ * The `span` prop: how many columns of a grid an element takes - `grid-column: span N` - or
+ * `span="full"` for the whole row whatever the column count. Responsive like any prop:
+ * `span={{ xs: 'full', md: 6 }}`.
+ */
+declare const span: Parser;
+//#endregion
+export { layoutGrid as a, grid as c, layoutFrame as i, LayoutGridGap as n, layoutGridStyles as o, LayoutGridValue as r, span as s, LayoutGridEntry as t };

package/dist/{index-Xh-lC-ge.d.mts → index-mSyoGVmz.d.mts}

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

package/dist/index.cjs

@@ -5,7 +5,7 @@ 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-Cv-XGWcr.cjs");
+const require_grid = require("./grid-NyoJxJGh.cjs");
 const require_layout = require("./layout-D3pG7vBp.cjs");
 const require_position = require("./position-zWvCE4hD.cjs");
 const require_typography = require("./typography-7jHZXqtc.cjs");
@@ -169,7 +169,6 @@ exports.justifyContent = justifyContent;
 exports.justifyItems = justifyItems;
 exports.justifySelf = justifySelf;
 exports.layout = require_layout.layout;
-exports.layoutFlex = require_grid.layoutFlex;
 exports.layoutFrame = require_grid.layoutFrame;
 exports.layoutGrid = require_grid.layoutGrid;
 exports.layoutGridStyles = require_grid.layoutGridStyles;

package/dist/index.d.cts

@@ -1,17 +1,17 @@
 import { a as ResponsiveQueries, c as createContainerQueries, d as responsiveQueries, i as QueryHelpers, l as createMediaHelpers, n as Breakpoints, o as breakpointQueries, r as ContainerQueries, s as containerKey, t as BreakpointInput, u as createMediaQuery } from "./media-CfYDomHt.cjs";
 import { a as Parser, c as StyleFn, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, u as SystemConfig, v as styleFn, y as system } from "./index-iVqAMF2L.cjs";
-import { t as background } from "./index-IfEDsoFj.cjs";
-import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TLengthStyledSystem, B as GapProps, Bt as TextShadowProps, C as ButtonStyleProps, Ct as RightProps, D as ContainerProps, Dt as SizeProps, E as ColumnGapProps, Et as ShadowProps, F as FlexboxProps, Ft as TextDecorationLineProps, G as GridColumnGapProps, Gt as TopProps, H as GridAutoColumnsProps, Ht as TextTransformProps, I as FontFamilyProps, It as TextDecorationProps, J as GridProps, Jt as WhiteSpaceProps, K as GridColumnProps, Kt as TypographyProps, L as FontSizeProps, Lt as TextDecorationStyleProps, M as FlexProps, Mt as TextAlignProps, N as FlexShrinkProps, Nt as TextColorProps, O as DisplayProps, Ot as SpaceProps, P as FlexWrapProps, Pt as TextDecorationColorProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextDecorationThicknessProps, S as BreakpointName, St as ResponsiveValue, T as ColorStyleProps, Tt as Scale, U as GridAutoFlowProps, Ut as Theme, V as GridAreaProps, Vt as TextStyleProps, W as GridAutoRowsProps, Wt as ThemeValue, X as GridRowProps, Xt as ZIndexProps, Y as GridRowGapProps, Yt as WidthProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OrderProps, a as BackgroundColorProps, at as LayoutGridProps, b as BottomProps, bt as PositionProps, c as BackgroundProps, ct as LetterSpacingProps, d as BorderBottomProps, dt as MaxHeightProps, et as HeightProps, f as BorderColorProps, ft as MaxWidthProps, g as BorderRightProps, gt as OpacityProps, h as BorderRadiusProps, ht as ObjectOrArray, i as AspectRatioProps, it as LayoutFrameProps, j as FlexGrowProps, jt as TextAlignLastProps, k as FlexBasisProps, kt as SpanProps, l as BackgroundRepeatProps, lt as LineHeightProps, m as BorderProps, mt as MinWidthProps, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LayoutProps, p as BorderLeftProps, pt as MinHeightProps, q as GridGapProps, qt as VerticalAlignProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LeftProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MarginProps, v as BorderTopProps, vt as OverflowProps, w as ColorProps, wt as RowGapProps, x as BoxShadowProps, xt as RequiredTheme, y as BorderWidthProps, yt as PaddingProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cj6Jx5LX.cjs";
-import { t as border } from "./index-C8kegqfi.cjs";
-import { t as color } from "./index-DOzfQDfG.cjs";
-import { t as flexbox } from "./index-ILo8rb05.cjs";
-import { a as layoutFrame, c as span, i as layoutFlex, l as grid, n as LayoutGridEntry, o as layoutGrid, r as LayoutGridValue, s as layoutGridStyles, t as LayoutGridDisplay } from "./index-DHAamdKa.cjs";
-import { i as space, n as margin, r as padding, t as gap } from "./index-Dpqn1WzM.cjs";
-import { t as layout } from "./index-CnHK2xHk.cjs";
-import { t as typography } from "./index-PoT1oV9X.cjs";
-import { t as position } from "./index-CpS2pkHD.cjs";
-import { t as shadow } from "./index-eWVK6SXF.cjs";
-import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-B7YL_4tg.cjs";
+import { t as background } from "./index-Di8gHXKt.cjs";
+import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TLengthStyledSystem, B as GapProps, Bt as TextShadowProps, C as ButtonStyleProps, Ct as RightProps, D as ContainerProps, Dt as SizeProps, E as ColumnGapProps, Et as ShadowProps, F as FlexboxProps, Ft as TextDecorationLineProps, G as GridColumnGapProps, Gt as TopProps, H as GridAutoColumnsProps, Ht as TextTransformProps, I as FontFamilyProps, It as TextDecorationProps, J as GridProps, Jt as WhiteSpaceProps, K as GridColumnProps, Kt as TypographyProps, L as FontSizeProps, Lt as TextDecorationStyleProps, M as FlexProps, Mt as TextAlignProps, N as FlexShrinkProps, Nt as TextColorProps, O as DisplayProps, Ot as SpaceProps, P as FlexWrapProps, Pt as TextDecorationColorProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextDecorationThicknessProps, S as BreakpointName, St as ResponsiveValue, T as ColorStyleProps, Tt as Scale, U as GridAutoFlowProps, Ut as Theme, V as GridAreaProps, Vt as TextStyleProps, W as GridAutoRowsProps, Wt as ThemeValue, X as GridRowProps, Xt as ZIndexProps, Y as GridRowGapProps, Yt as WidthProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OrderProps, a as BackgroundColorProps, at as LayoutGridProps, b as BottomProps, bt as PositionProps, c as BackgroundProps, ct as LetterSpacingProps, d as BorderBottomProps, dt as MaxHeightProps, et as HeightProps, f as BorderColorProps, ft as MaxWidthProps, g as BorderRightProps, gt as OpacityProps, h as BorderRadiusProps, ht as ObjectOrArray, i as AspectRatioProps, it as LayoutFrameProps, j as FlexGrowProps, jt as TextAlignLastProps, k as FlexBasisProps, kt as SpanProps, l as BackgroundRepeatProps, lt as LineHeightProps, m as BorderProps, mt as MinWidthProps, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LayoutProps, p as BorderLeftProps, pt as MinHeightProps, q as GridGapProps, qt as VerticalAlignProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LeftProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MarginProps, v as BorderTopProps, vt as OverflowProps, w as ColorProps, wt as RowGapProps, x as BoxShadowProps, xt as RequiredTheme, y as BorderWidthProps, yt as PaddingProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cl2haWqC.cjs";
+import { t as border } from "./index-BqZjtkzF.cjs";
+import { t as color } from "./index-DwJSd01p.cjs";
+import { t as flexbox } from "./index-BUX09rTq.cjs";
+import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-BZI1xwTA.cjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-BUa_KRfs.cjs";
+import { t as layout } from "./index-Dv3K2IAS.cjs";
+import { t as typography } from "./index-C56_VCbD.cjs";
+import { t as position } from "./index-BVNmdtmk.cjs";
+import { t as shadow } from "./index-DGGFii8s.cjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BDUZ7qQu.cjs";
 //#region src/style/style.d.ts
 interface StyleOptions {
   prop: string;
@@ -99,4 +99,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, type BreakpointInput, BreakpointName, type Breakpoints, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type Config, type ConfigFunction, type ConfigStyle, ContainerProps, type ContainerQueries, 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, LayoutFrameProps, type LayoutGridDisplay, type LayoutGridEntry, LayoutGridProps, type LayoutGridValue, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, type QueryHelpers, RequiredTheme, type ResponsiveQueries, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, SpanProps, 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, breakpointQueries, buttonStyle, color, colorStyle, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, 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, layoutFlex, layoutFrame, layoutGrid, layoutGridStyles, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, responsiveQueries, right, size, space, span, style, type styleFn, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };
+export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, type BreakpointInput, BreakpointName, type Breakpoints, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type Config, type ConfigFunction, type ConfigStyle, ContainerProps, type ContainerQueries, 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, LayoutFrameProps, type LayoutGridEntry, type LayoutGridGap, LayoutGridProps, type LayoutGridValue, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, type QueryHelpers, RequiredTheme, type ResponsiveQueries, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, SpanProps, 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, breakpointQueries, buttonStyle, color, colorStyle, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, 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, layoutFrame, layoutGrid, layoutGridStyles, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, responsiveQueries, right, size, space, span, 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,17 +1,17 @@
 import { a as ResponsiveQueries, c as createContainerQueries, d as responsiveQueries, i as QueryHelpers, l as createMediaHelpers, n as Breakpoints, o as breakpointQueries, r as ContainerQueries, s as containerKey, t as BreakpointInput, u as createMediaQuery } from "./media-CfYDomHt.mjs";
 import { a as Parser, c as StyleFn, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, u as SystemConfig, v as styleFn, y as system } from "./index-IulNhyDt.mjs";
-import { t as background } from "./index-Xh-lC-ge.mjs";
-import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TLengthStyledSystem, B as GapProps, Bt as TextShadowProps, C as ButtonStyleProps, Ct as RightProps, D as ContainerProps, Dt as SizeProps, E as ColumnGapProps, Et as ShadowProps, F as FlexboxProps, Ft as TextDecorationLineProps, G as GridColumnGapProps, Gt as TopProps, H as GridAutoColumnsProps, Ht as TextTransformProps, I as FontFamilyProps, It as TextDecorationProps, J as GridProps, Jt as WhiteSpaceProps, K as GridColumnProps, Kt as TypographyProps, L as FontSizeProps, Lt as TextDecorationStyleProps, M as FlexProps, Mt as TextAlignProps, N as FlexShrinkProps, Nt as TextColorProps, O as DisplayProps, Ot as SpaceProps, P as FlexWrapProps, Pt as TextDecorationColorProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextDecorationThicknessProps, S as BreakpointName, St as ResponsiveValue, T as ColorStyleProps, Tt as Scale, U as GridAutoFlowProps, Ut as Theme, V as GridAreaProps, Vt as TextStyleProps, W as GridAutoRowsProps, Wt as ThemeValue, X as GridRowProps, Xt as ZIndexProps, Y as GridRowGapProps, Yt as WidthProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OrderProps, a as BackgroundColorProps, at as LayoutGridProps, b as BottomProps, bt as PositionProps, c as BackgroundProps, ct as LetterSpacingProps, d as BorderBottomProps, dt as MaxHeightProps, et as HeightProps, f as BorderColorProps, ft as MaxWidthProps, g as BorderRightProps, gt as OpacityProps, h as BorderRadiusProps, ht as ObjectOrArray, i as AspectRatioProps, it as LayoutFrameProps, j as FlexGrowProps, jt as TextAlignLastProps, k as FlexBasisProps, kt as SpanProps, l as BackgroundRepeatProps, lt as LineHeightProps, m as BorderProps, mt as MinWidthProps, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LayoutProps, p as BorderLeftProps, pt as MinHeightProps, q as GridGapProps, qt as VerticalAlignProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LeftProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MarginProps, v as BorderTopProps, vt as OverflowProps, w as ColorProps, wt as RowGapProps, x as BoxShadowProps, xt as RequiredTheme, y as BorderWidthProps, yt as PaddingProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cj6Jx5LX.mjs";
-import { t as border } from "./index-BgSrVqHI.mjs";
-import { t as color } from "./index-fuBvJDhs.mjs";
-import { t as flexbox } from "./index-D8sNCYCo.mjs";
-import { a as layoutFrame, c as span, i as layoutFlex, l as grid, n as LayoutGridEntry, o as layoutGrid, r as LayoutGridValue, s as layoutGridStyles, t as LayoutGridDisplay } from "./index-C0X-fL6a.mjs";
-import { i as space, n as margin, r as padding, t as gap } from "./index-BnfK4WNL.mjs";
-import { t as layout } from "./index-kkyge37R.mjs";
-import { t as typography } from "./index-BvyUTPw5.mjs";
-import { t as position } from "./index-DbwnL32Q.mjs";
-import { t as shadow } from "./index-CnVRmFIZ.mjs";
-import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-4_E8pg8R.mjs";
+import { t as background } from "./index-mSyoGVmz.mjs";
+import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TLengthStyledSystem, B as GapProps, Bt as TextShadowProps, C as ButtonStyleProps, Ct as RightProps, D as ContainerProps, Dt as SizeProps, E as ColumnGapProps, Et as ShadowProps, F as FlexboxProps, Ft as TextDecorationLineProps, G as GridColumnGapProps, Gt as TopProps, H as GridAutoColumnsProps, Ht as TextTransformProps, I as FontFamilyProps, It as TextDecorationProps, J as GridProps, Jt as WhiteSpaceProps, K as GridColumnProps, Kt as TypographyProps, L as FontSizeProps, Lt as TextDecorationStyleProps, M as FlexProps, Mt as TextAlignProps, N as FlexShrinkProps, Nt as TextColorProps, O as DisplayProps, Ot as SpaceProps, P as FlexWrapProps, Pt as TextDecorationColorProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextDecorationThicknessProps, S as BreakpointName, St as ResponsiveValue, T as ColorStyleProps, Tt as Scale, U as GridAutoFlowProps, Ut as Theme, V as GridAreaProps, Vt as TextStyleProps, W as GridAutoRowsProps, Wt as ThemeValue, X as GridRowProps, Xt as ZIndexProps, Y as GridRowGapProps, Yt as WidthProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OrderProps, a as BackgroundColorProps, at as LayoutGridProps, b as BottomProps, bt as PositionProps, c as BackgroundProps, ct as LetterSpacingProps, d as BorderBottomProps, dt as MaxHeightProps, et as HeightProps, f as BorderColorProps, ft as MaxWidthProps, g as BorderRightProps, gt as OpacityProps, h as BorderRadiusProps, ht as ObjectOrArray, i as AspectRatioProps, it as LayoutFrameProps, j as FlexGrowProps, jt as TextAlignLastProps, k as FlexBasisProps, kt as SpanProps, l as BackgroundRepeatProps, lt as LineHeightProps, m as BorderProps, mt as MinWidthProps, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LayoutProps, p as BorderLeftProps, pt as MinHeightProps, q as GridGapProps, qt as VerticalAlignProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LeftProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MarginProps, v as BorderTopProps, vt as OverflowProps, w as ColorProps, wt as RowGapProps, x as BoxShadowProps, xt as RequiredTheme, y as BorderWidthProps, yt as PaddingProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cl2haWqC.mjs";
+import { t as border } from "./index-DXURX22V.mjs";
+import { t as color } from "./index-BTZ4J3Ql.mjs";
+import { t as flexbox } from "./index-BZs9fI-P.mjs";
+import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-Np-KvYhu.mjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-D_XDxNlm.mjs";
+import { t as layout } from "./index-Bhpc-68J.mjs";
+import { t as typography } from "./index-BQUTi5eL.mjs";
+import { t as position } from "./index-Dr5JeEjc.mjs";
+import { t as shadow } from "./index--7PfXEZf.mjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-DYc5_RYF.mjs";
 //#region src/style/style.d.ts
 interface StyleOptions {
   prop: string;
@@ -99,4 +99,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, type BreakpointInput, BreakpointName, type Breakpoints, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type Config, type ConfigFunction, type ConfigStyle, ContainerProps, type ContainerQueries, 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, LayoutFrameProps, type LayoutGridDisplay, type LayoutGridEntry, LayoutGridProps, type LayoutGridValue, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, type QueryHelpers, RequiredTheme, type ResponsiveQueries, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, SpanProps, 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, breakpointQueries, buttonStyle, color, colorStyle, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, 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, layoutFlex, layoutFrame, layoutGrid, layoutGridStyles, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, responsiveQueries, right, size, space, span, style, type styleFn, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };
+export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, type BreakpointInput, BreakpointName, type Breakpoints, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type Config, type ConfigFunction, type ConfigStyle, ContainerProps, type ContainerQueries, 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, LayoutFrameProps, type LayoutGridEntry, type LayoutGridGap, LayoutGridProps, type LayoutGridValue, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, type QueryHelpers, RequiredTheme, type ResponsiveQueries, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, SpanProps, 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, breakpointQueries, buttonStyle, color, colorStyle, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, 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, layoutFrame, layoutGrid, layoutGridStyles, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, responsiveQueries, right, size, space, span, 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,7 +4,7 @@ import { t as background } from "./background-B-jql3jb.mjs";
 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 { a as span, i as layoutGridStyles, n as layoutFrame, o as grid, r as layoutGrid, t as layoutFlex } from "./grid-CAuvylKs.mjs";
+import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFrame } from "./grid-D6l0ftY0.mjs";
 import { t as layout } from "./layout-DF83ooFn.mjs";
 import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-p6qWP6Px.mjs";
@@ -105,4 +105,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, breakpointQueries, buttonStyle, color, colorStyle, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, 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, layoutFlex, layoutFrame, layoutGrid, layoutGridStyles, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, responsiveQueries, right, size, space, span, style, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, 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, breakpointQueries, buttonStyle, color, colorStyle, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, 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, layoutFrame, layoutGrid, layoutGridStyles, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, responsiveQueries, right, size, space, span, style, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };

package/dist/layout.d.cts

@@ -1,3 +1,3 @@
-import { D as ContainerProps, Dt as SizeProps, O as DisplayProps, Yt as WidthProps, dt as MaxHeightProps, et as HeightProps, ft as MaxWidthProps, i as AspectRatioProps, mt as MinWidthProps, ot as LayoutProps, pt as MinHeightProps, qt as VerticalAlignProps, vt as OverflowProps } from "./types-Cj6Jx5LX.cjs";
-import { t as layout } from "./index-CnHK2xHk.cjs";
+import { D as ContainerProps, Dt as SizeProps, O as DisplayProps, Yt as WidthProps, dt as MaxHeightProps, et as HeightProps, ft as MaxWidthProps, i as AspectRatioProps, mt as MinWidthProps, ot as LayoutProps, pt as MinHeightProps, qt as VerticalAlignProps, vt as OverflowProps } from "./types-Cl2haWqC.cjs";
+import { t as layout } from "./index-Dv3K2IAS.cjs";
 export { type AspectRatioProps, type ContainerProps, 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 { D as ContainerProps, Dt as SizeProps, O as DisplayProps, Yt as WidthProps, dt as MaxHeightProps, et as HeightProps, ft as MaxWidthProps, i as AspectRatioProps, mt as MinWidthProps, ot as LayoutProps, pt as MinHeightProps, qt as VerticalAlignProps, vt as OverflowProps } from "./types-Cj6Jx5LX.mjs";
-import { t as layout } from "./index-kkyge37R.mjs";
+import { D as ContainerProps, Dt as SizeProps, O as DisplayProps, Yt as WidthProps, dt as MaxHeightProps, et as HeightProps, ft as MaxWidthProps, i as AspectRatioProps, mt as MinWidthProps, ot as LayoutProps, pt as MinHeightProps, qt as VerticalAlignProps, vt as OverflowProps } from "./types-Cl2haWqC.mjs";
+import { t as layout } from "./index-Bhpc-68J.mjs";
 export { type AspectRatioProps, type ContainerProps, type DisplayProps, type HeightProps, type LayoutProps, type MaxHeightProps, type MaxWidthProps, type MinHeightProps, type MinWidthProps, type OverflowProps, type SizeProps, type VerticalAlignProps, type WidthProps, layout as default, layout };

package/dist/position.d.cts

@@ -1,3 +1,3 @@
-import { Ct as RightProps, Gt as TopProps, Xt as ZIndexProps, b as BottomProps, bt as PositionProps, st as LeftProps } from "./types-Cj6Jx5LX.cjs";
-import { t as position } from "./index-CpS2pkHD.cjs";
+import { Ct as RightProps, Gt as TopProps, Xt as ZIndexProps, b as BottomProps, bt as PositionProps, st as LeftProps } from "./types-Cl2haWqC.cjs";
+import { t as position } from "./index-BVNmdtmk.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 { Ct as RightProps, Gt as TopProps, Xt as ZIndexProps, b as BottomProps, bt as PositionProps, st as LeftProps } from "./types-Cj6Jx5LX.mjs";
-import { t as position } from "./index-DbwnL32Q.mjs";
+import { Ct as RightProps, Gt as TopProps, Xt as ZIndexProps, b as BottomProps, bt as PositionProps, st as LeftProps } from "./types-Cl2haWqC.mjs";
+import { t as position } from "./index-Dr5JeEjc.mjs";
 export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };

package/dist/{presets-B4QR0tKt.mjs → presets-CrIKAUbJ.mjs}

@@ -3,7 +3,7 @@ import { t as background } from "./background-B-jql3jb.mjs";
 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 { a as span, o as grid } from "./grid-CAuvylKs.mjs";
+import { a as grid, i as span } from "./grid-D6l0ftY0.mjs";
 import { t as layout } from "./layout-DF83ooFn.mjs";
 import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-p6qWP6Px.mjs";

package/dist/{presets-Da2kvQPo.cjs → presets-DNjUFNNu.cjs}

@@ -3,7 +3,7 @@ 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-Cv-XGWcr.cjs");
+const require_grid = require("./grid-NyoJxJGh.cjs");
 const require_layout = require("./layout-D3pG7vBp.cjs");
 const require_position = require("./position-zWvCE4hD.cjs");
 const require_typography = require("./typography-7jHZXqtc.cjs");

package/dist/prop-types.cjs

@@ -7,7 +7,7 @@ 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-Cv-XGWcr.cjs");
+const require_grid = require("./grid-NyoJxJGh.cjs");
 const require_layout = require("./layout-D3pG7vBp.cjs");
 const require_position = require("./position-zWvCE4hD.cjs");
 const require_typography = require("./typography-7jHZXqtc.cjs");

package/dist/prop-types.mjs

@@ -2,7 +2,7 @@ import { t as background } from "./background-B-jql3jb.mjs";
 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 { o as grid } from "./grid-CAuvylKs.mjs";
+import { a as grid } from "./grid-D6l0ftY0.mjs";
 import { t as layout } from "./layout-DF83ooFn.mjs";
 import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-p6qWP6Px.mjs";

package/dist/props.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_presets = require("./presets-Da2kvQPo.cjs");
+const require_presets = require("./presets-DNjUFNNu.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-B4QR0tKt.mjs";
+import { t as all } from "./presets-CrIKAUbJ.mjs";
 //#region src/props/props.ts
 const styledSystemProps = new Set(all.propNames);
 const omit = (props) => {

package/dist/shadow.d.cts

@@ -1,3 +1,3 @@
-import { Bt as TextShadowProps, Et as ShadowProps, x as BoxShadowProps } from "./types-Cj6Jx5LX.cjs";
-import { t as shadow } from "./index-eWVK6SXF.cjs";
+import { Bt as TextShadowProps, Et as ShadowProps, x as BoxShadowProps } from "./types-Cl2haWqC.cjs";
+import { t as shadow } from "./index-DGGFii8s.cjs";
 export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };

package/dist/shadow.d.mts

@@ -1,3 +1,3 @@
-import { Bt as TextShadowProps, Et as ShadowProps, x as BoxShadowProps } from "./types-Cj6Jx5LX.mjs";
-import { t as shadow } from "./index-CnVRmFIZ.mjs";
+import { Bt as TextShadowProps, Et as ShadowProps, x as BoxShadowProps } from "./types-Cl2haWqC.mjs";
+import { t as shadow } from "./index--7PfXEZf.mjs";
 export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };

package/dist/should-forward-prop.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 const require_rolldown_runtime = require("./rolldown-runtime-VH7oDXx4.cjs");
-const require_presets = require("./presets-Da2kvQPo.cjs");
+const require_presets = require("./presets-DNjUFNNu.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-B4QR0tKt.mjs";
+import { t as all } from "./presets-CrIKAUbJ.mjs";
 import isPropValid from "@emotion/is-prop-valid";
 //#region src/should-forward-prop/should-forward-prop.ts
 const memoize = (fn) => {

package/dist/space.d.cts

@@ -1,3 +1,3 @@
-import { B as GapProps, E as ColumnGapProps, Ot as SpaceProps, ut as MarginProps, wt as RowGapProps, yt as PaddingProps } from "./types-Cj6Jx5LX.cjs";
-import { i as space, n as margin, r as padding, t as gap } from "./index-Dpqn1WzM.cjs";
+import { B as GapProps, E as ColumnGapProps, Ot as SpaceProps, ut as MarginProps, wt as RowGapProps, yt as PaddingProps } from "./types-Cl2haWqC.cjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-BUa_KRfs.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 { B as GapProps, E as ColumnGapProps, Ot as SpaceProps, ut as MarginProps, wt as RowGapProps, yt as PaddingProps } from "./types-Cj6Jx5LX.mjs";
-import { i as space, n as margin, r as padding, t as gap } from "./index-BnfK4WNL.mjs";
+import { B as GapProps, E as ColumnGapProps, Ot as SpaceProps, ut as MarginProps, wt as RowGapProps, yt as PaddingProps } from "./types-Cl2haWqC.mjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-D_XDxNlm.mjs";
 export { type ColumnGapProps, type GapProps, type MarginProps, type PaddingProps, type RowGapProps, type SpaceProps, space as default, space, gap, margin, padding };

package/dist/{types-Cj6Jx5LX.d.cts → types-Cl2haWqC.d.cts}

@@ -346,7 +346,6 @@ interface LayoutFrameEntryProps<ThemeType extends Theme> {
 }
 interface LayoutGridEntryProps<ThemeType extends Theme> extends LayoutFrameEntryProps<ThemeType> {
   columns?: number;
-  gutter?: ThemeValue<'space', ThemeType> | string;
 }
 /**
  * Not in upstream styled-system: the page frame from `theme.layout` - its margin and max width
@@ -357,16 +356,17 @@ interface LayoutFrameProps<ThemeType extends Theme = RequiredTheme> {
   layout?: boolean | (LayoutFrameEntryProps<ThemeType> & { [key in BreakpointName<ThemeType>]?: LayoutFrameEntryProps<ThemeType>; });
 }
 /**
- * Not in upstream styled-system: the layout grid from `theme.layout` on a Grid or Flex - `true`
- * for the theme's, or an entry whose fields replace it at every breakpoint (`{ gutter: 8 }`),
- * with entries under breakpoint names that replace it there only (`{ lg: { columns: 16 } }`).
+ * Not in upstream styled-system: the layout grid from `theme.layout` on a Grid - `true` for the
+ * theme's, or an entry whose fields replace it at every breakpoint (`{ maxWidth: '1280px' }`),
+ * with entries under breakpoint names that replace it from there up (`{ lg: { columns: 16 } }`).
+ * The gutter is the grid's own `gap` / `columnGap`.
  */
 interface LayoutGridProps<ThemeType extends Theme = RequiredTheme> {
   layout?: boolean | (LayoutGridEntryProps<ThemeType> & { [key in BreakpointName<ThemeType>]?: LayoutGridEntryProps<ThemeType>; });
 }
 /**
- * Not in upstream styled-system: how many layout-grid columns the element takes, or `'full'`
- * for the whole row.
+ * Not in upstream styled-system: how many columns of a grid the element takes, or `'full'` for
+ * the whole row.
  */
 interface SpanProps<ThemeType extends Theme = RequiredTheme> {
   span?: ResponsiveValue<number | 'full', ThemeType>;

package/dist/{types-Cj6Jx5LX.d.mts → types-Cl2haWqC.d.mts}

@@ -346,7 +346,6 @@ interface LayoutFrameEntryProps<ThemeType extends Theme> {
 }
 interface LayoutGridEntryProps<ThemeType extends Theme> extends LayoutFrameEntryProps<ThemeType> {
   columns?: number;
-  gutter?: ThemeValue<'space', ThemeType> | string;
 }
 /**
  * Not in upstream styled-system: the page frame from `theme.layout` - its margin and max width
@@ -357,16 +356,17 @@ interface LayoutFrameProps<ThemeType extends Theme = RequiredTheme> {
   layout?: boolean | (LayoutFrameEntryProps<ThemeType> & { [key in BreakpointName<ThemeType>]?: LayoutFrameEntryProps<ThemeType>; });
 }
 /**
- * Not in upstream styled-system: the layout grid from `theme.layout` on a Grid or Flex - `true`
- * for the theme's, or an entry whose fields replace it at every breakpoint (`{ gutter: 8 }`),
- * with entries under breakpoint names that replace it there only (`{ lg: { columns: 16 } }`).
+ * Not in upstream styled-system: the layout grid from `theme.layout` on a Grid - `true` for the
+ * theme's, or an entry whose fields replace it at every breakpoint (`{ maxWidth: '1280px' }`),
+ * with entries under breakpoint names that replace it from there up (`{ lg: { columns: 16 } }`).
+ * The gutter is the grid's own `gap` / `columnGap`.
  */
 interface LayoutGridProps<ThemeType extends Theme = RequiredTheme> {
   layout?: boolean | (LayoutGridEntryProps<ThemeType> & { [key in BreakpointName<ThemeType>]?: LayoutGridEntryProps<ThemeType>; });
 }
 /**
- * Not in upstream styled-system: how many layout-grid columns the element takes, or `'full'`
- * for the whole row.
+ * Not in upstream styled-system: how many columns of a grid the element takes, or `'full'` for
+ * the whole row.
  */
 interface SpanProps<ThemeType extends Theme = RequiredTheme> {
   span?: ResponsiveValue<number | 'full', ThemeType>;

package/dist/typography.d.cts

@@ -1,3 +1,3 @@
-import { I as FontFamilyProps, Jt as WhiteSpaceProps, Kt as TypographyProps, L as FontSizeProps, Mt as TextAlignProps, R as FontStyleProps, ct as LetterSpacingProps, lt as LineHeightProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cj6Jx5LX.cjs";
-import { t as typography } from "./index-PoT1oV9X.cjs";
+import { I as FontFamilyProps, Jt as WhiteSpaceProps, Kt as TypographyProps, L as FontSizeProps, Mt as TextAlignProps, R as FontStyleProps, ct as LetterSpacingProps, lt as LineHeightProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cl2haWqC.cjs";
+import { t as typography } from "./index-C56_VCbD.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 { I as FontFamilyProps, Jt as WhiteSpaceProps, Kt as TypographyProps, L as FontSizeProps, Mt as TextAlignProps, R as FontStyleProps, ct as LetterSpacingProps, lt as LineHeightProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cj6Jx5LX.mjs";
-import { t as typography } from "./index-BvyUTPw5.mjs";
+import { I as FontFamilyProps, Jt as WhiteSpaceProps, Kt as TypographyProps, L as FontSizeProps, Mt as TextAlignProps, R as FontStyleProps, ct as LetterSpacingProps, lt as LineHeightProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-Cl2haWqC.mjs";
+import { t as typography } from "./index-BQUTi5eL.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/variant.d.cts

@@ -1,3 +1,3 @@
-import { C as ButtonStyleProps, T as ColorStyleProps, Vt as TextStyleProps } from "./types-Cj6Jx5LX.cjs";
-import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-B7YL_4tg.cjs";
+import { C as ButtonStyleProps, T as ColorStyleProps, Vt as TextStyleProps } from "./types-Cl2haWqC.cjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BDUZ7qQu.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 ButtonStyleProps, T as ColorStyleProps, Vt as TextStyleProps } from "./types-Cj6Jx5LX.mjs";
-import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-4_E8pg8R.mjs";
+import { C as ButtonStyleProps, T as ColorStyleProps, Vt as TextStyleProps } from "./types-Cl2haWqC.mjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-DYc5_RYF.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": "6.0.0-alpha.2",
+  "version": "6.0.0-alpha.4",
   "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",