@soroush.tech/styled-system 5.3.0 → 5.5.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,6 +110,7 @@ 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,
@@ -126,8 +127,19 @@ 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.
+The satellite `@styled-system/*` packages don't need separate aliases — import them as
+subpaths off the aliased `styled-system` name, and they resolve through this package's
+`exports`:
+
+```ts
+import themeGet from 'styled-system/theme-get'
+import propTypes from 'styled-system/prop-types'
+import { css } from 'styled-system/css'
+import shouldForwardProp from 'styled-system/should-forward-prop'
+```
+
+Types resolve under both modern module resolution (`node16`/`nodenext`/`bundler`, via
+`exports`) and classic `node` (via `typesVersions`).
 
 ## Documentation
 

package/dist/index.cjs

@@ -11,7 +11,6 @@ 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");
-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 = {};
@@ -178,7 +177,6 @@ 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;

package/dist/index.d.cts

@@ -11,7 +11,6 @@ import { t as typography } from "./index-BrXslH97.cjs";
 import { t as position } from "./index-DS-HZ740.cjs";
 import { t as shadow } from "./index-CvbdNFVK.cjs";
 import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle } from "./index-5FNmSnEI.cjs";
-import { t as themeGet } from "./index-CTguR0fU.cjs";
 
 //#region src/style/style.d.ts
 interface StyleOptions {
@@ -97,4 +96,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, 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

@@ -11,7 +11,6 @@ import { t as typography } from "./index-DzPnzx9p.mjs";
 import { t as position } from "./index-Cq-vX0It.mjs";
 import { t as shadow } from "./index-F79chYlR.mjs";
 import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle } from "./index-CeQ5ox80.mjs";
-import { t as themeGet } from "./index-C_ikENGU.mjs";
 
 //#region src/style/style.d.ts
 interface StyleOptions {
@@ -97,4 +96,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, 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

@@ -10,7 +10,6 @@ import { t as typography } from "./typography-CptBXSy0.mjs";
 import { n as padding, r as space, t as margin } from "./space-DEf9-0r9.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-DQA9pqwW.mjs";
-import { t as themeGet } from "./theme-get-CwPt9eDy.mjs";
 //#region src/style/style.ts
 const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
 	const config = {};
@@ -96,4 +95,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, 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/dist/theme-get.cjs

@@ -2,6 +2,9 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_theme_get = require("./theme-get-D0fH7Jrd.cjs");
-exports.default = require_theme_get.themeGet;
-exports.themeGet = require_theme_get.themeGet;
+const require_core = require("./core.cjs");
+//#region src/theme-get/theme-get.ts
+const themeGet = (path, fallback = null) => (props) => require_core.get(props.theme, path, fallback);
+//#endregion
+exports.default = themeGet;
+exports.themeGet = themeGet;

package/dist/theme-get.d.cts

@@ -1,2 +1,6 @@
-import { t as themeGet } from "./index-CTguR0fU.cjs";
+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 default, themeGet };

package/dist/theme-get.d.mts

@@ -1,2 +1,6 @@
-import { t as themeGet } from "./index-C_ikENGU.mjs";
+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 default, themeGet };

package/dist/theme-get.mjs

@@ -1,2 +1,5 @@
-import { t as themeGet } from "./theme-get-CwPt9eDy.mjs";
+import { get } from "./core.mjs";
+//#region src/theme-get/theme-get.ts
+const themeGet = (path, fallback = null) => (props) => get(props.theme, path, fallback);
+//#endregion
 export { themeGet as default, themeGet };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/styled-system",
-  "version": "5.3.0",
+  "version": "5.5.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",
@@ -230,5 +248,60 @@
     "test:coverage": "vitest run --coverage"
   },
   "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs"
+  "module": "./dist/index.mjs",
+  "typesVersions": {
+    "*": {
+      "core": [
+        "./dist/core.d.cts"
+      ],
+      "space": [
+        "./dist/space.d.cts"
+      ],
+      "color": [
+        "./dist/color.d.cts"
+      ],
+      "layout": [
+        "./dist/layout.d.cts"
+      ],
+      "typography": [
+        "./dist/typography.d.cts"
+      ],
+      "flexbox": [
+        "./dist/flexbox.d.cts"
+      ],
+      "grid": [
+        "./dist/grid.d.cts"
+      ],
+      "background": [
+        "./dist/background.d.cts"
+      ],
+      "border": [
+        "./dist/border.d.cts"
+      ],
+      "position": [
+        "./dist/position.d.cts"
+      ],
+      "shadow": [
+        "./dist/shadow.d.cts"
+      ],
+      "variant": [
+        "./dist/variant.d.cts"
+      ],
+      "css": [
+        "./dist/css.d.cts"
+      ],
+      "theme-get": [
+        "./dist/theme-get.d.cts"
+      ],
+      "props": [
+        "./dist/props.d.cts"
+      ],
+      "prop-types": [
+        "./dist/prop-types.d.cts"
+      ],
+      "should-forward-prop": [
+        "./dist/should-forward-prop.d.cts"
+      ]
+    }
+  }
 }

package/dist/index-CTguR0fU.d.cts

@@ -1,6 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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/theme-get-CwPt9eDy.mjs

@@ -1,5 +0,0 @@
-import { get } from "./core.mjs";
-//#region src/theme-get/theme-get.ts
-const themeGet = (path, fallback = null) => (props) => get(props.theme, path, fallback);
-//#endregion
-export { themeGet as t };

package/dist/theme-get-D0fH7Jrd.cjs

@@ -1,10 +0,0 @@
-const require_core = require("./core.cjs");
-//#region src/theme-get/theme-get.ts
-const themeGet = (path, fallback = null) => (props) => require_core.get(props.theme, path, fallback);
-//#endregion
-Object.defineProperty(exports, "themeGet", {
-	enumerable: true,
-	get: function() {
-		return themeGet;
-	}
-});