@soroush.tech/styled-system 5.1.6 → 5.3.0

package/dist/index.d.cts

@@ -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.cjs";
-import { t as background } from "./index-DZaFk5pk.cjs";
-import { t as border } from "./index-BoMacn6F.cjs";
-import { t as color } from "./index-j3E1mxCg.cjs";
-import { t as flexbox } from "./index-BS9GuhQN.cjs";
-import { t as grid } from "./index-Ce09s0FQ.cjs";
-import { n as padding, r as space, t as margin } from "./index-50KH4Mo7.cjs";
-import { t as layout } from "./index-Nc-10syf.cjs";
-import { t as typography } from "./index-CarHCWLQ.cjs";
-import { t as position } from "./index-z86wOHTb.cjs";
-import { t as shadow } from "./index-DVR6hZCd.cjs";
-import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle } from "./index-8PSQ0vkP.cjs";
-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.cjs";
+import { t as background } from "./index-BFzj-f22.cjs";
+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.cjs";
+import { t as border } from "./index-Dz8xde7b.cjs";
+import { t as color } from "./index-Dxn97XnB.cjs";
+import { t as flexbox } from "./index-Bd7E_7bm.cjs";
+import { t as grid } from "./index-HNU5ME-U.cjs";
+import { n as padding, r as space, t as margin } from "./index-B4DiqzRr.cjs";
+import { t as layout } from "./index-CuQx9h4Q.cjs";
+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 {
@@ -32,188 +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 | 0 | 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 };
-type L = TLengthStyledSystem;
-interface SpaceProps<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>;
-  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 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<L>, ThemeType>;
-  height?: ResponsiveValue<CSS.Property.Height<L>, ThemeType>;
-  minWidth?: ResponsiveValue<CSS.Property.MinWidth<L>, ThemeType>;
-  minHeight?: ResponsiveValue<CSS.Property.MinHeight<L>, ThemeType>;
-  maxWidth?: ResponsiveValue<CSS.Property.MaxWidth<L>, ThemeType>;
-  maxHeight?: ResponsiveValue<CSS.Property.MaxHeight<L>, ThemeType>;
-  size?: ResponsiveValue<CSS.Property.Width<L>, 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<L>, 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<L>, 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<L>, ThemeType>;
-  flexGrow?: ResponsiveValue<CSS.Property.FlexGrow, ThemeType>;
-  flexShrink?: ResponsiveValue<CSS.Property.FlexShrink, ThemeType>;
-  flexBasis?: ResponsiveValue<CSS.Property.FlexBasis<L>, 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<L>, ThemeType>;
-  right?: ResponsiveValue<CSS.Property.Right<L>, ThemeType>;
-  bottom?: ResponsiveValue<CSS.Property.Bottom<L>, ThemeType>;
-  left?: ResponsiveValue<CSS.Property.Left<L>, 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<L>, ThemeType>;
-  borderWidth?: ResponsiveValue<CSS.Property.BorderWidth<L>, ThemeType>;
-  borderStyle?: ResponsiveValue<CSS.Property.BorderStyle, ThemeType>;
-  borderColor?: ResponsiveValue<ThemeValue<'colors', ThemeType>, ThemeType>;
-  borderRadius?: ResponsiveValue<ThemeValue<'radii', ThemeType>, ThemeType>;
-  borderTop?: ResponsiveValue<CSS.Property.BorderTop<L>, ThemeType>;
-  borderRight?: ResponsiveValue<CSS.Property.BorderRight<L>, ThemeType>;
-  borderBottom?: ResponsiveValue<CSS.Property.BorderBottom<L>, ThemeType>;
-  borderLeft?: ResponsiveValue<CSS.Property.BorderLeft<L>, ThemeType>;
-}
-interface BackgroundProps<ThemeType extends Theme = RequiredTheme> {
-  background?: ResponsiveValue<CSS.Property.Background<L>, ThemeType>;
-  backgroundImage?: ResponsiveValue<CSS.Property.BackgroundImage, ThemeType>;
-  backgroundSize?: ResponsiveValue<CSS.Property.BackgroundSize<L>, ThemeType>;
-  backgroundPosition?: ResponsiveValue<CSS.Property.BackgroundPosition<L>, ThemeType>;
-  backgroundRepeat?: ResponsiveValue<CSS.Property.BackgroundRepeat, ThemeType>;
-}
-interface GridProps<ThemeType extends Theme = RequiredTheme> {
-  gridGap?: ResponsiveValue<CSS.Property.GridGap<L>, ThemeType>;
-  gridColumnGap?: ResponsiveValue<CSS.Property.GridColumnGap<L>, ThemeType>;
-  gridRowGap?: ResponsiveValue<CSS.Property.GridRowGap<L>, ThemeType>;
-  gridColumn?: ResponsiveValue<CSS.Property.GridColumn, ThemeType>;
-  gridRow?: ResponsiveValue<CSS.Property.GridRow, ThemeType>;
-  gridAutoFlow?: ResponsiveValue<CSS.Property.GridAutoFlow, ThemeType>;
-  gridAutoColumns?: ResponsiveValue<CSS.Property.GridAutoColumns<L>, ThemeType>;
-  gridAutoRows?: ResponsiveValue<CSS.Property.GridAutoRows<L>, ThemeType>;
-  gridTemplateColumns?: ResponsiveValue<CSS.Property.GridTemplateColumns<L>, ThemeType>;
-  gridTemplateRows?: ResponsiveValue<CSS.Property.GridTemplateRows<L>, 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;
@@ -278,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, 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 };

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,188 +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 | 0 | 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 };
-type L = TLengthStyledSystem;
-interface SpaceProps<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>;
-  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 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<L>, ThemeType>;
-  height?: ResponsiveValue<CSS.Property.Height<L>, ThemeType>;
-  minWidth?: ResponsiveValue<CSS.Property.MinWidth<L>, ThemeType>;
-  minHeight?: ResponsiveValue<CSS.Property.MinHeight<L>, ThemeType>;
-  maxWidth?: ResponsiveValue<CSS.Property.MaxWidth<L>, ThemeType>;
-  maxHeight?: ResponsiveValue<CSS.Property.MaxHeight<L>, ThemeType>;
-  size?: ResponsiveValue<CSS.Property.Width<L>, 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<L>, 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<L>, 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<L>, ThemeType>;
-  flexGrow?: ResponsiveValue<CSS.Property.FlexGrow, ThemeType>;
-  flexShrink?: ResponsiveValue<CSS.Property.FlexShrink, ThemeType>;
-  flexBasis?: ResponsiveValue<CSS.Property.FlexBasis<L>, 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<L>, ThemeType>;
-  right?: ResponsiveValue<CSS.Property.Right<L>, ThemeType>;
-  bottom?: ResponsiveValue<CSS.Property.Bottom<L>, ThemeType>;
-  left?: ResponsiveValue<CSS.Property.Left<L>, 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<L>, ThemeType>;
-  borderWidth?: ResponsiveValue<CSS.Property.BorderWidth<L>, ThemeType>;
-  borderStyle?: ResponsiveValue<CSS.Property.BorderStyle, ThemeType>;
-  borderColor?: ResponsiveValue<ThemeValue<'colors', ThemeType>, ThemeType>;
-  borderRadius?: ResponsiveValue<ThemeValue<'radii', ThemeType>, ThemeType>;
-  borderTop?: ResponsiveValue<CSS.Property.BorderTop<L>, ThemeType>;
-  borderRight?: ResponsiveValue<CSS.Property.BorderRight<L>, ThemeType>;
-  borderBottom?: ResponsiveValue<CSS.Property.BorderBottom<L>, ThemeType>;
-  borderLeft?: ResponsiveValue<CSS.Property.BorderLeft<L>, ThemeType>;
-}
-interface BackgroundProps<ThemeType extends Theme = RequiredTheme> {
-  background?: ResponsiveValue<CSS.Property.Background<L>, ThemeType>;
-  backgroundImage?: ResponsiveValue<CSS.Property.BackgroundImage, ThemeType>;
-  backgroundSize?: ResponsiveValue<CSS.Property.BackgroundSize<L>, ThemeType>;
-  backgroundPosition?: ResponsiveValue<CSS.Property.BackgroundPosition<L>, ThemeType>;
-  backgroundRepeat?: ResponsiveValue<CSS.Property.BackgroundRepeat, ThemeType>;
-}
-interface GridProps<ThemeType extends Theme = RequiredTheme> {
-  gridGap?: ResponsiveValue<CSS.Property.GridGap<L>, ThemeType>;
-  gridColumnGap?: ResponsiveValue<CSS.Property.GridColumnGap<L>, ThemeType>;
-  gridRowGap?: ResponsiveValue<CSS.Property.GridRowGap<L>, ThemeType>;
-  gridColumn?: ResponsiveValue<CSS.Property.GridColumn, ThemeType>;
-  gridRow?: ResponsiveValue<CSS.Property.GridRow, ThemeType>;
-  gridAutoFlow?: ResponsiveValue<CSS.Property.GridAutoFlow, ThemeType>;
-  gridAutoColumns?: ResponsiveValue<CSS.Property.GridAutoColumns<L>, ThemeType>;
-  gridAutoRows?: ResponsiveValue<CSS.Property.GridAutoRows<L>, ThemeType>;
-  gridTemplateColumns?: ResponsiveValue<CSS.Property.GridTemplateColumns<L>, ThemeType>;
-  gridTemplateRows?: ResponsiveValue<CSS.Property.GridTemplateRows<L>, 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;
@@ -278,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, 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 };

package/dist/index.mjs

@@ -4,12 +4,13 @@ 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-TqD8vcEl.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 { n as padding, r as space, t as margin } from "./space-CNrX-zoo.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-CWUfe1Cc.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, 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 };

package/dist/{layout-TqD8vcEl.mjs → layout-Dx0Un_6l.mjs}

@@ -1,6 +1,6 @@
 import { get, system } from "./core.mjs";
 //#region src/layout/layout.ts
-const isNumber = (n) => typeof n === "number" && !isNaN(n);
+const isNumber = (n) => typeof n === "number" && !Number.isNaN(n);
 const getWidth = (n, scale) => get(scale, n, !isNumber(n) || n > 1 ? n : n * 100 + "%");
 const layout = system({
 	width: {

package/dist/{layout-B1-2dfQ9.cjs → layout-JlwVxg8y.cjs}

@@ -1,6 +1,6 @@
 const require_core = require("./core.cjs");
 //#region src/layout/layout.ts
-const isNumber = (n) => typeof n === "number" && !isNaN(n);
+const isNumber = (n) => typeof n === "number" && !Number.isNaN(n);
 const getWidth = (n, scale) => require_core.get(scale, n, !isNumber(n) || n > 1 ? n : n * 100 + "%");
 const config = {
 	width: {

package/dist/layout.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_layout = require("./layout-B1-2dfQ9.cjs");
+const require_layout = require("./layout-JlwVxg8y.cjs");
 exports.default = require_layout.layout;
 exports.layout = require_layout.layout;

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/layout.mjs

@@ -1,2 +1,2 @@
-import { t as layout } from "./layout-TqD8vcEl.mjs";
+import { t as layout } from "./layout-Dx0Un_6l.mjs";
 export { 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/{presets-DlUVOAIL.cjs → presets-BgKBhlRl.cjs}

@@ -4,12 +4,12 @@ const require_border = require("./border-UuT-fTpy.cjs");
 const require_color = require("./color-BNs17Gw-.cjs");
 const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
 const require_grid = require("./grid-CpvRIng4.cjs");
-const require_layout = require("./layout-B1-2dfQ9.cjs");
+const require_layout = require("./layout-JlwVxg8y.cjs");
 const require_position = require("./position-zWvCE4hD.cjs");
 const require_typography = require("./typography-DD_eWLLx.cjs");
-const require_space = require("./space-C14uiNpw.cjs");
+const require_space = require("./space-CAX_62yL.cjs");
 const require_shadow = require("./shadow-BrDnaQQl.cjs");
-const require_variant = require("./variant-ChsBzwrI.cjs");
+const require_variant = require("./variant-C7vPzZHo.cjs");
 //#region src/presets/presets.ts
 const all = require_core.compose(require_space.space, require_typography.typography, require_color.color, require_layout.layout, require_flexbox.flexbox, require_border.border, require_background.background, require_position.position, require_grid.grid, require_shadow.shadow, require_variant.buttonStyle, require_variant.textStyle, require_variant.colorStyle);
 //#endregion

package/dist/{presets-DjaCx0dm.mjs → presets-CcKoA0BA.mjs}

@@ -4,12 +4,12 @@ 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-TqD8vcEl.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-CNrX-zoo.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-CWUfe1Cc.mjs";
+import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-DQA9pqwW.mjs";
 //#region src/presets/presets.ts
 const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle);
 //#endregion

package/dist/props.cjs

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_presets = require("./presets-DlUVOAIL.cjs");
+const require_presets = require("./presets-BgKBhlRl.cjs");
 //#region src/props/props.ts
-const regex = new RegExp(`^(${require_presets.all.propNames.join("|")})$`);
+const styledSystemProps = new Set(require_presets.all.propNames);
 const omit = (props) => {
 	const next = {};
 	for (const key in props) {
-		if (regex.test(key)) continue;
+		if (key === "__proto__" || styledSystemProps.has(key)) continue;
 		next[key] = props[key];
 	}
 	return next;
@@ -13,7 +13,7 @@ const omit = (props) => {
 const pick = (props) => {
 	const next = {};
 	for (const key in props) {
-		if (!regex.test(key)) continue;
+		if (!styledSystemProps.has(key)) continue;
 		next[key] = props[key];
 	}
 	return next;