@soroush.tech/styled-system 5.2.0 → 5.4.0

package/dist/index.d.mts

@@ -1,16 +1,17 @@
-import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, i as ParserConfig, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, u as Transform } from "./index-D8EyRZ5p.mjs";
-import { t as background } from "./index-9ZhIewzy.mjs";
-import { t as border } from "./index-Bx7IxKu-.mjs";
-import { t as color } from "./index-D3t1Lyte.mjs";
-import { t as flexbox } from "./index-CX2jWEGJ.mjs";
-import { t as grid } from "./index-J3PebPto.mjs";
-import { n as padding, r as space, t as margin } from "./index-C3_fScux.mjs";
-import { t as layout } from "./index-CsS_gcI9.mjs";
-import { t as typography } from "./index-C13YRARN.mjs";
-import { t as position } from "./index-CrUx2vIP.mjs";
-import { t as shadow } from "./index-DPWkvooj.mjs";
-import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle } from "./index-BBTVE4EM.mjs";
-import * as CSS from "csstype";
+import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, i as ParserConfig, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, u as Transform } from "./index-C6pWum7i.mjs";
+import { t as background } from "./index-BDKAW1u8.mjs";
+import { $ as LayoutProps, A as FlexWrapProps, At as VerticalAlignProps, B as GridColumnGapProps, C as ColorStyleProps, Ct as TextColorProps, D as FlexGrowProps, Dt as ThemeValue, E as FlexDirectionProps, Et as Theme, F as FontWeightProps, G as GridRowProps, H as GridGapProps, I as GridAreaProps, J as GridTemplateRowsProps, K as GridTemplateAreasProps, L as GridAutoColumnsProps, M as FontFamilyProps, Mt as ZIndexProps, N as FontSizeProps, O as FlexProps, Ot as TopProps, P as FontStyleProps, Q as JustifySelfProps, R as GridAutoFlowProps, S as ColorProps, St as TextAlignProps, T as FlexBasisProps, Tt as TextStyleProps, U as GridProps, V as GridColumnProps, W as GridRowGapProps, X as JustifyContentProps, Y as HeightProps, Z as JustifyItemsProps, _ as BorderTopProps, _t as Scale, a as BackgroundImageProps, at as MaxWidthProps, b as BoxShadowProps, bt as SpaceProps, c as BackgroundRepeatProps, ct as ObjectOrArray, d as BorderColorProps, dt as OverflowProps, et as LeftProps, f as BorderLeftProps, ft as PaddingProps, g as BorderStyleProps, gt as RightProps, h as BorderRightProps, ht as ResponsiveValue, i as BackgroundColorProps, it as MaxHeightProps, j as FlexboxProps, jt as WidthProps, k as FlexShrinkProps, kt as TypographyProps, l as BackgroundSizeProps, lt as OpacityProps, m as BorderRadiusProps, mt as RequiredTheme, n as AlignItemsProps, nt as LineHeightProps, o as BackgroundPositionProps, ot as MinHeightProps, p as BorderProps, pt as PositionProps, q as GridTemplateColumnsProps, r as AlignSelfProps, rt as MarginProps, s as BackgroundProps, st as MinWidthProps, t as AlignContentProps, tt as LetterSpacingProps, u as BorderBottomProps, ut as OrderProps, v as BorderWidthProps, vt as ShadowProps, w as DisplayProps, wt as TextShadowProps, x as ButtonStyleProps, xt as TLengthStyledSystem, y as BottomProps, yt as SizeProps, z as GridAutoRowsProps } from "./types-CCujn9-2.mjs";
+import { t as border } from "./index-DLcnFzWU.mjs";
+import { t as color } from "./index-D9W3cc9s.mjs";
+import { t as flexbox } from "./index-D7-Ctdwn.mjs";
+import { t as grid } from "./index-BvNoOnuk.mjs";
+import { n as padding, r as space, t as margin } from "./index--0QXsrzB.mjs";
+import { t as layout } from "./index-BPHA_boa.mjs";
+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 {
@@ -32,158 +33,6 @@ declare const style: ({
   properties
 }: StyleOptions) => Parser;
 //#endregion
-//#region src/types.d.ts
-type ObjectOrArray<T, K extends keyof never = keyof never> = T[] | Record<K, T | Record<K, T> | T[]>;
-type Scale = ObjectOrArray<number | string>;
-type TLengthStyledSystem = string | number;
-interface Theme<TLength = TLengthStyledSystem> {
-  breakpoints?: ObjectOrArray<number | string | symbol>;
-  mediaQueries?: {
-    [size: string]: string;
-  };
-  space?: ObjectOrArray<CSS.Property.Margin<number | string>>;
-  fontSizes?: ObjectOrArray<CSS.Property.FontSize<number>>;
-  colors?: ObjectOrArray<CSS.Property.Color>;
-  fonts?: ObjectOrArray<CSS.Property.FontFamily>;
-  fontWeights?: ObjectOrArray<CSS.Property.FontWeight>;
-  lineHeights?: ObjectOrArray<CSS.Property.LineHeight<TLength>>;
-  letterSpacings?: ObjectOrArray<CSS.Property.LetterSpacing<TLength>>;
-  sizes?: ObjectOrArray<CSS.Property.Height<object> | CSS.Property.Width<object>>;
-  borders?: ObjectOrArray<CSS.Property.Border<object>>;
-  borderStyles?: ObjectOrArray<CSS.Property.Border<object>>;
-  borderWidths?: ObjectOrArray<CSS.Property.BorderWidth<TLength>>;
-  radii?: ObjectOrArray<CSS.Property.BorderRadius<TLength>>;
-  shadows?: ObjectOrArray<CSS.Property.BoxShadow>;
-  zIndices?: ObjectOrArray<CSS.Property.ZIndex>;
-  buttons?: ObjectOrArray<CSS.StandardProperties>;
-  colorStyles?: ObjectOrArray<CSS.StandardProperties>;
-  textStyles?: ObjectOrArray<CSS.StandardProperties>;
-}
-type RequiredTheme = Required<Theme>;
-type ThemeValue<K extends keyof ThemeType, ThemeType, TVal = unknown> = NonNullable<ThemeType[K]> extends TVal[] ? number : NonNullable<ThemeType[K]> extends Record<infer E, TVal> ? E : NonNullable<ThemeType[K]> extends ObjectOrArray<infer F> ? F : never;
-type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T };
-interface SpaceProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> extends MarginProps<ThemeType, TVal>, PaddingProps<ThemeType, TVal> {}
-interface MarginProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
-  m?: ResponsiveValue<TVal, ThemeType>;
-  margin?: ResponsiveValue<TVal, ThemeType>;
-  mt?: ResponsiveValue<TVal, ThemeType>;
-  marginTop?: ResponsiveValue<TVal, ThemeType>;
-  mr?: ResponsiveValue<TVal, ThemeType>;
-  marginRight?: ResponsiveValue<TVal, ThemeType>;
-  mb?: ResponsiveValue<TVal, ThemeType>;
-  marginBottom?: ResponsiveValue<TVal, ThemeType>;
-  ml?: ResponsiveValue<TVal, ThemeType>;
-  marginLeft?: ResponsiveValue<TVal, ThemeType>;
-  mx?: ResponsiveValue<TVal, ThemeType>;
-  marginX?: ResponsiveValue<TVal, ThemeType>;
-  my?: ResponsiveValue<TVal, ThemeType>;
-  marginY?: ResponsiveValue<TVal, ThemeType>;
-}
-interface PaddingProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
-  p?: ResponsiveValue<TVal, ThemeType>;
-  padding?: ResponsiveValue<TVal, ThemeType>;
-  pt?: ResponsiveValue<TVal, ThemeType>;
-  paddingTop?: ResponsiveValue<TVal, ThemeType>;
-  pr?: ResponsiveValue<TVal, ThemeType>;
-  paddingRight?: ResponsiveValue<TVal, ThemeType>;
-  pb?: ResponsiveValue<TVal, ThemeType>;
-  paddingBottom?: ResponsiveValue<TVal, ThemeType>;
-  pl?: ResponsiveValue<TVal, ThemeType>;
-  paddingLeft?: ResponsiveValue<TVal, ThemeType>;
-  px?: ResponsiveValue<TVal, ThemeType>;
-  paddingX?: ResponsiveValue<TVal, ThemeType>;
-  py?: ResponsiveValue<TVal, ThemeType>;
-  paddingY?: ResponsiveValue<TVal, ThemeType>;
-}
-interface LayoutProps<ThemeType extends Theme = RequiredTheme> {
-  width?: ResponsiveValue<CSS.Property.Width<TLengthStyledSystem>, ThemeType>;
-  height?: ResponsiveValue<CSS.Property.Height<TLengthStyledSystem>, ThemeType>;
-  minWidth?: ResponsiveValue<CSS.Property.MinWidth<TLengthStyledSystem>, ThemeType>;
-  minHeight?: ResponsiveValue<CSS.Property.MinHeight<TLengthStyledSystem>, ThemeType>;
-  maxWidth?: ResponsiveValue<CSS.Property.MaxWidth<TLengthStyledSystem>, ThemeType>;
-  maxHeight?: ResponsiveValue<CSS.Property.MaxHeight<TLengthStyledSystem>, ThemeType>;
-  size?: ResponsiveValue<CSS.Property.Width<TLengthStyledSystem>, ThemeType>;
-  overflow?: ResponsiveValue<CSS.Property.Overflow, ThemeType>;
-  overflowX?: ResponsiveValue<CSS.Property.OverflowX, ThemeType>;
-  overflowY?: ResponsiveValue<CSS.Property.OverflowY, ThemeType>;
-  display?: ResponsiveValue<CSS.Property.Display, ThemeType>;
-  verticalAlign?: ResponsiveValue<CSS.Property.VerticalAlign<TLengthStyledSystem>, ThemeType>;
-}
-interface TypographyProps<ThemeType extends Theme = RequiredTheme> {
-  fontFamily?: ResponsiveValue<CSS.Property.FontFamily, ThemeType>;
-  fontSize?: ResponsiveValue<ThemeValue<'fontSizes', ThemeType>, ThemeType>;
-  fontWeight?: ResponsiveValue<ThemeValue<'fontWeights', ThemeType> | string, ThemeType>;
-  lineHeight?: ResponsiveValue<ThemeValue<'lineHeights', ThemeType>, ThemeType>;
-  letterSpacing?: ResponsiveValue<CSS.Property.LetterSpacing<TLengthStyledSystem>, ThemeType>;
-  textAlign?: ResponsiveValue<CSS.Property.TextAlign, ThemeType>;
-  fontStyle?: ResponsiveValue<CSS.Property.FontStyle, ThemeType>;
-}
-interface FlexboxProps<ThemeType extends Theme = RequiredTheme> {
-  alignItems?: ResponsiveValue<CSS.Property.AlignItems, ThemeType>;
-  alignContent?: ResponsiveValue<CSS.Property.AlignContent, ThemeType>;
-  justifyItems?: ResponsiveValue<CSS.Property.JustifyItems, ThemeType>;
-  justifyContent?: ResponsiveValue<CSS.Property.JustifyContent, ThemeType>;
-  flexWrap?: ResponsiveValue<CSS.Property.FlexWrap, ThemeType>;
-  flexDirection?: ResponsiveValue<CSS.Property.FlexDirection, ThemeType>;
-  flex?: ResponsiveValue<CSS.Property.Flex<TLengthStyledSystem>, ThemeType>;
-  flexGrow?: ResponsiveValue<CSS.Property.FlexGrow, ThemeType>;
-  flexShrink?: ResponsiveValue<CSS.Property.FlexShrink, ThemeType>;
-  flexBasis?: ResponsiveValue<CSS.Property.FlexBasis<TLengthStyledSystem>, ThemeType>;
-  justifySelf?: ResponsiveValue<CSS.Property.JustifySelf, ThemeType>;
-  alignSelf?: ResponsiveValue<CSS.Property.AlignSelf, ThemeType>;
-  order?: ResponsiveValue<CSS.Property.Order, ThemeType>;
-}
-interface PositionProps<ThemeType extends Theme = RequiredTheme> {
-  position?: ResponsiveValue<CSS.Property.Position, ThemeType>;
-  zIndex?: ResponsiveValue<CSS.Property.ZIndex, ThemeType>;
-  top?: ResponsiveValue<CSS.Property.Top<TLengthStyledSystem>, ThemeType>;
-  right?: ResponsiveValue<CSS.Property.Right<TLengthStyledSystem>, ThemeType>;
-  bottom?: ResponsiveValue<CSS.Property.Bottom<TLengthStyledSystem>, ThemeType>;
-  left?: ResponsiveValue<CSS.Property.Left<TLengthStyledSystem>, ThemeType>;
-}
-interface ColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
-  color?: ResponsiveValue<TVal, ThemeType>;
-  backgroundColor?: ResponsiveValue<TVal, ThemeType>;
-  bg?: ResponsiveValue<TVal, ThemeType>;
-  opacity?: ResponsiveValue<CSS.Property.Opacity, ThemeType>;
-}
-interface BorderProps<ThemeType extends Theme = RequiredTheme> {
-  border?: ResponsiveValue<CSS.Property.Border<TLengthStyledSystem>, ThemeType>;
-  borderWidth?: ResponsiveValue<CSS.Property.BorderWidth<TLengthStyledSystem>, ThemeType>;
-  borderStyle?: ResponsiveValue<CSS.Property.BorderStyle, ThemeType>;
-  borderColor?: ResponsiveValue<ThemeValue<'colors', ThemeType>, ThemeType>;
-  borderRadius?: ResponsiveValue<ThemeValue<'radii', ThemeType>, ThemeType>;
-  borderTop?: ResponsiveValue<CSS.Property.BorderTop<TLengthStyledSystem>, ThemeType>;
-  borderRight?: ResponsiveValue<CSS.Property.BorderRight<TLengthStyledSystem>, ThemeType>;
-  borderBottom?: ResponsiveValue<CSS.Property.BorderBottom<TLengthStyledSystem>, ThemeType>;
-  borderLeft?: ResponsiveValue<CSS.Property.BorderLeft<TLengthStyledSystem>, ThemeType>;
-}
-interface BackgroundProps<ThemeType extends Theme = RequiredTheme> {
-  background?: ResponsiveValue<CSS.Property.Background<TLengthStyledSystem>, ThemeType>;
-  backgroundImage?: ResponsiveValue<CSS.Property.BackgroundImage, ThemeType>;
-  backgroundSize?: ResponsiveValue<CSS.Property.BackgroundSize<TLengthStyledSystem>, ThemeType>;
-  backgroundPosition?: ResponsiveValue<CSS.Property.BackgroundPosition<TLengthStyledSystem>, ThemeType>;
-  backgroundRepeat?: ResponsiveValue<CSS.Property.BackgroundRepeat, ThemeType>;
-}
-interface GridProps<ThemeType extends Theme = RequiredTheme> {
-  gridGap?: ResponsiveValue<CSS.Property.GridGap<TLengthStyledSystem>, ThemeType>;
-  gridColumnGap?: ResponsiveValue<CSS.Property.GridColumnGap<TLengthStyledSystem>, ThemeType>;
-  gridRowGap?: ResponsiveValue<CSS.Property.GridRowGap<TLengthStyledSystem>, ThemeType>;
-  gridColumn?: ResponsiveValue<CSS.Property.GridColumn, ThemeType>;
-  gridRow?: ResponsiveValue<CSS.Property.GridRow, ThemeType>;
-  gridAutoFlow?: ResponsiveValue<CSS.Property.GridAutoFlow, ThemeType>;
-  gridAutoColumns?: ResponsiveValue<CSS.Property.GridAutoColumns<TLengthStyledSystem>, ThemeType>;
-  gridAutoRows?: ResponsiveValue<CSS.Property.GridAutoRows<TLengthStyledSystem>, ThemeType>;
-  gridTemplateColumns?: ResponsiveValue<CSS.Property.GridTemplateColumns<TLengthStyledSystem>, ThemeType>;
-  gridTemplateRows?: ResponsiveValue<CSS.Property.GridTemplateRows<TLengthStyledSystem>, ThemeType>;
-  gridTemplateAreas?: ResponsiveValue<CSS.Property.GridTemplateAreas, ThemeType>;
-  gridArea?: ResponsiveValue<CSS.Property.GridArea, ThemeType>;
-}
-interface ShadowProps<ThemeType extends Theme = RequiredTheme> {
-  boxShadow?: ResponsiveValue<CSS.Property.BoxShadow | string, ThemeType>;
-  textShadow?: ResponsiveValue<CSS.Property.TextShadow | string, ThemeType>;
-}
-//#endregion
 //#region src/index.d.ts
 declare const width: Parser;
 declare const height: Parser;
@@ -248,4 +97,4 @@ declare const right: Parser;
 declare const bottom: Parser;
 declare const left: Parser;
 //#endregion
-export { BackgroundProps, BorderProps, ColorProps, type ConfigStyle, FlexboxProps, GridProps, LayoutProps, MarginProps, ObjectOrArray, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, Scale, ShadowProps, SpaceProps, type StyleFn, type StyleObject, type SystemConfig, TLengthStyledSystem, Theme, ThemeValue, type Transform, TypographyProps, 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 };
+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

@@ -10,6 +10,7 @@ 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 = {};
@@ -95,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, 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/layout.d.cts

@@ -1,2 +1,3 @@
-import { t as layout } from "./index-Nc-10syf.cjs";
-export { layout as default, layout };
+import { $ as LayoutProps, At as VerticalAlignProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, jt as WidthProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-CCujn9-2.cjs";
+import { t as layout } from "./index-CuQx9h4Q.cjs";
+export { type DisplayProps, type HeightProps, type LayoutProps, type MaxHeightProps, type MaxWidthProps, type MinHeightProps, type MinWidthProps, type OverflowProps, type SizeProps, type VerticalAlignProps, type WidthProps, layout as default, layout };

package/dist/layout.d.mts

@@ -1,2 +1,3 @@
-import { t as layout } from "./index-CsS_gcI9.mjs";
-export { layout as default, layout };
+import { $ as LayoutProps, At as VerticalAlignProps, Y as HeightProps, at as MaxWidthProps, dt as OverflowProps, it as MaxHeightProps, jt as WidthProps, ot as MinHeightProps, st as MinWidthProps, w as DisplayProps, yt as SizeProps } from "./types-CCujn9-2.mjs";
+import { t as layout } from "./index-BPHA_boa.mjs";
+export { type DisplayProps, type HeightProps, type LayoutProps, type MaxHeightProps, type MaxWidthProps, type MinHeightProps, type MinWidthProps, type OverflowProps, type SizeProps, type VerticalAlignProps, type WidthProps, layout as default, layout };

package/dist/position.d.cts

@@ -1,2 +1,3 @@
-import { t as position } from "./index-z86wOHTb.cjs";
-export { position as default, position };
+import { Mt as ZIndexProps, Ot as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps } from "./types-CCujn9-2.cjs";
+import { t as position } from "./index-DS-HZ740.cjs";
+export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };

package/dist/position.d.mts

@@ -1,2 +1,3 @@
-import { t as position } from "./index-CrUx2vIP.mjs";
-export { position as default, position };
+import { Mt as ZIndexProps, Ot as TopProps, et as LeftProps, gt as RightProps, pt as PositionProps, y as BottomProps } from "./types-CCujn9-2.mjs";
+import { t as position } from "./index-Cq-vX0It.mjs";
+export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };

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/shadow.d.cts

@@ -1,2 +1,3 @@
-import { t as shadow } from "./index-DVR6hZCd.cjs";
-export { shadow as default, shadow };
+import { b as BoxShadowProps, vt as ShadowProps, wt as TextShadowProps } from "./types-CCujn9-2.cjs";
+import { t as shadow } from "./index-CvbdNFVK.cjs";
+export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };

package/dist/shadow.d.mts

@@ -1,2 +1,3 @@
-import { t as shadow } from "./index-DPWkvooj.mjs";
-export { shadow as default, shadow };
+import { b as BoxShadowProps, vt as ShadowProps, wt as TextShadowProps } from "./types-CCujn9-2.mjs";
+import { t as shadow } from "./index-F79chYlR.mjs";
+export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };

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/space.d.cts

@@ -1,2 +1,3 @@
-import { n as padding, r as space, t as margin } from "./index-50KH4Mo7.cjs";
-export { space as default, space, margin, padding };
+import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-CCujn9-2.cjs";
+import { n as padding, r as space, t as margin } from "./index-B4DiqzRr.cjs";
+export { type MarginProps, type PaddingProps, type SpaceProps, space as default, space, margin, padding };

package/dist/space.d.mts

@@ -1,2 +1,3 @@
-import { n as padding, r as space, t as margin } from "./index-C3_fScux.mjs";
-export { space as default, space, margin, padding };
+import { bt as SpaceProps, ft as PaddingProps, rt as MarginProps } from "./types-CCujn9-2.mjs";
+import { n as padding, r as space, t as margin } from "./index--0QXsrzB.mjs";
+export { type MarginProps, type PaddingProps, type SpaceProps, space as default, space, margin, padding };

package/dist/theme-get-CwPt9eDy.mjs

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

@@ -0,0 +1,10 @@
+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;
+	}
+});

package/dist/theme-get.cjs

@@ -2,9 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-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;
+const require_theme_get = require("./theme-get-D0fH7Jrd.cjs");
+exports.default = require_theme_get.themeGet;
+exports.themeGet = require_theme_get.themeGet;

package/dist/theme-get.d.cts

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

package/dist/theme-get.d.mts

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

package/dist/theme-get.mjs

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