@soroush.tech/styled-system 6.0.0-rc.4 → 6.0.0-rc.5

package/dist/{background-B-jql3jb.mjs → background-CheuaxZJ.mjs}

@@ -1,5 +1,5 @@
 import { system } from "./core.mjs";
-//#region src/background/background.ts
+// src/background/background.ts
 const config = {
 	background: true,
 	backgroundImage: true,
@@ -12,5 +12,4 @@ config.bgSize = config.backgroundSize;
 config.bgPosition = config.backgroundPosition;
 config.bgRepeat = config.backgroundRepeat;
 const background = system(config);
-//#endregion
 export { background as t };

package/dist/{background-wugr6cG7.cjs → background-Dv_dVIPN.cjs}

@@ -1,5 +1,5 @@
 const require_core = require("./core.cjs");
-//#region src/background/background.ts
+// src/background/background.ts
 const config = {
 	background: true,
 	backgroundImage: true,
@@ -12,7 +12,6 @@ config.bgSize = config.backgroundSize;
 config.bgPosition = config.backgroundPosition;
 config.bgRepeat = config.backgroundRepeat;
 const background = require_core.system(config);
-//#endregion
 Object.defineProperty(exports, "background", {
 	enumerable: true,
 	get: function() {

package/dist/background.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_background = require("./background-wugr6cG7.cjs");
+const require_background = require("./background-Dv_dVIPN.cjs");
 exports.background = require_background.background;
 exports.default = require_background.background;

package/dist/background.d.cts

@@ -1,3 +1,3 @@
-import { t as background } from "./index-DS8Ma7Lx.cjs";
-import { c as BackgroundProps, l as BackgroundRepeatProps, o as BackgroundImageProps, s as BackgroundPositionProps, u as BackgroundSizeProps } from "./types-Cl2haWqC.cjs";
+import { t as background } from "./index-ANVSsrC2.cjs";
+import { c as BackgroundProps, l as BackgroundRepeatProps, o as BackgroundImageProps, s as BackgroundPositionProps, u as BackgroundSizeProps } from "./types-C7OSPYLs.cjs";
 export { type BackgroundImageProps, type BackgroundPositionProps, type BackgroundProps, type BackgroundRepeatProps, type BackgroundSizeProps, background, background as default };

package/dist/background.d.mts

@@ -1,3 +1,3 @@
-import { t as background } from "./index-qepAIdZL.mjs";
-import { c as BackgroundProps, l as BackgroundRepeatProps, o as BackgroundImageProps, s as BackgroundPositionProps, u as BackgroundSizeProps } from "./types-Cl2haWqC.mjs";
+import { t as background } from "./index-DlCsbZ6I.mjs";
+import { c as BackgroundProps, l as BackgroundRepeatProps, o as BackgroundImageProps, s as BackgroundPositionProps, u as BackgroundSizeProps } from "./types-C7OSPYLs.mjs";
 export { type BackgroundImageProps, type BackgroundPositionProps, type BackgroundProps, type BackgroundRepeatProps, type BackgroundSizeProps, background, background as default };

package/dist/background.mjs

@@ -1,2 +1 @@
-import { t as background } from "./background-B-jql3jb.mjs";
-export { background, background as default };
+export { t as background, t as default } from "./background-CheuaxZJ.mjs";

package/dist/{border-Dder4Dhp.mjs → border-CsPngymB.mjs}

@@ -1,5 +1,5 @@
 import { system } from "./core.mjs";
-//#region src/border/border.ts
+// src/border/border.ts
 const config = {
 	border: {
 		property: "border",
@@ -127,5 +127,4 @@ config.borderRightStyle = {
 	scale: "borderStyles"
 };
 const border = system(config);
-//#endregion
 export { border as t };

package/dist/{border-UuT-fTpy.cjs → border-fjCqyeZv.cjs}

@@ -1,5 +1,5 @@
 const require_core = require("./core.cjs");
-//#region src/border/border.ts
+// src/border/border.ts
 const config = {
 	border: {
 		property: "border",
@@ -127,7 +127,6 @@ config.borderRightStyle = {
 	scale: "borderStyles"
 };
 const border = require_core.system(config);
-//#endregion
 Object.defineProperty(exports, "border", {
 	enumerable: true,
 	get: function() {

package/dist/border.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_border = require("./border-UuT-fTpy.cjs");
+const require_border = require("./border-fjCqyeZv.cjs");
 exports.border = require_border.border;
 exports.default = require_border.border;

package/dist/border.d.cts

@@ -1,3 +1,3 @@
-import { _ as BorderStyleProps, d as BorderBottomProps, f as BorderColorProps, g as BorderRightProps, h as BorderRadiusProps, m as BorderProps, p as BorderLeftProps, v as BorderTopProps, y as BorderWidthProps } from "./types-Cl2haWqC.cjs";
-import { t as border } from "./index-DpxMCtVD.cjs";
+import { _ as BorderStyleProps, d as BorderBottomProps, f as BorderColorProps, g as BorderRightProps, h as BorderRadiusProps, m as BorderProps, p as BorderLeftProps, v as BorderTopProps, y as BorderWidthProps } from "./types-C7OSPYLs.cjs";
+import { t as border } from "./index-ucidUFlQ.cjs";
 export { type BorderBottomProps, type BorderColorProps, type BorderLeftProps, type BorderProps, type BorderRadiusProps, type BorderRightProps, type BorderStyleProps, type BorderTopProps, type BorderWidthProps, border, border as default };

package/dist/border.d.mts

@@ -1,3 +1,3 @@
-import { _ as BorderStyleProps, d as BorderBottomProps, f as BorderColorProps, g as BorderRightProps, h as BorderRadiusProps, m as BorderProps, p as BorderLeftProps, v as BorderTopProps, y as BorderWidthProps } from "./types-Cl2haWqC.mjs";
-import { t as border } from "./index-6ik3iTHu.mjs";
+import { _ as BorderStyleProps, d as BorderBottomProps, f as BorderColorProps, g as BorderRightProps, h as BorderRadiusProps, m as BorderProps, p as BorderLeftProps, v as BorderTopProps, y as BorderWidthProps } from "./types-C7OSPYLs.mjs";
+import { t as border } from "./index-vFKQQYTh.mjs";
 export { type BorderBottomProps, type BorderColorProps, type BorderLeftProps, type BorderProps, type BorderRadiusProps, type BorderRightProps, type BorderStyleProps, type BorderTopProps, type BorderWidthProps, border, border as default };

package/dist/border.mjs

@@ -1,2 +1 @@
-import { t as border } from "./border-Dder4Dhp.mjs";
-export { border, border as default };
+export { t as border, t as default } from "./border-CsPngymB.mjs";

package/dist/{color-CGmMe8yP.mjs → color-CrV_A14P.mjs}

@@ -1,5 +1,5 @@
 import { system } from "./core.mjs";
-//#region src/color/color.ts
+// src/color/color.ts
 const config = {
 	color: {
 		property: "color",
@@ -13,5 +13,4 @@ const config = {
 };
 config.bg = config.backgroundColor;
 const color = system(config);
-//#endregion
 export { color as t };

package/dist/{color-BNs17Gw-.cjs → color-WjQwKGuZ.cjs}

@@ -1,5 +1,5 @@
 const require_core = require("./core.cjs");
-//#region src/color/color.ts
+// src/color/color.ts
 const config = {
 	color: {
 		property: "color",
@@ -13,7 +13,6 @@ const config = {
 };
 config.bg = config.backgroundColor;
 const color = require_core.system(config);
-//#endregion
 Object.defineProperty(exports, "color", {
 	enumerable: true,
 	get: function() {

package/dist/color.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_color = require("./color-BNs17Gw-.cjs");
+const require_color = require("./color-WjQwKGuZ.cjs");
 exports.color = require_color.color;
 exports.default = require_color.color;

package/dist/color.d.cts

@@ -1,3 +1,3 @@
-import { Nt as TextColorProps, a as BackgroundColorProps, gt as OpacityProps, w as ColorProps } from "./types-Cl2haWqC.cjs";
-import { t as color } from "./index-o6LXc-DI.cjs";
+import { Nt as TextColorProps, a as BackgroundColorProps, gt as OpacityProps, w as ColorProps } from "./types-C7OSPYLs.cjs";
+import { t as color } from "./index-Dg6uFnk5.cjs";
 export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };

package/dist/color.d.mts

@@ -1,3 +1,3 @@
-import { Nt as TextColorProps, a as BackgroundColorProps, gt as OpacityProps, w as ColorProps } from "./types-Cl2haWqC.mjs";
-import { t as color } from "./index-hyKpD01B.mjs";
+import { Nt as TextColorProps, a as BackgroundColorProps, gt as OpacityProps, w as ColorProps } from "./types-C7OSPYLs.mjs";
+import { t as color } from "./index-CXX_WQaU.mjs";
 export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };

package/dist/color.mjs

@@ -1,2 +1 @@
-import { t as color } from "./color-CGmMe8yP.mjs";
-export { color, color as default };
+export { t as color, t as default } from "./color-CrV_A14P.mjs";

package/dist/core.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_media = require("./media-DSJdRy_k.cjs");
-//#region src/core/core.ts
+const require_media = require("./media-D-RFMX2h.cjs");
+// src/core/core.ts
 const merge = (a, b) => {
 	const result = {
 		...a,
@@ -138,7 +138,6 @@ const compose = (...parsers) => {
 	});
 	return createParser(config);
 };
-//#endregion
 exports.breakpointQueries = require_media.breakpointQueries;
 exports.compose = compose;
 exports.containerKey = require_media.containerKey;

package/dist/core.d.cts

@@ -1,3 +1,3 @@
-import { a as ResponsiveQueries, c as createContainerQueries, d as responsiveQueries, i as QueryHelpers, l as createMediaHelpers, n as Breakpoints, o as breakpointQueries, r as ContainerQueries, s as containerKey, t as BreakpointInput, u as createMediaQuery } from "./media-CfYDomHt.cjs";
-import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, h as merge, i as ParserConfig, l as Theme, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, t as CSSObject, u as Transform } from "./index-BLOT8F36.cjs";
+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-LonDvLGc.cjs";
+import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, h as merge, i as ParserConfig, l as Theme, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, t as CSSObject, u as Transform } from "./index-zCm2QsT2.cjs";
 export { BreakpointInput, Breakpoints, CSSObject, type SystemConfig as Config, SystemConfig, type StyleFn as ConfigFunction, StyleFn, ConfigStyle, ContainerQueries, Parser, type Parser as styleFn, ParserConfig, Props, QueryHelpers, ResponsiveQueries, StyleObject, Theme, Transform, breakpointQueries, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, createParser, createStyleFunction, get, merge, responsiveQueries, system };

package/dist/core.d.mts

@@ -1,3 +1,3 @@
-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 Props, c as SystemConfig, d as compose, f as createParser, g as system, h as merge, i as ParserConfig, l as Theme, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, t as CSSObject, u as Transform } from "./index-BE_EAkI7.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-LonDvLGc.mjs";
+import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, h as merge, i as ParserConfig, l as Theme, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, t as CSSObject, u as Transform } from "./index-Blauy6s_.mjs";
 export { BreakpointInput, Breakpoints, CSSObject, type SystemConfig as Config, SystemConfig, type StyleFn as ConfigFunction, StyleFn, ConfigStyle, ContainerQueries, Parser, type Parser as styleFn, ParserConfig, Props, QueryHelpers, ResponsiveQueries, StyleObject, Theme, Transform, breakpointQueries, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, createParser, createStyleFunction, get, merge, responsiveQueries, system };

package/dist/core.mjs

@@ -1,5 +1,5 @@
-import { a as createMediaQuery, i as createMediaHelpers, n as containerKey, o as responsiveQueries, r as createContainerQueries, t as breakpointQueries } from "./media-Bho3l7WK.mjs";
-//#region src/core/core.ts
+import { a as createMediaQuery, i as createMediaHelpers, n as containerKey, o as responsiveQueries, r as createContainerQueries, t as breakpointQueries } from "./media-IgnBo8UV.mjs";
+// src/core/core.ts
 const merge = (a, b) => {
 	const result = {
 		...a,
@@ -137,5 +137,4 @@ const compose = (...parsers) => {
 	});
 	return createParser(config);
 };
-//#endregion
 export { breakpointQueries, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, createParser, createStyleFunction, get, merge, responsiveQueries, system };

package/dist/{css-Ba4jdXOq.mjs → css-CtHxdva0.mjs}

@@ -1,5 +1,5 @@
-import { o as responsiveQueries } from "./media-Bho3l7WK.mjs";
-//#region src/css/css.ts
+import { o as responsiveQueries } from "./media-IgnBo8UV.mjs";
+// src/css/css.ts
 const get = (obj, key, def, p = 0, undef) => {
 	const path = typeof key === "string" ? key.split(".") : [key];
 	let value = obj;
@@ -223,5 +223,4 @@ const css = (args) => (props = {}) => {
 	}
 	return result;
 };
-//#endregion
 export { get as n, responsive as r, css as t };

package/dist/{css-D1zAlDVz.cjs → css-i8hqsTaO.cjs}

@@ -1,5 +1,5 @@
-const require_media = require("./media-DSJdRy_k.cjs");
-//#region src/css/css.ts
+const require_media = require("./media-D-RFMX2h.cjs");
+// src/css/css.ts
 const get = (obj, key, def, p = 0, undef) => {
 	const path = typeof key === "string" ? key.split(".") : [key];
 	let value = obj;
@@ -223,7 +223,6 @@ const css = (args) => (props = {}) => {
 	}
 	return result;
 };
-//#endregion
 Object.defineProperty(exports, "css", {
 	enumerable: true,
 	get: function() {

package/dist/css.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_css = require("./css-D1zAlDVz.cjs");
+const require_css = require("./css-i8hqsTaO.cjs");
 exports.css = require_css.css;
 exports.default = require_css.css;
 exports.get = require_css.get;

package/dist/css.d.cts

@@ -1,5 +1,4 @@
-import { n as Breakpoints } from "./media-CfYDomHt.cjs";
-//#region src/css/css.d.ts
+import { n as Breakpoints } from "./media-LonDvLGc.cjs";
 type CSSObject = Record<string, unknown>;
 interface CssTheme {
   breakpoints?: Breakpoints;
@@ -9,5 +8,4 @@ type CssArg = CSSObject | ((theme: CssTheme) => CSSObject);
 declare const get: (obj: unknown, key?: string | number, def?: unknown, p?: number, undef?: unknown) => unknown;
 declare const responsive: (styles: CSSObject) => (theme: CssTheme) => CSSObject;
 declare const css: (args: CssArg) => (props?: Record<string, unknown>) => CSSObject;
-//#endregion
 export { CSSObject, CssTheme, css, css as default, get, responsive };

package/dist/css.d.mts

@@ -1,5 +1,4 @@
-import { n as Breakpoints } from "./media-CfYDomHt.mjs";
-//#region src/css/css.d.ts
+import { n as Breakpoints } from "./media-LonDvLGc.mjs";
 type CSSObject = Record<string, unknown>;
 interface CssTheme {
   breakpoints?: Breakpoints;
@@ -9,5 +8,4 @@ type CssArg = CSSObject | ((theme: CssTheme) => CSSObject);
 declare const get: (obj: unknown, key?: string | number, def?: unknown, p?: number, undef?: unknown) => unknown;
 declare const responsive: (styles: CSSObject) => (theme: CssTheme) => CSSObject;
 declare const css: (args: CssArg) => (props?: Record<string, unknown>) => CSSObject;
-//#endregion
 export { CSSObject, CssTheme, css, css as default, get, responsive };

package/dist/css.mjs

@@ -1,2 +1 @@
-import { n as get, r as responsive, t as css } from "./css-Ba4jdXOq.mjs";
-export { css, css as default, get, responsive };
+export { t as css, t as default, n as get, r as responsive } from "./css-CtHxdva0.mjs";

package/dist/{flexbox-XQnlnfa4.mjs → flexbox-CTYbetP6.mjs}

@@ -14,5 +14,4 @@ const flexbox = system({
 	alignSelf: true,
 	order: true
 });
-//#endregion
 export { flexbox as t };

package/dist/{flexbox-CFkO6PrP.cjs → flexbox-XZuHEUqn.cjs}

@@ -13,7 +13,6 @@ const flexbox = require("./core.cjs").system({
 	alignSelf: true,
 	order: true
 });
-//#endregion
 Object.defineProperty(exports, "flexbox", {
 	enumerable: true,
 	get: function() {

package/dist/flexbox.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
+const require_flexbox = require("./flexbox-XZuHEUqn.cjs");
 exports.default = require_flexbox.flexbox;
 exports.flexbox = require_flexbox.flexbox;

package/dist/flexbox.d.cts

@@ -1,3 +1,3 @@
-import { A as FlexDirectionProps, F as FlexboxProps, M as FlexProps, N as FlexShrinkProps, P as FlexWrapProps, _t as OrderProps, j as FlexGrowProps, k as FlexBasisProps, n as AlignItemsProps, nt as JustifyItemsProps, r as AlignSelfProps, rt as JustifySelfProps, t as AlignContentProps, tt as JustifyContentProps } from "./types-Cl2haWqC.cjs";
-import { t as flexbox } from "./index-CTXw8gri.cjs";
+import { A as FlexDirectionProps, F as FlexboxProps, M as FlexProps, N as FlexShrinkProps, P as FlexWrapProps, _t as OrderProps, j as FlexGrowProps, k as FlexBasisProps, n as AlignItemsProps, nt as JustifyItemsProps, r as AlignSelfProps, rt as JustifySelfProps, t as AlignContentProps, tt as JustifyContentProps } from "./types-C7OSPYLs.cjs";
+import { t as flexbox } from "./index-D_CqO28J.cjs";
 export { type AlignContentProps, type AlignItemsProps, type AlignSelfProps, type FlexBasisProps, type FlexDirectionProps, type FlexGrowProps, type FlexProps, type FlexShrinkProps, type FlexWrapProps, type FlexboxProps, type JustifyContentProps, type JustifyItemsProps, type JustifySelfProps, type OrderProps, flexbox as default, flexbox };

package/dist/flexbox.d.mts

@@ -1,3 +1,3 @@
-import { A as FlexDirectionProps, F as FlexboxProps, M as FlexProps, N as FlexShrinkProps, P as FlexWrapProps, _t as OrderProps, j as FlexGrowProps, k as FlexBasisProps, n as AlignItemsProps, nt as JustifyItemsProps, r as AlignSelfProps, rt as JustifySelfProps, t as AlignContentProps, tt as JustifyContentProps } from "./types-Cl2haWqC.mjs";
-import { t as flexbox } from "./index-CrobiDS5.mjs";
+import { A as FlexDirectionProps, F as FlexboxProps, M as FlexProps, N as FlexShrinkProps, P as FlexWrapProps, _t as OrderProps, j as FlexGrowProps, k as FlexBasisProps, n as AlignItemsProps, nt as JustifyItemsProps, r as AlignSelfProps, rt as JustifySelfProps, t as AlignContentProps, tt as JustifyContentProps } from "./types-C7OSPYLs.mjs";
+import { t as flexbox } from "./index-ICecgJ7p.mjs";
 export { type AlignContentProps, type AlignItemsProps, type AlignSelfProps, type FlexBasisProps, type FlexDirectionProps, type FlexGrowProps, type FlexProps, type FlexShrinkProps, type FlexWrapProps, type FlexboxProps, type JustifyContentProps, type JustifyItemsProps, type JustifySelfProps, type OrderProps, flexbox as default, flexbox };

package/dist/flexbox.mjs

@@ -1,2 +1 @@
-import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
-export { flexbox as default, flexbox };
+export { t as default, t as flexbox } from "./flexbox-CTYbetP6.mjs";

package/dist/{grid-OHT6r2bt.cjs → grid-B4wEAvs-.cjs}

@@ -1,6 +1,6 @@
-const require_media = require("./media-DSJdRy_k.cjs");
+const require_media = require("./media-D-RFMX2h.cjs");
 const require_core = require("./core.cjs");
-//#region src/grid/grid.ts
+// src/grid/grid.ts
 const spaceScale = [
 	0,
 	4,
@@ -39,8 +39,7 @@ const config = {
 	gridArea: true
 };
 const grid = require_core.system(config);
-//#endregion
-//#region src/grid/layoutGrid.ts
+// src/grid/layoutGrid.ts
 const spaceValue = (theme, value) => {
 	const resolved = require_core.get(theme, "space", {})[value] ?? value;
 	return typeof resolved === "number" ? `${resolved}px` : resolved;
@@ -173,7 +172,6 @@ const layoutGrid = Object.assign((props) => layoutStyles(props.theme, props.layo
 * `span={{ xs: 'full', md: 6 }}`.
 */
 const span = require_core.system({ span: (n) => ({ gridColumn: n === "full" ? "1 / -1" : `span ${n}` }) });
-//#endregion
 Object.defineProperty(exports, "grid", {
 	enumerable: true,
 	get: function() {

package/dist/{grid-C-HdJk4U.mjs → grid-DnxN6q4v.mjs}

@@ -1,6 +1,6 @@
-import { o as responsiveQueries } from "./media-Bho3l7WK.mjs";
+import { o as responsiveQueries } from "./media-IgnBo8UV.mjs";
 import { get, system } from "./core.mjs";
-//#region src/grid/grid.ts
+// src/grid/grid.ts
 const spaceScale = [
 	0,
 	4,
@@ -38,8 +38,7 @@ const grid = system({
 	gridTemplateAreas: true,
 	gridArea: true
 });
-//#endregion
-//#region src/grid/layoutGrid.ts
+// src/grid/layoutGrid.ts
 const spaceValue = (theme, value) => {
 	const resolved = get(theme, "space", {})[value] ?? value;
 	return typeof resolved === "number" ? `${resolved}px` : resolved;
@@ -172,5 +171,4 @@ const layoutGrid = Object.assign((props) => layoutStyles(props.theme, props.layo
 * `span={{ xs: 'full', md: 6 }}`.
 */
 const span = system({ span: (n) => ({ gridColumn: n === "full" ? "1 / -1" : `span ${n}` }) });
-//#endregion
 export { grid as a, span as i, layoutGrid as n, layoutGridStyles as r, layoutFrame as t };

package/dist/grid.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_grid = require("./grid-OHT6r2bt.cjs");
+const require_grid = require("./grid-B4wEAvs-.cjs");
 exports.default = require_grid.grid;
 exports.grid = require_grid.grid;
 exports.layoutFrame = require_grid.layoutFrame;

package/dist/grid.d.cts

@@ -1,3 +1,3 @@
-import { $ as GridTemplateRowsProps, G as GridColumnGapProps, H as GridAutoColumnsProps, J as GridProps, K as GridColumnProps, Q as GridTemplateColumnsProps, U as GridAutoFlowProps, V as GridAreaProps, W as GridAutoRowsProps, X as GridRowProps, Y as GridRowGapProps, Z as GridTemplateAreasProps, at as LayoutGridProps, it as LayoutFrameProps, kt as SpanProps, q as GridGapProps } from "./types-Cl2haWqC.cjs";
-import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-BkyQ2I3Q.cjs";
+import { $ as GridTemplateRowsProps, G as GridColumnGapProps, H as GridAutoColumnsProps, J as GridProps, K as GridColumnProps, Q as GridTemplateColumnsProps, U as GridAutoFlowProps, V as GridAreaProps, W as GridAutoRowsProps, X as GridRowProps, Y as GridRowGapProps, Z as GridTemplateAreasProps, at as LayoutGridProps, it as LayoutFrameProps, kt as SpanProps, q as GridGapProps } from "./types-C7OSPYLs.cjs";
+import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-CEwxfXzD.cjs";
 export { type GridAreaProps, type GridAutoColumnsProps, type GridAutoFlowProps, type GridAutoRowsProps, type GridColumnGapProps, type GridColumnProps, type GridGapProps, type GridProps, type GridRowGapProps, type GridRowProps, type GridTemplateAreasProps, type GridTemplateColumnsProps, type GridTemplateRowsProps, type LayoutFrameProps, LayoutGridEntry, LayoutGridGap, type LayoutGridProps, LayoutGridValue, type SpanProps, grid as default, grid, layoutFrame, layoutGrid, layoutGridStyles, span };

package/dist/grid.d.mts

@@ -1,3 +1,3 @@
-import { $ as GridTemplateRowsProps, G as GridColumnGapProps, H as GridAutoColumnsProps, J as GridProps, K as GridColumnProps, Q as GridTemplateColumnsProps, U as GridAutoFlowProps, V as GridAreaProps, W as GridAutoRowsProps, X as GridRowProps, Y as GridRowGapProps, Z as GridTemplateAreasProps, at as LayoutGridProps, it as LayoutFrameProps, kt as SpanProps, q as GridGapProps } from "./types-Cl2haWqC.mjs";
-import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-Bxo9Q79f.mjs";
+import { $ as GridTemplateRowsProps, G as GridColumnGapProps, H as GridAutoColumnsProps, J as GridProps, K as GridColumnProps, Q as GridTemplateColumnsProps, U as GridAutoFlowProps, V as GridAreaProps, W as GridAutoRowsProps, X as GridRowProps, Y as GridRowGapProps, Z as GridTemplateAreasProps, at as LayoutGridProps, it as LayoutFrameProps, kt as SpanProps, q as GridGapProps } from "./types-C7OSPYLs.mjs";
+import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-DlH62bww.mjs";
 export { type GridAreaProps, type GridAutoColumnsProps, type GridAutoFlowProps, type GridAutoRowsProps, type GridColumnGapProps, type GridColumnProps, type GridGapProps, type GridProps, type GridRowGapProps, type GridRowProps, type GridTemplateAreasProps, type GridTemplateColumnsProps, type GridTemplateRowsProps, type LayoutFrameProps, LayoutGridEntry, LayoutGridGap, type LayoutGridProps, LayoutGridValue, type SpanProps, grid as default, grid, layoutFrame, layoutGrid, layoutGridStyles, span };

package/dist/grid.mjs

@@ -1,2 +1 @@
-import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFrame } from "./grid-C-HdJk4U.mjs";
-export { grid as default, grid, layoutFrame, layoutGrid, layoutGridStyles, span };
+export { a as default, a as grid, t as layoutFrame, n as layoutGrid, r as layoutGridStyles, i as span } from "./grid-DnxN6q4v.mjs";

package/dist/index-8uEgVLn3.d.mts

@@ -0,0 +1,7 @@
+import { r as Parser } from "./index-Blauy6s_.mjs";
+import "./types-C7OSPYLs.mjs";
+declare const margin: Parser;
+declare const padding: Parser;
+declare const gap: Parser;
+declare const space: Parser;
+export { space as i, margin as n, padding as r, gap as t };

package/dist/index-ANVSsrC2.d.cts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-zCm2QsT2.cjs";
+import "./types-C7OSPYLs.cjs";
+declare const background: Parser;
+export { background as t };

package/dist/index-B-EzH430.d.mts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-Blauy6s_.mjs";
+import "./types-C7OSPYLs.mjs";
+declare const typography: Parser;
+export { typography as t };

package/dist/{index-BE_EAkI7.d.mts → index-Blauy6s_.d.mts}

@@ -1,6 +1,5 @@
-import { a as ResponsiveQueries, n as Breakpoints } from "./media-CfYDomHt.mjs";
+import { a as ResponsiveQueries, n as Breakpoints } from "./media-LonDvLGc.mjs";
 import * as CSS from "csstype";
-//#region src/core/core.d.ts
 type StyleObject = Record<string, any>;
 type CSSLength = string | number;
 /**
@@ -52,5 +51,4 @@ declare const createParser: (config: ParserConfig) => Parser;
 declare const createStyleFunction: ({ properties, property, scale, transform, defaultScale }: ConfigStyle) => StyleFn;
 declare const system: (args?: SystemConfig) => Parser;
 declare const compose: (...parsers: (Parser | undefined)[]) => Parser;
-//#endregion
 export { Props as a, SystemConfig as c, compose as d, createParser as f, system as g, merge as h, ParserConfig as i, Theme as l, get as m, ConfigStyle as n, StyleFn as o, createStyleFunction as p, Parser as r, StyleObject as s, CSSObject as t, Transform as u };

package/dist/index-BrRHS_IT.d.cts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-zCm2QsT2.cjs";
+import "./types-C7OSPYLs.cjs";
+declare const typography: Parser;
+export { typography as t };

package/dist/index-C1Vo1IWu.d.mts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-Blauy6s_.mjs";
+import "./types-C7OSPYLs.mjs";
+declare const shadow: Parser;
+export { shadow as t };

package/dist/{index-BkyQ2I3Q.d.cts → index-CEwxfXzD.d.cts}

@@ -1,9 +1,6 @@
-import { r as Parser, s as StyleObject } from "./index-BLOT8F36.cjs";
-import "./types-Cl2haWqC.cjs";
-//#region src/grid/grid.d.ts
+import { r as Parser, s as StyleObject } from "./index-zCm2QsT2.cjs";
+import "./types-C7OSPYLs.cjs";
 declare const grid: Parser;
-//#endregion
-//#region src/grid/layoutGrid.d.ts
 /** The layout grid at one breakpoint - the `content` part of a `theme.layout` entry. */
 interface LayoutGridEntry {
   /** Equal columns. */
@@ -51,5 +48,4 @@ declare const layoutGrid: Parser;
  * `span={{ xs: 'full', md: 6 }}`.
  */
 declare const span: Parser;
-//#endregion
 export { layoutGrid as a, grid as c, layoutFrame as i, LayoutGridGap as n, layoutGridStyles as o, LayoutGridValue as r, span as s, LayoutGridEntry as t };

package/dist/{index-BHK7G7gO.d.cts → index-CG_2fAK2.d.cts}

@@ -1,6 +1,5 @@
-import { r as Parser } from "./index-BLOT8F36.cjs";
-import "./types-Cl2haWqC.cjs";
-//#region src/variant/variant.d.ts
+import { r as Parser } from "./index-zCm2QsT2.cjs";
+import "./types-C7OSPYLs.cjs";
 interface VariantOptions {
   scale?: string;
   prop?: string;
@@ -13,5 +12,4 @@ declare const variant: (options?: VariantOptions) => Parser;
 declare const buttonStyle: Parser;
 declare const textStyle: Parser;
 declare const colorStyle: Parser;
-//#endregion
 export { textStyle as a, colorStyle as i, VariantOptions as n, variant as o, buttonStyle as r, VariantArgs as t };

package/dist/index-CXX_WQaU.d.mts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-Blauy6s_.mjs";
+import "./types-C7OSPYLs.mjs";
+declare const color: Parser;
+export { color as t };

package/dist/{index-Cr2cfFsQ.d.mts → index-Cy1VnBXp.d.mts}

@@ -1,6 +1,5 @@
-import { r as Parser } from "./index-BE_EAkI7.mjs";
-import "./types-Cl2haWqC.mjs";
-//#region src/variant/variant.d.ts
+import { r as Parser } from "./index-Blauy6s_.mjs";
+import "./types-C7OSPYLs.mjs";
 interface VariantOptions {
   scale?: string;
   prop?: string;
@@ -13,5 +12,4 @@ declare const variant: (options?: VariantOptions) => Parser;
 declare const buttonStyle: Parser;
 declare const textStyle: Parser;
 declare const colorStyle: Parser;
-//#endregion
 export { textStyle as a, colorStyle as i, VariantOptions as n, variant as o, buttonStyle as r, VariantArgs as t };

package/dist/index-CzMuOA_2.d.cts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-zCm2QsT2.cjs";
+import "./types-C7OSPYLs.cjs";
+declare const layout: Parser;
+export { layout as t };

package/dist/index-DWzXE26Z.d.mts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-Blauy6s_.mjs";
+import "./types-C7OSPYLs.mjs";
+declare const layout: Parser;
+export { layout as t };

package/dist/index-D_CqO28J.d.cts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-zCm2QsT2.cjs";
+import "./types-C7OSPYLs.cjs";
+declare const flexbox: Parser;
+export { flexbox as t };

package/dist/index-Da6mJb_D.d.cts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-zCm2QsT2.cjs";
+import "./types-C7OSPYLs.cjs";
+declare const position: Parser;
+export { position as t };

package/dist/index-DfNEKv5v.d.cts

@@ -0,0 +1,7 @@
+import { r as Parser } from "./index-zCm2QsT2.cjs";
+import "./types-C7OSPYLs.cjs";
+declare const margin: Parser;
+declare const padding: Parser;
+declare const gap: Parser;
+declare const space: Parser;
+export { space as i, margin as n, padding as r, gap as t };

package/dist/index-Dg6uFnk5.d.cts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-zCm2QsT2.cjs";
+import "./types-C7OSPYLs.cjs";
+declare const color: Parser;
+export { color as t };

package/dist/index-DlCsbZ6I.d.mts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-Blauy6s_.mjs";
+import "./types-C7OSPYLs.mjs";
+declare const background: Parser;
+export { background as t };

package/dist/{index-Bxo9Q79f.d.mts → index-DlH62bww.d.mts}

@@ -1,9 +1,6 @@
-import { r as Parser, s as StyleObject } from "./index-BE_EAkI7.mjs";
-import "./types-Cl2haWqC.mjs";
-//#region src/grid/grid.d.ts
+import { r as Parser, s as StyleObject } from "./index-Blauy6s_.mjs";
+import "./types-C7OSPYLs.mjs";
 declare const grid: Parser;
-//#endregion
-//#region src/grid/layoutGrid.d.ts
 /** The layout grid at one breakpoint - the `content` part of a `theme.layout` entry. */
 interface LayoutGridEntry {
   /** Equal columns. */
@@ -51,5 +48,4 @@ declare const layoutGrid: Parser;
  * `span={{ xs: 'full', md: 6 }}`.
  */
 declare const span: Parser;
-//#endregion
 export { layoutGrid as a, grid as c, layoutFrame as i, LayoutGridGap as n, layoutGridStyles as o, LayoutGridValue as r, span as s, LayoutGridEntry as t };

package/dist/index-DxgnOyev.d.cts

@@ -0,0 +1,4 @@
+import { r as Parser } from "./index-zCm2QsT2.cjs";
+import "./types-C7OSPYLs.cjs";
+declare const shadow: Parser;
+export { shadow as t };