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

package/dist/index.d.mts

@@ -1,17 +1,17 @@
-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";
+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-DKz4zEeT.mjs";
+import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TextAlignLastProps, B as GapProps, Bt as TextStyleProps, C as ButtonStyleProps, Ct as RowGapProps, D as ContainerProps, Dt as SpaceProps, E as ColumnGapProps, Et as SizeProps, F as FlexboxProps, Ft as TextDecorationProps, G as GridColumnGapProps, Gt as TypographyProps, H as GridAutoColumnsProps, Ht as Theme, I as FontFamilyProps, It as TextDecorationStyleProps, J as GridProps, Jt as WidthProps, K as GridColumnProps, Kt as VerticalAlignProps, L as FontSizeProps, Lt as TextDecorationThicknessProps, M as FlexProps, Mt as TextColorProps, N as FlexShrinkProps, Nt as TextDecorationColorProps, O as DisplayProps, Ot as SpanProps, P as FlexWrapProps, Pt as TextDecorationLineProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextOverflowProps, S as BreakpointName, St as RightProps, T as ColorStyleProps, Tt as ShadowProps, U as GridAutoFlowProps, Ut as ThemeValue, V as GridAreaProps, Vt as TextTransformProps, W as GridAutoRowsProps, Wt as TopProps, X as GridRowProps, Y as GridRowGapProps, Yt as ZIndexProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OverflowProps, a as BackgroundColorProps, at as LayoutProps, b as BottomProps, bt as RequiredTheme, c as BackgroundProps, ct as LineHeightProps, d as BorderBottomProps, dt as MaxWidthProps, et as HeightProps, f as BorderColorProps, ft as MinHeightProps, g as BorderRightProps, gt as OrderProps, h as BorderRadiusProps, ht as OpacityProps, i as AspectRatioProps, it as LayoutGridProps, j as FlexGrowProps, jt as TextAlignProps, k as FlexBasisProps, kt as TLengthStyledSystem, l as BackgroundRepeatProps, lt as MarginProps, m as BorderProps, mt as ObjectOrArray, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LeftProps, p as BorderLeftProps, pt as MinWidthProps, q as GridGapProps, qt as WhiteSpaceProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LetterSpacingProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MaxHeightProps, v as BorderTopProps, vt as PaddingProps, w as ColorProps, wt as Scale, x as BoxShadowProps, xt as ResponsiveValue, y as BorderWidthProps, yt as PositionProps, z as FontWeightProps, zt as TextShadowProps } from "./types-Cv5WjcVA.mjs";
+import { t as border } from "./index-CQWZd4iQ.mjs";
+import { t as color } from "./index-90_abc05.mjs";
+import { t as flexbox } from "./index-aRomguCQ.mjs";
+import { a as layoutGrid, c as grid, i as layoutFlex, n as LayoutGridEntry, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridDisplay } from "./index-D7IZ8-Zq.mjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-BQPI7z-B.mjs";
+import { t as layout } from "./index-pzogdlkS.mjs";
+import { t as typography } from "./index-nfjmLzHF.mjs";
+import { t as position } from "./index-MbcUN6uf.mjs";
+import { t as shadow } from "./index-C1IdMVtQ.mjs";
+import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-ClbGlQxq.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 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 };
+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, 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, 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

@@ -1,16 +1,16 @@
-import { n as createMediaQuery, t as breakpointQueries } from "./media-B8UpEDpY.mjs";
+import { a as createMediaQuery, i as createMediaHelpers, n as containerKey, o as responsiveQueries, r as createContainerQueries, t as breakpointQueries } from "./media-Bho3l7WK.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";
 import { t as color } from "./color-CGmMe8yP.mjs";
 import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
-import { t as grid } from "./grid-Bpk-QjhF.mjs";
-import { t as layout } from "./layout-lG3i5mWZ.mjs";
+import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFlex } from "./grid-CYjL4-gb.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";
 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-DfRW-ZJe.mjs";
+import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-D1u5rSqm.mjs";
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};
@@ -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, 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 };
+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, 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-kqQ2OsL5.cjs → layout-D3pG7vBp.cjs}

@@ -37,7 +37,9 @@ const config = {
 	overflowY: true,
 	display: true,
 	verticalAlign: true,
-	aspectRatio: true
+	aspectRatio: true,
+	containerType: true,
+	containerName: true
 };
 const layout = require_core.system(config);
 //#endregion

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

@@ -37,7 +37,9 @@ const layout = system({
 	overflowY: true,
 	display: true,
 	verticalAlign: true,
-	aspectRatio: true
+	aspectRatio: true,
+	containerType: true,
+	containerName: true
 });
 //#endregion
 export { layout as t };

package/dist/layout.cjs

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

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-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 };
+import { D as ContainerProps, Et as SizeProps, Jt as WidthProps, Kt as VerticalAlignProps, O as DisplayProps, _t as OverflowProps, at as LayoutProps, dt as MaxWidthProps, et as HeightProps, ft as MinHeightProps, i as AspectRatioProps, pt as MinWidthProps, ut as MaxHeightProps } from "./types-Cv5WjcVA.cjs";
+import { t as layout } from "./index-Bxh1FNcS.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 { 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 };
+import { D as ContainerProps, Et as SizeProps, Jt as WidthProps, Kt as VerticalAlignProps, O as DisplayProps, _t as OverflowProps, at as LayoutProps, dt as MaxWidthProps, et as HeightProps, ft as MinHeightProps, i as AspectRatioProps, pt as MinWidthProps, ut as MaxHeightProps } from "./types-Cv5WjcVA.mjs";
+import { t as layout } from "./index-pzogdlkS.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/layout.mjs

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

package/dist/media-Bho3l7WK.mjs

@@ -0,0 +1,85 @@
+//#region src/core/media.ts
+const isLength = (value) => /^[\d.+-]|^(calc|min|max|clamp)\(/.test(value);
+const toLength = (value) => typeof value === "number" ? `${value}px` : value;
+const isZero = (value) => typeof value === "number" ? value === 0 : isLength(value) && Number.parseFloat(value) === 0;
+/**
+* The `@media` rule for one breakpoint value, from its start up: a length (a number gets
+* `px`) becomes `@media (width >= <length>)`, and `null` when it starts at 0; a value
+* starting with `@media` is used as written; anything else - a condition such as
+* `(orientation: landscape)`, or a media type - follows `@media `.
+*/
+const createMediaQuery = (value) => {
+	if (isZero(value)) return null;
+	if (typeof value === "number") return `@media (width >= ${value}px)`;
+	if (value.startsWith("@media")) return value;
+	if (isLength(value)) return `@media (width >= ${value})`;
+	return `@media ${value}`;
+};
+/** Each breakpoint's `@media` rule (`null` for the base), in declared order, keyed by name or index. */
+const breakpointQueries = (breakpoints) => Object.entries(breakpoints).map(([key, value]) => [key, createMediaQuery(value)]);
+/** `xs` -> `cqXs`: the prop key for a container query from a breakpoint up. */
+const containerKey = (key) => `cq${key.charAt(0).toUpperCase()}${key.slice(1)}`;
+const createQueryHelpers = (breakpoints, prefix) => {
+	const entries = Object.entries(breakpoints);
+	const width = (input) => {
+		if (typeof input === "number") return `${input}px`;
+		const entry = entries.find(([key]) => key === input);
+		if (entry) {
+			const value = String(toLength(entry[1]));
+			if (!isLength(value)) throw new Error(`Breakpoint "${input}" is not a width: ${value}`);
+			return value;
+		}
+		if (isLength(input)) return input;
+		throw new Error(`Unknown breakpoint "${input}"`);
+	};
+	const next = (key) => {
+		const index = entries.findIndex(([name]) => name === key);
+		if (index === -1) throw new Error(`Unknown breakpoint "${key}"`);
+		return index + 1 < entries.length ? entries[index + 1][0] : void 0;
+	};
+	const query = (condition) => `${prefix} ${condition}`;
+	const range = (from, to) => {
+		if (to === void 0) return `(width >= ${from})`;
+		return isZero(from) ? `(width < ${to})` : `(${from} <= width < ${to})`;
+	};
+	return {
+		up: (from) => query(`(width >= ${width(from)})`),
+		down: (to) => query(`(width < ${width(to)})`),
+		only: (key) => {
+			const end = next(key);
+			return query(range(width(key), end === void 0 ? void 0 : width(end)));
+		},
+		between: (from, to) => query(range(width(from), width(to))),
+		not: (key) => {
+			const start = width(key);
+			const end = next(key);
+			const below = isZero(start) ? [] : [`(width < ${start})`];
+			const above = end === void 0 ? [] : [`(width >= ${width(end)})`];
+			return query([...below, ...above].join(", ") || "not all");
+		}
+	};
+};
+/** `up` / `down` / `only` / `between` / `not` as `@media` rules over a breakpoint scale. */
+const createMediaHelpers = (breakpoints) => createQueryHelpers(breakpoints, "@media");
+/** The same helpers as `@container` rules; call it with a name for a named container. */
+const createContainerQueries = (breakpoints) => Object.assign((name) => createQueryHelpers(breakpoints, `@container ${name}`), createQueryHelpers(breakpoints, "@container"));
+const responsiveQueries = (breakpoints) => {
+	const queries = breakpointQueries(breakpoints);
+	const media = queries.map(([, query]) => query);
+	const keyed = new Map(queries);
+	const containers = [];
+	for (const [key, value] of Object.entries(breakpoints)) {
+		const length = String(toLength(value));
+		if (!isLength(length)) continue;
+		const query = `@container (width >= ${length})`;
+		keyed.set(containerKey(key), query);
+		containers.push(query);
+	}
+	return {
+		array: media[0] === null ? media : [null, ...media],
+		keyed,
+		order: [...media.filter((query) => query !== null), ...containers]
+	};
+};
+//#endregion
+export { createMediaQuery as a, createMediaHelpers as i, containerKey as n, responsiveQueries as o, createContainerQueries as r, breakpointQueries as t };

package/dist/media-CfYDomHt.d.cts

@@ -0,0 +1,54 @@
+//#region src/core/media.d.ts
+/**
+ * `theme.breakpoints`: an ascending list, or named breakpoints in their declared order.
+ * Each value is where its range starts; the range holds until the next breakpoint. A
+ * breakpoint that starts at 0 (`xs: '0px'`) is the base: it applies everywhere until the
+ * next one overrides it.
+ */
+type Breakpoints = readonly (string | number)[] | Record<string, string | number>;
+/** A breakpoint name, or a width: a number (px) or any CSS length. */
+type BreakpointInput = string | number;
+/** `up` / `down` / `only` / `between` / `not` - each returns an at-rule in range syntax. */
+interface QueryHelpers {
+  /** From this breakpoint or width up: `@media (width >= 840px)`. */
+  up: (from: BreakpointInput) => string;
+  /** Below this breakpoint or width: `@media (width < 840px)`. */
+  down: (to: BreakpointInput) => string;
+  /** This breakpoint's range, up to the next one: `@media (840px <= width < 1200px)`. */
+  only: (key: string) => string;
+  /** From the first up to the second: `@media (600px <= width < 1200px)`. */
+  between: (from: BreakpointInput, to: BreakpointInput) => string;
+  /** Everywhere but this breakpoint's range: `@media (width < 840px), (width >= 1200px)`. */
+  not: (key: string) => string;
+}
+/** Container queries: the helpers unnamed, or `containerQueries('sidebar').up(400)` for a named container. */
+interface ContainerQueries extends QueryHelpers {
+  (name: string): QueryHelpers;
+}
+/**
+ * The `@media` rule for one breakpoint value, from its start up: a length (a number gets
+ * `px`) becomes `@media (width >= <length>)`, and `null` when it starts at 0; a value
+ * starting with `@media` is used as written; anything else - a condition such as
+ * `(orientation: landscape)`, or a media type - follows `@media `.
+ */
+declare const createMediaQuery: (value: string | number) => string | null;
+/** Each breakpoint's `@media` rule (`null` for the base), in declared order, keyed by name or index. */
+declare const breakpointQueries: (breakpoints: Breakpoints) => [string, string | null][];
+/** `xs` -> `cqXs`: the prop key for a container query from a breakpoint up. */
+declare const containerKey: (key: string) => string;
+/** `up` / `down` / `only` / `between` / `not` as `@media` rules over a breakpoint scale. */
+declare const createMediaHelpers: (breakpoints: Breakpoints) => QueryHelpers;
+/** The same helpers as `@container` rules; call it with a name for a named container. */
+declare const createContainerQueries: (breakpoints: Breakpoints) => ContainerQueries;
+/** What a scale's responsive values compile to - shared by the prop parsers and `css()`. */
+interface ResponsiveQueries {
+  /** One query per array position; `null` is the base. */
+  array: (string | null)[];
+  /** Object keys: breakpoint names (`null` for the base) and their `cq<Name>` container keys. */
+  keyed: Map<string, string | null>;
+  /** Every query in cascade order: the media blocks in breakpoint order, then the container blocks. */
+  order: string[];
+}
+declare const responsiveQueries: (breakpoints: Breakpoints) => ResponsiveQueries;
+//#endregion
+export { ResponsiveQueries as a, createContainerQueries as c, responsiveQueries as d, QueryHelpers as i, createMediaHelpers as l, Breakpoints as n, breakpointQueries as o, ContainerQueries as r, containerKey as s, BreakpointInput as t, createMediaQuery as u };

package/dist/media-CfYDomHt.d.mts

@@ -0,0 +1,54 @@
+//#region src/core/media.d.ts
+/**
+ * `theme.breakpoints`: an ascending list, or named breakpoints in their declared order.
+ * Each value is where its range starts; the range holds until the next breakpoint. A
+ * breakpoint that starts at 0 (`xs: '0px'`) is the base: it applies everywhere until the
+ * next one overrides it.
+ */
+type Breakpoints = readonly (string | number)[] | Record<string, string | number>;
+/** A breakpoint name, or a width: a number (px) or any CSS length. */
+type BreakpointInput = string | number;
+/** `up` / `down` / `only` / `between` / `not` - each returns an at-rule in range syntax. */
+interface QueryHelpers {
+  /** From this breakpoint or width up: `@media (width >= 840px)`. */
+  up: (from: BreakpointInput) => string;
+  /** Below this breakpoint or width: `@media (width < 840px)`. */
+  down: (to: BreakpointInput) => string;
+  /** This breakpoint's range, up to the next one: `@media (840px <= width < 1200px)`. */
+  only: (key: string) => string;
+  /** From the first up to the second: `@media (600px <= width < 1200px)`. */
+  between: (from: BreakpointInput, to: BreakpointInput) => string;
+  /** Everywhere but this breakpoint's range: `@media (width < 840px), (width >= 1200px)`. */
+  not: (key: string) => string;
+}
+/** Container queries: the helpers unnamed, or `containerQueries('sidebar').up(400)` for a named container. */
+interface ContainerQueries extends QueryHelpers {
+  (name: string): QueryHelpers;
+}
+/**
+ * The `@media` rule for one breakpoint value, from its start up: a length (a number gets
+ * `px`) becomes `@media (width >= <length>)`, and `null` when it starts at 0; a value
+ * starting with `@media` is used as written; anything else - a condition such as
+ * `(orientation: landscape)`, or a media type - follows `@media `.
+ */
+declare const createMediaQuery: (value: string | number) => string | null;
+/** Each breakpoint's `@media` rule (`null` for the base), in declared order, keyed by name or index. */
+declare const breakpointQueries: (breakpoints: Breakpoints) => [string, string | null][];
+/** `xs` -> `cqXs`: the prop key for a container query from a breakpoint up. */
+declare const containerKey: (key: string) => string;
+/** `up` / `down` / `only` / `between` / `not` as `@media` rules over a breakpoint scale. */
+declare const createMediaHelpers: (breakpoints: Breakpoints) => QueryHelpers;
+/** The same helpers as `@container` rules; call it with a name for a named container. */
+declare const createContainerQueries: (breakpoints: Breakpoints) => ContainerQueries;
+/** What a scale's responsive values compile to - shared by the prop parsers and `css()`. */
+interface ResponsiveQueries {
+  /** One query per array position; `null` is the base. */
+  array: (string | null)[];
+  /** Object keys: breakpoint names (`null` for the base) and their `cq<Name>` container keys. */
+  keyed: Map<string, string | null>;
+  /** Every query in cascade order: the media blocks in breakpoint order, then the container blocks. */
+  order: string[];
+}
+declare const responsiveQueries: (breakpoints: Breakpoints) => ResponsiveQueries;
+//#endregion
+export { ResponsiveQueries as a, createContainerQueries as c, responsiveQueries as d, QueryHelpers as i, createMediaHelpers as l, Breakpoints as n, breakpointQueries as o, ContainerQueries as r, containerKey as s, BreakpointInput as t, createMediaQuery as u };

package/dist/media-DSJdRy_k.cjs

@@ -0,0 +1,120 @@
+//#region src/core/media.ts
+const isLength = (value) => /^[\d.+-]|^(calc|min|max|clamp)\(/.test(value);
+const toLength = (value) => typeof value === "number" ? `${value}px` : value;
+const isZero = (value) => typeof value === "number" ? value === 0 : isLength(value) && Number.parseFloat(value) === 0;
+/**
+* The `@media` rule for one breakpoint value, from its start up: a length (a number gets
+* `px`) becomes `@media (width >= <length>)`, and `null` when it starts at 0; a value
+* starting with `@media` is used as written; anything else - a condition such as
+* `(orientation: landscape)`, or a media type - follows `@media `.
+*/
+const createMediaQuery = (value) => {
+	if (isZero(value)) return null;
+	if (typeof value === "number") return `@media (width >= ${value}px)`;
+	if (value.startsWith("@media")) return value;
+	if (isLength(value)) return `@media (width >= ${value})`;
+	return `@media ${value}`;
+};
+/** Each breakpoint's `@media` rule (`null` for the base), in declared order, keyed by name or index. */
+const breakpointQueries = (breakpoints) => Object.entries(breakpoints).map(([key, value]) => [key, createMediaQuery(value)]);
+/** `xs` -> `cqXs`: the prop key for a container query from a breakpoint up. */
+const containerKey = (key) => `cq${key.charAt(0).toUpperCase()}${key.slice(1)}`;
+const createQueryHelpers = (breakpoints, prefix) => {
+	const entries = Object.entries(breakpoints);
+	const width = (input) => {
+		if (typeof input === "number") return `${input}px`;
+		const entry = entries.find(([key]) => key === input);
+		if (entry) {
+			const value = String(toLength(entry[1]));
+			if (!isLength(value)) throw new Error(`Breakpoint "${input}" is not a width: ${value}`);
+			return value;
+		}
+		if (isLength(input)) return input;
+		throw new Error(`Unknown breakpoint "${input}"`);
+	};
+	const next = (key) => {
+		const index = entries.findIndex(([name]) => name === key);
+		if (index === -1) throw new Error(`Unknown breakpoint "${key}"`);
+		return index + 1 < entries.length ? entries[index + 1][0] : void 0;
+	};
+	const query = (condition) => `${prefix} ${condition}`;
+	const range = (from, to) => {
+		if (to === void 0) return `(width >= ${from})`;
+		return isZero(from) ? `(width < ${to})` : `(${from} <= width < ${to})`;
+	};
+	return {
+		up: (from) => query(`(width >= ${width(from)})`),
+		down: (to) => query(`(width < ${width(to)})`),
+		only: (key) => {
+			const end = next(key);
+			return query(range(width(key), end === void 0 ? void 0 : width(end)));
+		},
+		between: (from, to) => query(range(width(from), width(to))),
+		not: (key) => {
+			const start = width(key);
+			const end = next(key);
+			const below = isZero(start) ? [] : [`(width < ${start})`];
+			const above = end === void 0 ? [] : [`(width >= ${width(end)})`];
+			return query([...below, ...above].join(", ") || "not all");
+		}
+	};
+};
+/** `up` / `down` / `only` / `between` / `not` as `@media` rules over a breakpoint scale. */
+const createMediaHelpers = (breakpoints) => createQueryHelpers(breakpoints, "@media");
+/** The same helpers as `@container` rules; call it with a name for a named container. */
+const createContainerQueries = (breakpoints) => Object.assign((name) => createQueryHelpers(breakpoints, `@container ${name}`), createQueryHelpers(breakpoints, "@container"));
+const responsiveQueries = (breakpoints) => {
+	const queries = breakpointQueries(breakpoints);
+	const media = queries.map(([, query]) => query);
+	const keyed = new Map(queries);
+	const containers = [];
+	for (const [key, value] of Object.entries(breakpoints)) {
+		const length = String(toLength(value));
+		if (!isLength(length)) continue;
+		const query = `@container (width >= ${length})`;
+		keyed.set(containerKey(key), query);
+		containers.push(query);
+	}
+	return {
+		array: media[0] === null ? media : [null, ...media],
+		keyed,
+		order: [...media.filter((query) => query !== null), ...containers]
+	};
+};
+//#endregion
+Object.defineProperty(exports, "breakpointQueries", {
+	enumerable: true,
+	get: function() {
+		return breakpointQueries;
+	}
+});
+Object.defineProperty(exports, "containerKey", {
+	enumerable: true,
+	get: function() {
+		return containerKey;
+	}
+});
+Object.defineProperty(exports, "createContainerQueries", {
+	enumerable: true,
+	get: function() {
+		return createContainerQueries;
+	}
+});
+Object.defineProperty(exports, "createMediaHelpers", {
+	enumerable: true,
+	get: function() {
+		return createMediaHelpers;
+	}
+});
+Object.defineProperty(exports, "createMediaQuery", {
+	enumerable: true,
+	get: function() {
+		return createMediaQuery;
+	}
+});
+Object.defineProperty(exports, "responsiveQueries", {
+	enumerable: true,
+	get: function() {
+		return responsiveQueries;
+	}
+});

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-B0SNbm6V.cjs";
-import { t as position } from "./index-Dsc6RgbZ.cjs";
+import { St as RightProps, Wt as TopProps, Yt as ZIndexProps, b as BottomProps, ot as LeftProps, yt as PositionProps } from "./types-Cv5WjcVA.cjs";
+import { t as position } from "./index-D2v_oJEm.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-B0SNbm6V.mjs";
-import { t as position } from "./index-BhbWZw53.mjs";
+import { St as RightProps, Wt as TopProps, Yt as ZIndexProps, b as BottomProps, ot as LeftProps, yt as PositionProps } from "./types-Cv5WjcVA.mjs";
+import { t as position } from "./index-MbcUN6uf.mjs";
 export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };

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

@@ -3,14 +3,14 @@ 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 { t as grid } from "./grid-Bpk-QjhF.mjs";
-import { t as layout } from "./layout-lG3i5mWZ.mjs";
+import { a as grid, i as span } from "./grid-CYjL4-gb.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";
 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-DfRW-ZJe.mjs";
+import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-D1u5rSqm.mjs";
 //#region src/presets/presets.ts
-const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle);
+const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, span, shadow, buttonStyle, textStyle, colorStyle);
 //#endregion
 export { all as t };

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

@@ -3,15 +3,15 @@ const require_background = require("./background-wugr6cG7.cjs");
 const require_border = require("./border-UuT-fTpy.cjs");
 const require_color = require("./color-BNs17Gw-.cjs");
 const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
-const require_grid = require("./grid-CpvRIng4.cjs");
-const require_layout = require("./layout-kqQ2OsL5.cjs");
+const require_grid = require("./grid-BlMUPDJM.cjs");
+const require_layout = require("./layout-D3pG7vBp.cjs");
 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-DdSForfI.cjs");
+const require_variant = require("./variant-BSPTyRcQ.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);
+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_grid.span, require_shadow.shadow, require_variant.buttonStyle, require_variant.textStyle, require_variant.colorStyle);
 //#endregion
 Object.defineProperty(exports, "all", {
 	enumerable: true,

package/dist/prop-types.cjs

@@ -7,13 +7,13 @@ const require_background = require("./background-wugr6cG7.cjs");
 const require_border = require("./border-UuT-fTpy.cjs");
 const require_color = require("./color-BNs17Gw-.cjs");
 const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
-const require_grid = require("./grid-CpvRIng4.cjs");
-const require_layout = require("./layout-kqQ2OsL5.cjs");
+const require_grid = require("./grid-BlMUPDJM.cjs");
+const require_layout = require("./layout-D3pG7vBp.cjs");
 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-DdSForfI.cjs");
+const require_variant = require("./variant-BSPTyRcQ.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

@@ -2,13 +2,13 @@ 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 { t as grid } from "./grid-Bpk-QjhF.mjs";
-import { t as layout } from "./layout-lG3i5mWZ.mjs";
+import { a as grid } from "./grid-CYjL4-gb.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";
 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-DfRW-ZJe.mjs";
+import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-D1u5rSqm.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-CCvtQotd.cjs");
+const require_presets = require("./presets-KURYP1_7.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-CV_TIXQ4.mjs";
+import { t as all } from "./presets-DsxPfpSE.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-B0SNbm6V.cjs";
-import { t as shadow } from "./index-Co0JY1hd.cjs";
+import { Tt as ShadowProps, x as BoxShadowProps, zt as TextShadowProps } from "./types-Cv5WjcVA.cjs";
+import { t as shadow } from "./index-D1mRMWDm.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-B0SNbm6V.mjs";
-import { t as shadow } from "./index-CcorN1bQ.mjs";
+import { Tt as ShadowProps, x as BoxShadowProps, zt as TextShadowProps } from "./types-Cv5WjcVA.mjs";
+import { t as shadow } from "./index-C1IdMVtQ.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-CCvtQotd.cjs");
+const require_presets = require("./presets-KURYP1_7.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-CV_TIXQ4.mjs";
+import { t as all } from "./presets-DsxPfpSE.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-B0SNbm6V.cjs";
-import { i as space, n as margin, r as padding, t as gap } from "./index-Bq7teef_.cjs";
+import { B as GapProps, Ct as RowGapProps, Dt as SpaceProps, E as ColumnGapProps, lt as MarginProps, vt as PaddingProps } from "./types-Cv5WjcVA.cjs";
+import { i as space, n as margin, r as padding, t as gap } from "./index-CgJzEbXW.cjs";
 export { type ColumnGapProps, type GapProps, type MarginProps, type PaddingProps, type RowGapProps, type SpaceProps, space as default, space, gap, margin, padding };