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

package/dist/{grid-Du9HrjII.mjs → grid-D6l0ftY0.mjs}

@@ -47,9 +47,11 @@ const spaceValue = (theme, value) => {
 const frameDeclarations = (theme, { margin, mode, maxWidth }) => {
 	const width = mode === "fixed" && maxWidth !== void 0 ? spaceValue(theme, maxWidth) : void 0;
 	return {
+		boxSizing: "border-box",
+		width: "100%",
 		paddingInline: margin === void 0 ? void 0 : spaceValue(theme, margin),
 		maxWidth: width ?? "none",
-		marginInline: width === void 0 ? 0 : `max(0px, calc((100% - ${width}) / 2))`
+		marginInline: width === void 0 ? 0 : "auto"
 	};
 };
 const gridDeclarations = (theme, { columns, gutter }) => ({

package/dist/{grid-CvJv0uga.cjs → grid-NyoJxJGh.cjs}

@@ -48,9 +48,11 @@ const spaceValue = (theme, value) => {
 const frameDeclarations = (theme, { margin, mode, maxWidth }) => {
 	const width = mode === "fixed" && maxWidth !== void 0 ? spaceValue(theme, maxWidth) : void 0;
 	return {
+		boxSizing: "border-box",
+		width: "100%",
 		paddingInline: margin === void 0 ? void 0 : spaceValue(theme, margin),
 		maxWidth: width ?? "none",
-		marginInline: width === void 0 ? 0 : `max(0px, calc((100% - ${width}) / 2))`
+		marginInline: width === void 0 ? 0 : "auto"
 	};
 };
 const gridDeclarations = (theme, { columns, gutter }) => ({

package/dist/grid.cjs

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

package/dist/grid.mjs

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

package/dist/index.cjs

@@ -5,7 +5,7 @@ const require_background = require("./background-wugr6cG7.cjs");
 const require_border = require("./border-UuT-fTpy.cjs");
 const require_color = require("./color-BNs17Gw-.cjs");
 const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
-const require_grid = require("./grid-CvJv0uga.cjs");
+const require_grid = require("./grid-NyoJxJGh.cjs");
 const require_layout = require("./layout-D3pG7vBp.cjs");
 const require_position = require("./position-zWvCE4hD.cjs");
 const require_typography = require("./typography-7jHZXqtc.cjs");

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { t as background } from "./background-B-jql3jb.mjs";
 import { t as border } from "./border-Dder4Dhp.mjs";
 import { t as color } from "./color-CGmMe8yP.mjs";
 import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
-import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFrame } from "./grid-Du9HrjII.mjs";
+import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFrame } from "./grid-D6l0ftY0.mjs";
 import { t as layout } from "./layout-DF83ooFn.mjs";
 import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-p6qWP6Px.mjs";

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

@@ -3,7 +3,7 @@ import { t as background } from "./background-B-jql3jb.mjs";
 import { t as border } from "./border-Dder4Dhp.mjs";
 import { t as color } from "./color-CGmMe8yP.mjs";
 import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
-import { a as grid, i as span } from "./grid-Du9HrjII.mjs";
+import { a as grid, i as span } from "./grid-D6l0ftY0.mjs";
 import { t as layout } from "./layout-DF83ooFn.mjs";
 import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-p6qWP6Px.mjs";

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

@@ -3,7 +3,7 @@ const require_background = require("./background-wugr6cG7.cjs");
 const require_border = require("./border-UuT-fTpy.cjs");
 const require_color = require("./color-BNs17Gw-.cjs");
 const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
-const require_grid = require("./grid-CvJv0uga.cjs");
+const require_grid = require("./grid-NyoJxJGh.cjs");
 const require_layout = require("./layout-D3pG7vBp.cjs");
 const require_position = require("./position-zWvCE4hD.cjs");
 const require_typography = require("./typography-7jHZXqtc.cjs");

package/dist/prop-types.cjs

@@ -7,7 +7,7 @@ const require_background = require("./background-wugr6cG7.cjs");
 const require_border = require("./border-UuT-fTpy.cjs");
 const require_color = require("./color-BNs17Gw-.cjs");
 const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
-const require_grid = require("./grid-CvJv0uga.cjs");
+const require_grid = require("./grid-NyoJxJGh.cjs");
 const require_layout = require("./layout-D3pG7vBp.cjs");
 const require_position = require("./position-zWvCE4hD.cjs");
 const require_typography = require("./typography-7jHZXqtc.cjs");

package/dist/prop-types.mjs

@@ -2,7 +2,7 @@ import { t as background } from "./background-B-jql3jb.mjs";
 import { t as border } from "./border-Dder4Dhp.mjs";
 import { t as color } from "./color-CGmMe8yP.mjs";
 import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
-import { a as grid } from "./grid-Du9HrjII.mjs";
+import { a as grid } from "./grid-D6l0ftY0.mjs";
 import { t as layout } from "./layout-DF83ooFn.mjs";
 import { t as position } from "./position-jf6VlRyR.mjs";
 import { t as typography } from "./typography-p6qWP6Px.mjs";

package/dist/props.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_presets = require("./presets-mePesdYM.cjs");
+const require_presets = require("./presets-DNjUFNNu.cjs");
 //#region src/props/props.ts
 const styledSystemProps = new Set(require_presets.all.propNames);
 const omit = (props) => {

package/dist/props.mjs

@@ -1,4 +1,4 @@
-import { t as all } from "./presets-Cxa2Xoxa.mjs";
+import { t as all } from "./presets-CrIKAUbJ.mjs";
 //#region src/props/props.ts
 const styledSystemProps = new Set(all.propNames);
 const omit = (props) => {

package/dist/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-mePesdYM.cjs");
+const require_presets = require("./presets-DNjUFNNu.cjs");
 let _emotion_is_prop_valid = require("@emotion/is-prop-valid");
 _emotion_is_prop_valid = require_rolldown_runtime.__toESM(_emotion_is_prop_valid, 1);
 //#region src/should-forward-prop/should-forward-prop.ts

package/dist/should-forward-prop.mjs

@@ -1,4 +1,4 @@
-import { t as all } from "./presets-Cxa2Xoxa.mjs";
+import { t as all } from "./presets-CrIKAUbJ.mjs";
 import isPropValid from "@emotion/is-prop-valid";
 //#region src/should-forward-prop/should-forward-prop.ts
 const memoize = (fn) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/styled-system",
-  "version": "6.0.0-alpha.3",
+  "version": "6.0.0-alpha.4",
   "description": "Maintained, first-class-TypeScript rewrite of styled-system - responsive, theme-aware style props for CSS-in-JS. Drop-in replacement for styled-system v5.",
   "keywords": [
     "styled-system",