@soroush.tech/styled-system 5.3.0 → 5.4.0

package/README.md

@@ -38,10 +38,10 @@ pnpm add @soroush.tech/styled-system
 yarn add @soroush.tech/styled-system
 ```
 
-`@emotion/is-prop-valid` (`^1.4.0`) is a peer dependency used only by the
-[`should-forward-prop`](#subpath-imports) entry — install it if you import that subpath.
-You bring your own CSS-in-JS library (Emotion, styled-components, …); the core carries
-neither at runtime.
+`@emotion/is-prop-valid` (`^1.4.0`, peer) and `prop-types` (`^15.8.1`, optional peer) are
+each used by a single [subpath](#subpath-imports) — `should-forward-prop` and `prop-types`
+respectively. Install one only if you import that subpath. You bring your own CSS-in-JS
+library (Emotion, styled-components, …); the core carries neither at runtime.
 
 ## Usage
 
@@ -110,12 +110,16 @@ Subpaths mirror the original `@styled-system/*` packages:
 import { css } from '@soroush.tech/styled-system/css'
 import { themeGet } from '@soroush.tech/styled-system/theme-get'
 import { pick, omit } from '@soroush.tech/styled-system/props'
+import propTypes, { createPropTypes } from '@soroush.tech/styled-system/prop-types'
 import shouldForwardProp, {
   createShouldForwardProp,
   props,
 } from '@soroush.tech/styled-system/should-forward-prop'
 ```
 
+`themeGet` is also re-exported from the package root (as both a named and the default
+export), so `import { themeGet } from '@soroush.tech/styled-system'` works too.
+
 ## Drop-in via alias
 
 Existing `styled-system` users can swap with a package-manager alias — no code changes:
@@ -126,8 +130,9 @@ Existing `styled-system` users can swap with a package-manager alias — no code
 }
 ```
 
-`@styled-system/should-forward-prop` maps to the
-`@soroush.tech/styled-system/should-forward-prop` subpath.
+Every `@styled-system/*` satellite maps 1:1 to the matching
+`@soroush.tech/styled-system/*` subpath — e.g. `@styled-system/should-forward-prop`,
+`@styled-system/prop-types`, `@styled-system/theme-get`, `@styled-system/css`.
 
 ## Documentation
 

package/dist/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_core = require("./core.cjs");
 const require_background = require("./background-wugr6cG7.cjs");
 const require_border = require("./border-UuT-fTpy.cjs");
@@ -123,6 +126,7 @@ exports.colorStyle = require_variant.colorStyle;
 exports.compose = require_core.compose;
 exports.createParser = require_core.createParser;
 exports.createStyleFunction = require_core.createStyleFunction;
+exports.default = require_theme_get.themeGet;
 exports.display = display;
 exports.flex = flex;
 exports.flexBasis = flexBasis;

package/dist/index.d.cts

@@ -97,4 +97,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, RightProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, VerticalAlignProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, 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, textStyle, themeGet, top, typography, variant, verticalAlign, width, zIndex };
+export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, RightProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, VerticalAlignProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, themeGet as default, themeGet, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, 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, textStyle, top, typography, variant, verticalAlign, width, zIndex };

package/dist/index.d.mts

@@ -97,4 +97,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, RightProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, VerticalAlignProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, 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, textStyle, themeGet, top, typography, variant, verticalAlign, width, zIndex };
+export { AlignContentProps, AlignItemsProps, AlignSelfProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, RightProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type SystemConfig, TLengthStyledSystem, TextAlignProps, TextColorProps, TextShadowProps, TextStyleProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, VerticalAlignProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, themeGet as default, themeGet, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, 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, textStyle, top, typography, variant, verticalAlign, width, zIndex };

package/dist/index.mjs

@@ -96,4 +96,4 @@ const right = positionFns.right;
 const bottom = positionFns.bottom;
 const left = positionFns.left;
 //#endregion
-export { alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, 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, textStyle, themeGet, top, typography, variant, verticalAlign, 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, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, themeGet as default, themeGet, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, 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, textStyle, top, typography, variant, verticalAlign, width, zIndex };

package/dist/prop-types.cjs

@@ -0,0 +1,48 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("./rolldown-runtime-D6vf50IK.cjs");
+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-JlwVxg8y.cjs");
+const require_position = require("./position-zWvCE4hD.cjs");
+const require_typography = require("./typography-DD_eWLLx.cjs");
+const require_space = require("./space-CAX_62yL.cjs");
+const require_shadow = require("./shadow-BrDnaQQl.cjs");
+const require_variant = require("./variant-C7vPzZHo.cjs");
+let prop_types = require("prop-types");
+prop_types = require_rolldown_runtime.__toESM(prop_types, 1);
+//#region src/prop-types/prop-types.ts
+const propType = prop_types.default.oneOfType([
+	prop_types.default.number,
+	prop_types.default.string,
+	prop_types.default.array,
+	prop_types.default.object
+]);
+const createPropTypes = (props) => props.reduce((acc, name) => {
+	acc[name] = propType;
+	return acc;
+}, {});
+const propTypes = {
+	space: createPropTypes(require_space.space.propNames),
+	color: createPropTypes(require_color.color.propNames),
+	layout: createPropTypes(require_layout.layout.propNames),
+	typography: createPropTypes(require_typography.typography.propNames),
+	flexbox: createPropTypes(require_flexbox.flexbox.propNames),
+	border: createPropTypes(require_border.border.propNames),
+	background: createPropTypes(require_background.background.propNames),
+	position: createPropTypes(require_position.position.propNames),
+	grid: createPropTypes(require_grid.grid.propNames),
+	shadow: createPropTypes(require_shadow.shadow.propNames),
+	buttonStyle: createPropTypes(require_variant.buttonStyle.propNames),
+	textStyle: createPropTypes(require_variant.textStyle.propNames),
+	colorStyle: createPropTypes(require_variant.colorStyle.propNames)
+};
+//#endregion
+exports.createPropTypes = createPropTypes;
+exports.default = propTypes;
+exports.propType = propType;

package/dist/prop-types.d.cts

@@ -0,0 +1,22 @@
+//#region src/prop-types/prop-types.d.ts
+type PropTypeValidator = (props: Record<string, unknown>, propName: string, componentName: string, location: string, propFullName: string) => Error | null;
+type PropTypeMap = Record<string, PropTypeValidator>;
+declare const propType: PropTypeValidator;
+declare const createPropTypes: (props: string[]) => PropTypeMap;
+declare const propTypes: {
+  space: PropTypeMap;
+  color: PropTypeMap;
+  layout: PropTypeMap;
+  typography: PropTypeMap;
+  flexbox: PropTypeMap;
+  border: PropTypeMap;
+  background: PropTypeMap;
+  position: PropTypeMap;
+  grid: PropTypeMap;
+  shadow: PropTypeMap;
+  buttonStyle: PropTypeMap;
+  textStyle: PropTypeMap;
+  colorStyle: PropTypeMap;
+};
+//#endregion
+export { PropTypeMap, PropTypeValidator, createPropTypes, propTypes as default, propType };

package/dist/prop-types.d.mts

@@ -0,0 +1,22 @@
+//#region src/prop-types/prop-types.d.ts
+type PropTypeValidator = (props: Record<string, unknown>, propName: string, componentName: string, location: string, propFullName: string) => Error | null;
+type PropTypeMap = Record<string, PropTypeValidator>;
+declare const propType: PropTypeValidator;
+declare const createPropTypes: (props: string[]) => PropTypeMap;
+declare const propTypes: {
+  space: PropTypeMap;
+  color: PropTypeMap;
+  layout: PropTypeMap;
+  typography: PropTypeMap;
+  flexbox: PropTypeMap;
+  border: PropTypeMap;
+  background: PropTypeMap;
+  position: PropTypeMap;
+  grid: PropTypeMap;
+  shadow: PropTypeMap;
+  buttonStyle: PropTypeMap;
+  textStyle: PropTypeMap;
+  colorStyle: PropTypeMap;
+};
+//#endregion
+export { PropTypeMap, PropTypeValidator, createPropTypes, propTypes as default, propType };

package/dist/prop-types.mjs

@@ -0,0 +1,40 @@
+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-Dx0Un_6l.mjs";
+import { t as position } from "./position-jf6VlRyR.mjs";
+import { t as typography } from "./typography-CptBXSy0.mjs";
+import { r as space } from "./space-DEf9-0r9.mjs";
+import { t as shadow } from "./shadow-Bp7lx_41.mjs";
+import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DQA9pqwW.mjs";
+import PropTypes from "prop-types";
+//#region src/prop-types/prop-types.ts
+const propType = PropTypes.oneOfType([
+	PropTypes.number,
+	PropTypes.string,
+	PropTypes.array,
+	PropTypes.object
+]);
+const createPropTypes = (props) => props.reduce((acc, name) => {
+	acc[name] = propType;
+	return acc;
+}, {});
+const propTypes = {
+	space: createPropTypes(space.propNames),
+	color: createPropTypes(color.propNames),
+	layout: createPropTypes(layout.propNames),
+	typography: createPropTypes(typography.propNames),
+	flexbox: createPropTypes(flexbox.propNames),
+	border: createPropTypes(border.propNames),
+	background: createPropTypes(background.propNames),
+	position: createPropTypes(position.propNames),
+	grid: createPropTypes(grid.propNames),
+	shadow: createPropTypes(shadow.propNames),
+	buttonStyle: createPropTypes(buttonStyle.propNames),
+	textStyle: createPropTypes(textStyle.propNames),
+	colorStyle: createPropTypes(colorStyle.propNames)
+};
+//#endregion
+export { createPropTypes, propTypes as default, propType };

package/dist/rolldown-runtime-D6vf50IK.cjs

@@ -0,0 +1,28 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
+});

package/dist/should-forward-prop.cjs

@@ -2,31 +2,10 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-//#region \0rolldown/runtime.js
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-//#endregion
+const require_rolldown_runtime = require("./rolldown-runtime-D6vf50IK.cjs");
 const require_presets = require("./presets-BgKBhlRl.cjs");
 let _emotion_is_prop_valid = require("@emotion/is-prop-valid");
-_emotion_is_prop_valid = __toESM(_emotion_is_prop_valid, 1);
+_emotion_is_prop_valid = require_rolldown_runtime.__toESM(_emotion_is_prop_valid, 1);
 //#region src/should-forward-prop/should-forward-prop.ts
 const memoize = (fn) => {
 	const cache = Object.create(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/styled-system",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "description": "Maintained, first-class-TypeScript rewrite of styled-system — responsive, theme-aware style props for CSS-in-JS. Drop-in replacement for styled-system v5.",
   "keywords": [
     "styled-system",
@@ -188,6 +188,16 @@
         "default": "./dist/props.cjs"
       }
     },
+    "./prop-types": {
+      "import": {
+        "types": "./dist/prop-types.d.mts",
+        "default": "./dist/prop-types.mjs"
+      },
+      "require": {
+        "types": "./dist/prop-types.d.cts",
+        "default": "./dist/prop-types.cjs"
+      }
+    },
     "./should-forward-prop": {
       "import": {
         "types": "./dist/should-forward-prop.d.mts",
@@ -210,13 +220,21 @@
     "csstype": "^3.1.3"
   },
   "peerDependencies": {
-    "@emotion/is-prop-valid": "^1.4.0"
+    "@emotion/is-prop-valid": "^1.4.0",
+    "prop-types": "^15.8.1"
+  },
+  "peerDependenciesMeta": {
+    "prop-types": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
+    "@types/prop-types": "^15.7.12",
     "@vitest/coverage-v8": "^4.1.9",
     "eslint": "^10.5.0",
     "globals": "^17.7.0",
+    "prop-types": "^15.8.1",
     "tsdown": "^0.22.3",
     "typescript": "~6.0.3",
     "vitest": "^4.1.9",