@soroush.tech/styled-system 5.2.0 → 5.3.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, 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

@@ -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, 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.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/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/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 };