@soroush.tech/styled-system 5.1.6 → 5.3.0

package/README.md

@@ -143,8 +143,8 @@ Full docs live in [`docs/`](./docs/README.md):
 - [TypeScript](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/typescript.md)
 - [Guides](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/docs/guides/index.md)
 
-Runnable demos live in [`examples/styled-system/`](../../examples/styled-system).
+Runnable demos live in [`examples/styled-system/`](https://github.com/soroush-tech/soroush.tech/tree/main/examples/styled-system).
 
 ## License
 
-MIT — a rewrite of styled-system (© 2017–2021 Brent Jackson), see [`LICENSE`](./LICENSE).
+MIT — a rewrite of styled-system (© 2017–2021 Brent Jackson), see [`LICENSE`](https://github.com/soroush-tech/soroush.tech/tree/main/packages/styled-system/LICENSE).

package/dist/background.d.cts

@@ -1,2 +1,3 @@
-import { t as background } from "./index-DZaFk5pk.cjs";
-export { background, background as default };
+import { t as background } from "./index-BFzj-f22.cjs";
+import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-CCujn9-2.cjs";
+export { type BackgroundImageProps, type BackgroundPositionProps, type BackgroundProps, type BackgroundRepeatProps, type BackgroundSizeProps, background, background as default };

package/dist/background.d.mts

@@ -1,2 +1,3 @@
-import { t as background } from "./index-9ZhIewzy.mjs";
-export { background, background as default };
+import { t as background } from "./index-BDKAW1u8.mjs";
+import { a as BackgroundImageProps, c as BackgroundRepeatProps, l as BackgroundSizeProps, o as BackgroundPositionProps, s as BackgroundProps } from "./types-CCujn9-2.mjs";
+export { type BackgroundImageProps, type BackgroundPositionProps, type BackgroundProps, type BackgroundRepeatProps, type BackgroundSizeProps, background, background as default };

package/dist/border.d.cts

@@ -1,2 +1,3 @@
-import { t as border } from "./index-BoMacn6F.cjs";
-export { border, border as default };
+import { _ as BorderTopProps, d as BorderColorProps, f as BorderLeftProps, g as BorderStyleProps, h as BorderRightProps, m as BorderRadiusProps, p as BorderProps, u as BorderBottomProps, v as BorderWidthProps } from "./types-CCujn9-2.cjs";
+import { t as border } from "./index-Dz8xde7b.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,2 +1,3 @@
-import { t as border } from "./index-Bx7IxKu-.mjs";
-export { border, border as default };
+import { _ as BorderTopProps, d as BorderColorProps, f as BorderLeftProps, g as BorderStyleProps, h as BorderRightProps, m as BorderRadiusProps, p as BorderProps, u as BorderBottomProps, v as BorderWidthProps } from "./types-CCujn9-2.mjs";
+import { t as border } from "./index-DLcnFzWU.mjs";
+export { type BorderBottomProps, type BorderColorProps, type BorderLeftProps, type BorderProps, type BorderRadiusProps, type BorderRightProps, type BorderStyleProps, type BorderTopProps, type BorderWidthProps, border, border as default };

package/dist/color.d.cts

@@ -1,2 +1,3 @@
-import { t as color } from "./index-j3E1mxCg.cjs";
-export { color, color as default };
+import { Ct as TextColorProps, S as ColorProps, i as BackgroundColorProps, lt as OpacityProps } from "./types-CCujn9-2.cjs";
+import { t as color } from "./index-Dxn97XnB.cjs";
+export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };

package/dist/color.d.mts

@@ -1,2 +1,3 @@
-import { t as color } from "./index-D3t1Lyte.mjs";
-export { color, color as default };
+import { Ct as TextColorProps, S as ColorProps, i as BackgroundColorProps, lt as OpacityProps } from "./types-CCujn9-2.mjs";
+import { t as color } from "./index-D9W3cc9s.mjs";
+export { type BackgroundColorProps, type ColorProps, type OpacityProps, type TextColorProps, color, color as default };

package/dist/core.cjs

@@ -1,7 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 //#region src/core/core.ts
 const merge = (a, b) => {
-	const result = Object.assign({}, a, b);
+	const result = {
+		...a,
+		...b
+	};
 	for (const key in a) {
 		if (!a[key] || typeof b[key] !== "object") continue;
 		Object.assign(result, { [key]: Object.assign(a[key], b[key]) });
@@ -25,10 +28,10 @@ const defaults = { breakpoints: [
 ].map((n) => n + "em") };
 const createMediaQuery = (n) => `@media screen and (min-width: ${n})`;
 const getValue = (n, scale) => get(scale, n, n);
-const get = (obj, key, def, p, undef) => {
+const get = (obj, key, def, p = 0, undef) => {
 	const path = typeof key === "string" ? key.split(".") : [key];
 	let value = obj;
-	for (p = 0; p < path.length; p++) value = value ? value[path[p]] : undef;
+	for (; p < path.length; p++) value = value ? value[path[p]] : undef;
 	return value === undef ? def : value;
 };
 const parseResponsiveStyle = (mediaQueries, sx, scale, raw, props) => {
@@ -36,8 +39,11 @@ const parseResponsiveStyle = (mediaQueries, sx, scale, raw, props) => {
 	raw.slice(0, mediaQueries.length).forEach((value, i) => {
 		const media = mediaQueries[i];
 		const style = sx(value, scale, props);
-		if (!media) Object.assign(styles, style);
-		else Object.assign(styles, { [media]: Object.assign({}, styles[media], style) });
+		if (media) Object.assign(styles, { [media]: {
+			...styles[media],
+			...style
+		} });
+		else Object.assign(styles, style);
 	});
 	return styles;
 };
@@ -47,11 +53,13 @@ const parseResponsiveObject = (breakpoints, sx, scale, raw, props) => {
 		const breakpoint = breakpoints[key];
 		const value = raw[key];
 		const style = sx(value, scale, props);
-		if (!breakpoint) Object.assign(styles, style);
-		else {
+		if (breakpoint) {
 			const media = createMediaQuery(breakpoint);
-			Object.assign(styles, { [media]: Object.assign({}, styles[media], style) });
-		}
+			Object.assign(styles, { [media]: {
+				...styles[media],
+				...style
+			} });
+		} else Object.assign(styles, style);
 	}
 	return styles;
 };
@@ -60,7 +68,7 @@ const createParser = (config) => {
 	const parse = ((props) => {
 		let styles = {};
 		let shouldSort = false;
-		const isCacheDisabled = props.theme && props.theme.disableStyledSystemCache;
+		const isCacheDisabled = props.theme?.disableStyledSystemCache;
 		for (const key in props) {
 			if (!config[key]) continue;
 			const sx = config[key];
@@ -130,7 +138,7 @@ const system = (args = {}) => {
 const compose = (...parsers) => {
 	const config = {};
 	parsers.forEach((parser) => {
-		if (!parser || !parser.config) return;
+		if (!parser?.config) return;
 		Object.assign(config, parser.config);
 	});
 	return createParser(config);

package/dist/core.d.cts

@@ -1,2 +1,2 @@
-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-D8EyRZ5p.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-C6pWum7i.cjs";
 export { CSSObject, ConfigStyle, Parser, ParserConfig, Props, StyleFn, StyleObject, SystemConfig, Theme, Transform, compose, createParser, createStyleFunction, get, merge, system };

package/dist/core.d.mts

@@ -1,2 +1,2 @@
-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-D8EyRZ5p.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-C6pWum7i.mjs";
 export { CSSObject, ConfigStyle, Parser, ParserConfig, Props, StyleFn, StyleObject, SystemConfig, Theme, Transform, compose, createParser, createStyleFunction, get, merge, system };

package/dist/core.mjs

@@ -1,6 +1,9 @@
 //#region src/core/core.ts
 const merge = (a, b) => {
-	const result = Object.assign({}, a, b);
+	const result = {
+		...a,
+		...b
+	};
 	for (const key in a) {
 		if (!a[key] || typeof b[key] !== "object") continue;
 		Object.assign(result, { [key]: Object.assign(a[key], b[key]) });
@@ -24,10 +27,10 @@ const defaults = { breakpoints: [
 ].map((n) => n + "em") };
 const createMediaQuery = (n) => `@media screen and (min-width: ${n})`;
 const getValue = (n, scale) => get(scale, n, n);
-const get = (obj, key, def, p, undef) => {
+const get = (obj, key, def, p = 0, undef) => {
 	const path = typeof key === "string" ? key.split(".") : [key];
 	let value = obj;
-	for (p = 0; p < path.length; p++) value = value ? value[path[p]] : undef;
+	for (; p < path.length; p++) value = value ? value[path[p]] : undef;
 	return value === undef ? def : value;
 };
 const parseResponsiveStyle = (mediaQueries, sx, scale, raw, props) => {
@@ -35,8 +38,11 @@ const parseResponsiveStyle = (mediaQueries, sx, scale, raw, props) => {
 	raw.slice(0, mediaQueries.length).forEach((value, i) => {
 		const media = mediaQueries[i];
 		const style = sx(value, scale, props);
-		if (!media) Object.assign(styles, style);
-		else Object.assign(styles, { [media]: Object.assign({}, styles[media], style) });
+		if (media) Object.assign(styles, { [media]: {
+			...styles[media],
+			...style
+		} });
+		else Object.assign(styles, style);
 	});
 	return styles;
 };
@@ -46,11 +52,13 @@ const parseResponsiveObject = (breakpoints, sx, scale, raw, props) => {
 		const breakpoint = breakpoints[key];
 		const value = raw[key];
 		const style = sx(value, scale, props);
-		if (!breakpoint) Object.assign(styles, style);
-		else {
+		if (breakpoint) {
 			const media = createMediaQuery(breakpoint);
-			Object.assign(styles, { [media]: Object.assign({}, styles[media], style) });
-		}
+			Object.assign(styles, { [media]: {
+				...styles[media],
+				...style
+			} });
+		} else Object.assign(styles, style);
 	}
 	return styles;
 };
@@ -59,7 +67,7 @@ const createParser = (config) => {
 	const parse = ((props) => {
 		let styles = {};
 		let shouldSort = false;
-		const isCacheDisabled = props.theme && props.theme.disableStyledSystemCache;
+		const isCacheDisabled = props.theme?.disableStyledSystemCache;
 		for (const key in props) {
 			if (!config[key]) continue;
 			const sx = config[key];
@@ -129,7 +137,7 @@ const system = (args = {}) => {
 const compose = (...parsers) => {
 	const config = {};
 	parsers.forEach((parser) => {
-		if (!parser || !parser.config) return;
+		if (!parser?.config) return;
 		Object.assign(config, parser.config);
 	});
 	return createParser(config);

package/dist/{css-nzeM_Xnf.cjs → css-BQ6QmZDs.cjs}

@@ -1,8 +1,8 @@
 //#region src/css/css.ts
-const get = (obj, key, def, p, undef) => {
+const get = (obj, key, def, p = 0, undef) => {
 	const path = typeof key === "string" ? key.split(".") : [key];
 	let value = obj;
-	for (p = 0; p < path.length; p++) value = value ? value[path[p]] : undef;
+	for (; p < path.length; p++) value = value ? value[path[p]] : undef;
 	return value === undef ? def : value;
 };
 const defaultBreakpoints = [
@@ -205,7 +205,7 @@ const css = (args) => (props = {}) => {
 		const value = get(transforms, prop, get)(scale, val, val);
 		if (multiples[prop]) {
 			const dirs = multiples[prop];
-			for (let i = 0; i < dirs.length; i++) result[dirs[i]] = value;
+			for (const dir of dirs) result[dir] = value;
 		} else result[prop] = value;
 	}
 	return result;

package/dist/{css-rLZ9Oeye.mjs → css-DPyZNAmX.mjs}

@@ -1,8 +1,8 @@
 //#region src/css/css.ts
-const get = (obj, key, def, p, undef) => {
+const get = (obj, key, def, p = 0, undef) => {
 	const path = typeof key === "string" ? key.split(".") : [key];
 	let value = obj;
-	for (p = 0; p < path.length; p++) value = value ? value[path[p]] : undef;
+	for (; p < path.length; p++) value = value ? value[path[p]] : undef;
 	return value === undef ? def : value;
 };
 const defaultBreakpoints = [
@@ -205,7 +205,7 @@ const css = (args) => (props = {}) => {
 		const value = get(transforms, prop, get)(scale, val, val);
 		if (multiples[prop]) {
 			const dirs = multiples[prop];
-			for (let i = 0; i < dirs.length; i++) result[dirs[i]] = value;
+			for (const dir of dirs) result[dir] = value;
 		} else result[prop] = value;
 	}
 	return result;

package/dist/css.cjs

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

package/dist/css.mjs

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

package/dist/flexbox.d.cts

@@ -1,2 +1,3 @@
-import { t as flexbox } from "./index-BS9GuhQN.cjs";
-export { flexbox as default, flexbox };
+import { A as FlexWrapProps, D as FlexGrowProps, E as FlexDirectionProps, O as FlexProps, Q as JustifySelfProps, T as FlexBasisProps, X as JustifyContentProps, Z as JustifyItemsProps, j as FlexboxProps, k as FlexShrinkProps, n as AlignItemsProps, r as AlignSelfProps, t as AlignContentProps, ut as OrderProps } from "./types-CCujn9-2.cjs";
+import { t as flexbox } from "./index-Bd7E_7bm.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,2 +1,3 @@
-import { t as flexbox } from "./index-CX2jWEGJ.mjs";
-export { flexbox as default, flexbox };
+import { A as FlexWrapProps, D as FlexGrowProps, E as FlexDirectionProps, O as FlexProps, Q as JustifySelfProps, T as FlexBasisProps, X as JustifyContentProps, Z as JustifyItemsProps, j as FlexboxProps, k as FlexShrinkProps, n as AlignItemsProps, r as AlignSelfProps, t as AlignContentProps, ut as OrderProps } from "./types-CCujn9-2.mjs";
+import { t as flexbox } from "./index-D7-Ctdwn.mjs";
+export { type AlignContentProps, type AlignItemsProps, type AlignSelfProps, type FlexBasisProps, type FlexDirectionProps, type FlexGrowProps, type FlexProps, type FlexShrinkProps, type FlexWrapProps, type FlexboxProps, type JustifyContentProps, type JustifyItemsProps, type JustifySelfProps, type OrderProps, flexbox as default, flexbox };

package/dist/grid.d.cts

@@ -1,2 +1,3 @@
-import { t as grid } from "./index-Ce09s0FQ.cjs";
-export { grid as default, grid };
+import { B as GridColumnGapProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, R as GridAutoFlowProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, q as GridTemplateColumnsProps, z as GridAutoRowsProps } from "./types-CCujn9-2.cjs";
+import { t as grid } from "./index-HNU5ME-U.cjs";
+export { type GridAreaProps, type GridAutoColumnsProps, type GridAutoFlowProps, type GridAutoRowsProps, type GridColumnGapProps, type GridColumnProps, type GridGapProps, type GridProps, type GridRowGapProps, type GridRowProps, type GridTemplateAreasProps, type GridTemplateColumnsProps, type GridTemplateRowsProps, grid as default, grid };

package/dist/grid.d.mts

@@ -1,2 +1,3 @@
-import { t as grid } from "./index-J3PebPto.mjs";
-export { grid as default, grid };
+import { B as GridColumnGapProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, R as GridAutoFlowProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, q as GridTemplateColumnsProps, z as GridAutoRowsProps } from "./types-CCujn9-2.mjs";
+import { t as grid } from "./index-BvNoOnuk.mjs";
+export { type GridAreaProps, type GridAutoColumnsProps, type GridAutoFlowProps, type GridAutoRowsProps, type GridColumnGapProps, type GridColumnProps, type GridGapProps, type GridProps, type GridRowGapProps, type GridRowProps, type GridTemplateAreasProps, type GridTemplateColumnsProps, type GridTemplateRowsProps, grid as default, grid };

package/dist/{index-C3_fScux.d.mts → index--0QXsrzB.d.mts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.mjs";
-
+import { r as Parser } from "./index-C6pWum7i.mjs";
 //#region src/space/space.d.ts
 declare const margin: Parser;
 declare const padding: Parser;

package/dist/{index-BBTVE4EM.d.mts → index-5FNmSnEI.d.cts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.mjs";
-
+import { r as Parser } from "./index-C6pWum7i.cjs";
 //#region src/variant/variant.d.ts
 interface VariantOptions {
   scale?: string;

package/dist/{index-50KH4Mo7.d.cts → index-B4DiqzRr.d.cts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.cjs";
-
+import { r as Parser } from "./index-C6pWum7i.cjs";
 //#region src/space/space.d.ts
 declare const margin: Parser;
 declare const padding: Parser;

package/dist/{index-9ZhIewzy.d.mts → index-BDKAW1u8.d.mts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.mjs";
-
+import { r as Parser } from "./index-C6pWum7i.mjs";
 //#region src/background/background.d.ts
 declare const background: Parser;
 //#endregion

package/dist/{index-DZaFk5pk.d.cts → index-BFzj-f22.d.cts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.cjs";
-
+import { r as Parser } from "./index-C6pWum7i.cjs";
 //#region src/background/background.d.ts
 declare const background: Parser;
 //#endregion

package/dist/{index-Nc-10syf.d.cts → index-BPHA_boa.d.mts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.cjs";
-
+import { r as Parser } from "./index-C6pWum7i.mjs";
 //#region src/layout/layout.d.ts
 declare const layout: Parser;
 //#endregion

package/dist/{index-CX2jWEGJ.d.mts → index-Bd7E_7bm.d.cts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.mjs";
-
+import { r as Parser } from "./index-C6pWum7i.cjs";
 //#region src/flexbox/flexbox.d.ts
 declare const flexbox: Parser;
 //#endregion

package/dist/{index-C13YRARN.d.mts → index-BrXslH97.d.cts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.mjs";
-
+import { r as Parser } from "./index-C6pWum7i.cjs";
 //#region src/typography/typography.d.ts
 declare const typography: Parser;
 //#endregion

package/dist/index-BvNoOnuk.d.mts

@@ -0,0 +1,5 @@
+import { r as Parser } from "./index-C6pWum7i.mjs";
+//#region src/grid/grid.d.ts
+declare const grid: Parser;
+//#endregion
+export { grid as t };

package/dist/{index-D8EyRZ5p.d.cts → index-C6pWum7i.d.cts}

@@ -21,7 +21,7 @@ interface Props {
   theme?: Theme;
   [key: string]: unknown;
 }
-type Transform = (value: unknown, scale?: unknown, props?: Props) => unknown;
+type Transform = (value: any, scale?: any, props?: Props) => any;
 interface StyleFn {
   (value: unknown, scale?: unknown, props?: Props): StyleObject | undefined;
   scale?: string;

package/dist/{index-D8EyRZ5p.d.mts → index-C6pWum7i.d.mts}

@@ -21,7 +21,7 @@ interface Props {
   theme?: Theme;
   [key: string]: unknown;
 }
-type Transform = (value: unknown, scale?: unknown, props?: Props) => unknown;
+type Transform = (value: any, scale?: any, props?: Props) => any;
 interface StyleFn {
   (value: unknown, scale?: unknown, props?: Props): StyleObject | undefined;
   scale?: string;

package/dist/index-CTguR0fU.d.cts

@@ -0,0 +1,6 @@
+import { a as Props } from "./index-C6pWum7i.cjs";
+
+//#region src/theme-get/theme-get.d.ts
+declare const themeGet: (path: string, fallback?: unknown) => (props: Props) => unknown;
+//#endregion
+export { themeGet as t };

package/dist/index-C_ikENGU.d.mts

@@ -0,0 +1,6 @@
+import { a as Props } from "./index-C6pWum7i.mjs";
+
+//#region src/theme-get/theme-get.d.ts
+declare const themeGet: (path: string, fallback?: unknown) => (props: Props) => unknown;
+//#endregion
+export { themeGet as t };

package/dist/{index-8PSQ0vkP.d.cts → index-CeQ5ox80.d.mts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.cjs";
-
+import { r as Parser } from "./index-C6pWum7i.mjs";
 //#region src/variant/variant.d.ts
 interface VariantOptions {
   scale?: string;

package/dist/{index-CrUx2vIP.d.mts → index-Cq-vX0It.d.mts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.mjs";
-
+import { r as Parser } from "./index-C6pWum7i.mjs";
 //#region src/position/position.d.ts
 declare const position: Parser;
 //#endregion

package/dist/{index-CsS_gcI9.d.mts → index-CuQx9h4Q.d.cts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.mjs";
-
+import { r as Parser } from "./index-C6pWum7i.cjs";
 //#region src/layout/layout.d.ts
 declare const layout: Parser;
 //#endregion

package/dist/{index-DPWkvooj.d.mts → index-CvbdNFVK.d.cts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.mjs";
-
+import { r as Parser } from "./index-C6pWum7i.cjs";
 //#region src/shadow/shadow.d.ts
 declare const shadow: Parser;
 //#endregion

package/dist/{index-BS9GuhQN.d.cts → index-D7-Ctdwn.d.mts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.cjs";
-
+import { r as Parser } from "./index-C6pWum7i.mjs";
 //#region src/flexbox/flexbox.d.ts
 declare const flexbox: Parser;
 //#endregion

package/dist/index-D9W3cc9s.d.mts

@@ -0,0 +1,5 @@
+import { r as Parser } from "./index-C6pWum7i.mjs";
+//#region src/color/color.d.ts
+declare const color: Parser;
+//#endregion
+export { color as t };

package/dist/{index-Bx7IxKu-.d.mts → index-DLcnFzWU.d.mts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.mjs";
-
+import { r as Parser } from "./index-C6pWum7i.mjs";
 //#region src/border/border.d.ts
 declare const border: Parser;
 //#endregion

package/dist/{index-z86wOHTb.d.cts → index-DS-HZ740.d.cts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.cjs";
-
+import { r as Parser } from "./index-C6pWum7i.cjs";
 //#region src/position/position.d.ts
 declare const position: Parser;
 //#endregion

package/dist/index-Dxn97XnB.d.cts

@@ -0,0 +1,5 @@
+import { r as Parser } from "./index-C6pWum7i.cjs";
+//#region src/color/color.d.ts
+declare const color: Parser;
+//#endregion
+export { color as t };

package/dist/{index-BoMacn6F.d.cts → index-Dz8xde7b.d.cts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.cjs";
-
+import { r as Parser } from "./index-C6pWum7i.cjs";
 //#region src/border/border.d.ts
 declare const border: Parser;
 //#endregion

package/dist/{index-CarHCWLQ.d.cts → index-DzPnzx9p.d.mts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.cjs";
-
+import { r as Parser } from "./index-C6pWum7i.mjs";
 //#region src/typography/typography.d.ts
 declare const typography: Parser;
 //#endregion

package/dist/{index-DVR6hZCd.d.cts → index-F79chYlR.d.mts}

@@ -1,5 +1,4 @@
-import { r as Parser } from "./index-D8EyRZ5p.cjs";
-
+import { r as Parser } from "./index-C6pWum7i.mjs";
 //#region src/shadow/shadow.d.ts
 declare const shadow: Parser;
 //#endregion

package/dist/index-HNU5ME-U.d.cts

@@ -0,0 +1,5 @@
+import { r as Parser } from "./index-C6pWum7i.cjs";
+//#region src/grid/grid.d.ts
+declare const grid: Parser;
+//#endregion
+export { grid as t };

package/dist/index.cjs

@@ -5,12 +5,13 @@ 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-B1-2dfQ9.cjs");
+const require_layout = require("./layout-JlwVxg8y.cjs");
 const require_position = require("./position-zWvCE4hD.cjs");
 const require_typography = require("./typography-DD_eWLLx.cjs");
-const require_space = require("./space-C14uiNpw.cjs");
+const require_space = require("./space-CAX_62yL.cjs");
 const require_shadow = require("./shadow-BrDnaQQl.cjs");
-const require_variant = require("./variant-ChsBzwrI.cjs");
+const require_variant = require("./variant-C7vPzZHo.cjs");
+const require_theme_get = require("./theme-get-D0fH7Jrd.cjs");
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};
@@ -177,6 +178,7 @@ exports.system = require_core.system;
 exports.textAlign = textAlign;
 exports.textShadow = require_shadow.shadow;
 exports.textStyle = require_variant.textStyle;
+exports.themeGet = require_theme_get.themeGet;
 exports.top = top;
 exports.typography = require_typography.typography;
 exports.variant = require_variant.variant;