@soroush.tech/styled-system 5.8.2 → 5.9.0-alpha.0

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

@@ -1,5 +1,5 @@
-import { a as Parser } from "./index-C0SM54dQ.cjs";
-import "./types-BEHYHdIq.cjs";
+import { a as Parser } from "./index-BXP1-da3.mjs";
+import "./types-B0SNbm6V.mjs";
 //#region src/space/space.d.ts
 declare const margin: Parser;
 declare const padding: Parser;

package/dist/index.cjs

@@ -1,4 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_media = require("./media-BoIPXBPV.cjs");
 const require_core = require("./core.cjs");
 const require_background = require("./background-wugr6cG7.cjs");
 const require_border = require("./border-UuT-fTpy.cjs");
@@ -10,7 +11,7 @@ const require_position = require("./position-zWvCE4hD.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");
+const require_variant = require("./variant-DdSForfI.cjs");
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};
@@ -125,10 +126,12 @@ exports.borderWidth = borderWidth;
 exports.borders = require_border.border;
 exports.bottom = bottom;
 exports.boxShadow = require_shadow.shadow;
+exports.breakpointQueries = require_media.breakpointQueries;
 exports.buttonStyle = require_variant.buttonStyle;
 exports.color = require_color.color;
 exports.colorStyle = require_variant.colorStyle;
 exports.compose = require_core.compose;
+exports.createMediaQuery = require_media.createMediaQuery;
 exports.createParser = require_core.createParser;
 exports.createStyleFunction = require_core.createStyleFunction;
 exports.display = display;

package/dist/index.d.cts

@@ -1,16 +1,17 @@
-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-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";
+import { n as breakpointQueries, r as createMediaQuery, t as Breakpoints } from "./media-np0uvO4C.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-BYkO78Xl.cjs";
+import { t as background } from "./index-Q8q5VND1.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-B0SNbm6V.cjs";
+import { t as border } from "./index-C9CxJ5Zn.cjs";
+import { t as color } from "./index-Cd_CcxMh.cjs";
+import { t as flexbox } from "./index-CIccdXWj.cjs";
+import { t as grid } from "./index-0k2kzlK5.cjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-Bq7teef_.cjs";
+import { t as layout } from "./index-DP40bJIa.cjs";
+import { t as typography } from "./index-UGE-V15i.cjs";
+import { t as position } from "./index-Dsc6RgbZ.cjs";
+import { t as shadow } from "./index-Co0JY1hd.cjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-DzcXmzdT.cjs";
 //#region src/style/style.d.ts
 interface StyleOptions {
   prop: string;
@@ -98,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, 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 };
+export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, type Breakpoints, 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, breakpointQueries, buttonStyle, color, colorStyle, compose, 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, 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,17 @@
-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-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";
+import { n as breakpointQueries, r as createMediaQuery, t as Breakpoints } from "./media-np0uvO4C.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-BXP1-da3.mjs";
+import { t as background } from "./index-C-B6-_Ku.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-B0SNbm6V.mjs";
+import { t as border } from "./index-D9dwDAhC.mjs";
+import { t as color } from "./index-CJT-n3Vq.mjs";
+import { t as flexbox } from "./index-DcRfFIAZ.mjs";
+import { t as grid } from "./index-DQhcFrR9.mjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-wKeENlqd.mjs";
+import { t as layout } from "./index-sk97pkUE.mjs";
+import { t as typography } from "./index-BReBwT6c.mjs";
+import { t as position } from "./index-BhbWZw53.mjs";
+import { t as shadow } from "./index-CcorN1bQ.mjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BKofCDzL.mjs";
 //#region src/style/style.d.ts
 interface StyleOptions {
   prop: string;
@@ -98,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, 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 };
+export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, type Breakpoints, 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, breakpointQueries, buttonStyle, color, colorStyle, compose, 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, 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

@@ -1,3 +1,4 @@
+import { n as createMediaQuery, t as breakpointQueries } from "./media-B8UpEDpY.mjs";
 import { compose, createParser, createStyleFunction, get, system } from "./core.mjs";
 import { t as background } from "./background-B-jql3jb.mjs";
 import { t as border } from "./border-Dder4Dhp.mjs";
@@ -9,7 +10,7 @@ import { t as position } from "./position-jf6VlRyR.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";
+import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DfRW-ZJe.mjs";
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};
@@ -104,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, 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 };
+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, 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, 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.d.cts

@@ -1,3 +1,3 @@
-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";
+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-B0SNbm6V.cjs";
+import { t as layout } from "./index-DP40bJIa.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 { 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";
+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-B0SNbm6V.mjs";
+import { t as layout } from "./index-sk97pkUE.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/media-B8UpEDpY.mjs

@@ -0,0 +1,18 @@
+//#region src/core/media.ts
+const isLength = (value) => /^[\d.+-]|^(calc|min|max|clamp)\(/.test(value);
+/**
+* The `@media` rule for one breakpoint value. A length is a min-width (a number
+* gets `px`); a string starting with `@media` is used as written; anything else
+* is a media query list - a condition like `(600px <= width < 1200px)` or
+* `(orientation: landscape)`, or a media type - and follows `@media `.
+*/
+const createMediaQuery = (value) => {
+	if (typeof value === "number") return `@media screen and (min-width: ${value}px)`;
+	if (value.startsWith("@media")) return value;
+	if (isLength(value)) return `@media screen and (min-width: ${value})`;
+	return `@media ${value}`;
+};
+/** Each breakpoint's `@media` rule, in declared order, keyed by its name (or array index). */
+const breakpointQueries = (breakpoints) => Object.entries(breakpoints).map(([key, value]) => [key, createMediaQuery(value)]);
+//#endregion
+export { createMediaQuery as n, breakpointQueries as t };

package/dist/media-BoIPXBPV.cjs

@@ -0,0 +1,29 @@
+//#region src/core/media.ts
+const isLength = (value) => /^[\d.+-]|^(calc|min|max|clamp)\(/.test(value);
+/**
+* The `@media` rule for one breakpoint value. A length is a min-width (a number
+* gets `px`); a string starting with `@media` is used as written; anything else
+* is a media query list - a condition like `(600px <= width < 1200px)` or
+* `(orientation: landscape)`, or a media type - and follows `@media `.
+*/
+const createMediaQuery = (value) => {
+	if (typeof value === "number") return `@media screen and (min-width: ${value}px)`;
+	if (value.startsWith("@media")) return value;
+	if (isLength(value)) return `@media screen and (min-width: ${value})`;
+	return `@media ${value}`;
+};
+/** Each breakpoint's `@media` rule, in declared order, keyed by its name (or array index). */
+const breakpointQueries = (breakpoints) => Object.entries(breakpoints).map(([key, value]) => [key, createMediaQuery(value)]);
+//#endregion
+Object.defineProperty(exports, "breakpointQueries", {
+	enumerable: true,
+	get: function() {
+		return breakpointQueries;
+	}
+});
+Object.defineProperty(exports, "createMediaQuery", {
+	enumerable: true,
+	get: function() {
+		return createMediaQuery;
+	}
+});

package/dist/media-np0uvO4C.d.cts

@@ -0,0 +1,14 @@
+//#region src/core/media.d.ts
+/** `theme.breakpoints`: an ascending list, or named breakpoints in their declared order. */
+type Breakpoints = readonly (string | number)[] | Record<string, string | number>;
+/**
+ * The `@media` rule for one breakpoint value. A length is a min-width (a number
+ * gets `px`); a string starting with `@media` is used as written; anything else
+ * is a media query list - a condition like `(600px <= width < 1200px)` or
+ * `(orientation: landscape)`, or a media type - and follows `@media `.
+ */
+declare const createMediaQuery: (value: string | number) => string;
+/** Each breakpoint's `@media` rule, in declared order, keyed by its name (or array index). */
+declare const breakpointQueries: (breakpoints: Breakpoints) => [string, string][];
+//#endregion
+export { breakpointQueries as n, createMediaQuery as r, Breakpoints as t };

package/dist/media-np0uvO4C.d.mts

@@ -0,0 +1,14 @@
+//#region src/core/media.d.ts
+/** `theme.breakpoints`: an ascending list, or named breakpoints in their declared order. */
+type Breakpoints = readonly (string | number)[] | Record<string, string | number>;
+/**
+ * The `@media` rule for one breakpoint value. A length is a min-width (a number
+ * gets `px`); a string starting with `@media` is used as written; anything else
+ * is a media query list - a condition like `(600px <= width < 1200px)` or
+ * `(orientation: landscape)`, or a media type - and follows `@media `.
+ */
+declare const createMediaQuery: (value: string | number) => string;
+/** Each breakpoint's `@media` rule, in declared order, keyed by its name (or array index). */
+declare const breakpointQueries: (breakpoints: Breakpoints) => [string, string][];
+//#endregion
+export { breakpointQueries as n, createMediaQuery as r, Breakpoints as t };

package/dist/position.d.cts

@@ -1,3 +1,3 @@
-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";
+import { Bt as TopProps, Gt as ZIndexProps, b as BottomProps, gt as PositionProps, rt as LeftProps, yt as RightProps } from "./types-B0SNbm6V.cjs";
+import { t as position } from "./index-Dsc6RgbZ.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 { 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";
+import { Bt as TopProps, Gt as ZIndexProps, b as BottomProps, gt as PositionProps, rt as LeftProps, yt as RightProps } from "./types-B0SNbm6V.mjs";
+import { t as position } from "./index-BhbWZw53.mjs";
 export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };

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

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

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

@@ -9,7 +9,7 @@ import { t as position } from "./position-jf6VlRyR.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 { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DfRW-ZJe.mjs";
 //#region src/presets/presets.ts
 const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle);
 //#endregion

package/dist/prop-types.cjs

@@ -13,7 +13,7 @@ const require_position = require("./position-zWvCE4hD.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");
+const require_variant = require("./variant-DdSForfI.cjs");
 let prop_types = require("prop-types");
 prop_types = require_rolldown_runtime.__toESM(prop_types, 1);
 //#region src/prop-types/prop-types.ts

package/dist/prop-types.mjs

@@ -8,7 +8,7 @@ import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-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 { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DfRW-ZJe.mjs";
 import PropTypes from "prop-types";
 //#region src/prop-types/prop-types.ts
 const propType = PropTypes.oneOfType([

package/dist/props.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_presets = require("./presets-B2nFh_Zn.cjs");
+const require_presets = require("./presets-CCvtQotd.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-Dg3yjRZU.mjs";
+import { t as all } from "./presets-CV_TIXQ4.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 { Ft as TextShadowProps, St as ShadowProps, x as BoxShadowProps } from "./types-BEHYHdIq.cjs";
-import { t as shadow } from "./index-BwOWcSgh.cjs";
+import { Ft as TextShadowProps, St as ShadowProps, x as BoxShadowProps } from "./types-B0SNbm6V.cjs";
+import { t as shadow } from "./index-Co0JY1hd.cjs";
 export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };

package/dist/shadow.d.mts

@@ -1,3 +1,3 @@
-import { Ft as TextShadowProps, St as ShadowProps, x as BoxShadowProps } from "./types-BEHYHdIq.mjs";
-import { t as shadow } from "./index-C-ZUVzJ7.mjs";
+import { Ft as TextShadowProps, St as ShadowProps, x as BoxShadowProps } from "./types-B0SNbm6V.mjs";
+import { t as shadow } from "./index-CcorN1bQ.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-B2nFh_Zn.cjs");
+const require_presets = require("./presets-CCvtQotd.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-Dg3yjRZU.mjs";
+import { t as all } from "./presets-CV_TIXQ4.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 { 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";
+import { R as GapProps, T as ColumnGapProps, bt as RowGapProps, ht as PaddingProps, ot as MarginProps, wt as SpaceProps } from "./types-B0SNbm6V.cjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-Bq7teef_.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 { 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";
+import { R as GapProps, T as ColumnGapProps, bt as RowGapProps, ht as PaddingProps, ot as MarginProps, wt as SpaceProps } from "./types-B0SNbm6V.mjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-wKeENlqd.mjs";
 export { type ColumnGapProps, type GapProps, type MarginProps, type PaddingProps, type RowGapProps, type SpaceProps, space as default, space, gap, margin, padding };

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

@@ -28,7 +28,10 @@ interface Theme<TLength = TLengthStyledSystem> {
 }
 type RequiredTheme = Required<Theme>;
 type ThemeValue<K extends keyof ThemeType, ThemeType, TVal = any> = NonNullable<ThemeType[K]> extends TVal[] ? number : NonNullable<ThemeType[K]> extends Record<infer E, TVal> ? E : NonNullable<ThemeType[K]> extends ObjectOrArray<infer F> ? F : never;
-type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T; };
+type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | ({ [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T; } & {
+  /** The value below the first breakpoint. */
+  _?: T;
+});
 interface MarginProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
   m?: ResponsiveValue<TVal, ThemeType>;
   margin?: ResponsiveValue<TVal, ThemeType>;
@@ -61,15 +64,15 @@ interface PaddingProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValu
   py?: ResponsiveValue<TVal, ThemeType>;
   paddingY?: ResponsiveValue<TVal, ThemeType>;
 }
-/** Not in upstream styled-system — it only ever scaled the grid-prefixed gaps. */
+/** 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. */
+/** 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. */
+/** 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>;
 }
@@ -106,7 +109,7 @@ interface OverflowProps<ThemeType extends Theme = RequiredTheme> {
 interface VerticalAlignProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.VerticalAlign<TLengthStyledSystem>> {
   verticalAlign?: ResponsiveValue<TVal, ThemeType>;
 }
-/** Not in upstream styled-system — its last release predates CSS `aspect-ratio`. */
+/** Not in upstream styled-system - its last release predates CSS `aspect-ratio`. */
 interface AspectRatioProps<ThemeType extends Theme = RequiredTheme> {
   aspectRatio?: ResponsiveValue<CSS.Property.AspectRatio, ThemeType>;
 }

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

@@ -28,7 +28,10 @@ interface Theme<TLength = TLengthStyledSystem> {
 }
 type RequiredTheme = Required<Theme>;
 type ThemeValue<K extends keyof ThemeType, ThemeType, TVal = any> = NonNullable<ThemeType[K]> extends TVal[] ? number : NonNullable<ThemeType[K]> extends Record<infer E, TVal> ? E : NonNullable<ThemeType[K]> extends ObjectOrArray<infer F> ? F : never;
-type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T; };
+type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | ({ [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T; } & {
+  /** The value below the first breakpoint. */
+  _?: T;
+});
 interface MarginProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
   m?: ResponsiveValue<TVal, ThemeType>;
   margin?: ResponsiveValue<TVal, ThemeType>;
@@ -61,15 +64,15 @@ interface PaddingProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValu
   py?: ResponsiveValue<TVal, ThemeType>;
   paddingY?: ResponsiveValue<TVal, ThemeType>;
 }
-/** Not in upstream styled-system — it only ever scaled the grid-prefixed gaps. */
+/** 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. */
+/** 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. */
+/** 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>;
 }
@@ -106,7 +109,7 @@ interface OverflowProps<ThemeType extends Theme = RequiredTheme> {
 interface VerticalAlignProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.VerticalAlign<TLengthStyledSystem>> {
   verticalAlign?: ResponsiveValue<TVal, ThemeType>;
 }
-/** Not in upstream styled-system — its last release predates CSS `aspect-ratio`. */
+/** Not in upstream styled-system - its last release predates CSS `aspect-ratio`. */
 interface AspectRatioProps<ThemeType extends Theme = RequiredTheme> {
   aspectRatio?: ResponsiveValue<CSS.Property.AspectRatio, ThemeType>;
 }

package/dist/typography.d.cts

@@ -1,3 +1,3 @@
-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";
+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-B0SNbm6V.cjs";
+import { t as typography } from "./index-UGE-V15i.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 { 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";
+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-B0SNbm6V.mjs";
+import { t as typography } from "./index-BReBwT6c.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-BSwNEY5l.cjs → variant-DdSForfI.cjs}

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

package/dist/{variant-NupmzzRg.mjs → variant-DfRW-ZJe.mjs}

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

package/dist/variant.cjs

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

package/dist/variant.d.cts

@@ -1,3 +1,3 @@
-import { 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";
+import { It as TextStyleProps, S as ButtonStyleProps, w as ColorStyleProps } from "./types-B0SNbm6V.cjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-DzcXmzdT.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 { 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";
+import { It as TextStyleProps, S as ButtonStyleProps, w as ColorStyleProps } from "./types-B0SNbm6V.mjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-BKofCDzL.mjs";
 export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantArgs, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };

package/dist/variant.mjs

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soroush.tech/styled-system",
-  "version": "5.8.2",
-  "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.",
+  "version": "5.9.0-alpha.0",
+  "description": "Maintained, first-class-TypeScript rewrite of styled-system - responsive, theme-aware style props for CSS-in-JS. Drop-in replacement for styled-system v5.",
   "keywords": [
     "styled-system",
     "css-in-js",
@@ -16,11 +16,11 @@
   "homepage": "https://soroush.tech/styled-system/",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/soroush-tech/core.git",
+    "url": "git+https://github.com/soroush-tech/design-system.git",
     "directory": "packages/styled-system"
   },
   "bugs": {
-    "url": "https://github.com/soroush-tech/core/issues"
+    "url": "https://github.com/soroush-tech/design-system/issues"
   },
   "type": "module",
   "sideEffects": false,
@@ -233,6 +233,7 @@
   },
   "devDependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
+    "@soroush.tech/bench": "^2.2.3",
     "@types/prop-types": "^15.7.15",
     "@vitest/coverage-v8": "^4.1.10",
     "oxlint": "^1.78.0",
@@ -240,7 +241,6 @@
     "tsdown": "^0.22.14",
     "typescript": "~7.0.2",
     "vitest": "^4.1.10",
-    "@soroush.tech/bench": "2.2.2",
     "@soroush.tech/eslint-config": "0.0.0"
   },
   "scripts": {

package/dist/index-6v6ZPLqN.d.mts

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