@soroush.tech/styled-system 5.2.0 → 5.4.0

package/dist/types-CCujn9-2.d.cts

@@ -0,0 +1,304 @@
+import * as CSS from "csstype";
+
+//#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 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 SpaceProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> extends MarginProps<ThemeType, TVal>, PaddingProps<ThemeType, TVal> {}
+interface WidthProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Width<TLengthStyledSystem>> {
+  width?: ResponsiveValue<TVal, ThemeType>;
+}
+interface HeightProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Height<TLengthStyledSystem>> {
+  height?: ResponsiveValue<TVal, ThemeType>;
+}
+interface MinWidthProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.MinWidth<TLengthStyledSystem>> {
+  minWidth?: ResponsiveValue<TVal, ThemeType>;
+}
+interface MinHeightProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.MinHeight<TLengthStyledSystem>> {
+  minHeight?: ResponsiveValue<TVal, ThemeType>;
+}
+interface MaxWidthProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.MaxWidth<TLengthStyledSystem>> {
+  maxWidth?: ResponsiveValue<TVal, ThemeType>;
+}
+interface MaxHeightProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.MaxHeight<TLengthStyledSystem>> {
+  maxHeight?: ResponsiveValue<TVal, ThemeType>;
+}
+interface SizeProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Height<TLengthStyledSystem>> {
+  size?: ResponsiveValue<TVal, ThemeType>;
+}
+interface DisplayProps<ThemeType extends Theme = RequiredTheme> {
+  display?: ResponsiveValue<CSS.Property.Display, ThemeType>;
+}
+interface OverflowProps<ThemeType extends Theme = RequiredTheme> {
+  overflow?: ResponsiveValue<CSS.Property.Overflow, ThemeType>;
+  overflowX?: ResponsiveValue<CSS.Property.OverflowX, ThemeType>;
+  overflowY?: ResponsiveValue<CSS.Property.OverflowY, ThemeType>;
+}
+interface VerticalAlignProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.VerticalAlign<TLengthStyledSystem>> {
+  verticalAlign?: ResponsiveValue<TVal, ThemeType>;
+}
+interface LayoutProps<ThemeType extends Theme = RequiredTheme> extends WidthProps<ThemeType>, HeightProps<ThemeType>, MinWidthProps<ThemeType>, MinHeightProps<ThemeType>, MaxWidthProps<ThemeType>, MaxHeightProps<ThemeType>, DisplayProps<ThemeType>, VerticalAlignProps<ThemeType>, SizeProps<ThemeType>, OverflowProps<ThemeType> {}
+interface FontFamilyProps<ThemeType extends Theme = RequiredTheme> {
+  fontFamily?: ResponsiveValue<CSS.Property.FontFamily, ThemeType>;
+}
+interface FontSizeProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'fontSizes', ThemeType>> {
+  fontSize?: ResponsiveValue<TVal, ThemeType>;
+}
+interface FontWeightProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'fontWeights', ThemeType> | string> {
+  fontWeight?: ResponsiveValue<TVal, ThemeType>;
+}
+interface LineHeightProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'lineHeights', ThemeType>> {
+  lineHeight?: ResponsiveValue<TVal, ThemeType>;
+}
+interface LetterSpacingProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.LetterSpacing<TLengthStyledSystem>> {
+  letterSpacing?: ResponsiveValue<TVal, ThemeType>;
+}
+interface FontStyleProps<ThemeType extends Theme = RequiredTheme> {
+  fontStyle?: ResponsiveValue<CSS.Property.FontStyle, ThemeType>;
+}
+interface TextAlignProps<ThemeType extends Theme = RequiredTheme> {
+  textAlign?: ResponsiveValue<CSS.Property.TextAlign, ThemeType>;
+}
+interface TypographyProps<ThemeType extends Theme = RequiredTheme> extends FontFamilyProps<ThemeType>, FontSizeProps<ThemeType>, FontWeightProps<ThemeType>, LineHeightProps<ThemeType>, LetterSpacingProps<ThemeType>, FontStyleProps<ThemeType>, TextAlignProps<ThemeType> {}
+interface AlignItemsProps<ThemeType extends Theme = RequiredTheme> {
+  alignItems?: ResponsiveValue<CSS.Property.AlignItems, ThemeType>;
+}
+interface AlignContentProps<ThemeType extends Theme = RequiredTheme> {
+  alignContent?: ResponsiveValue<CSS.Property.AlignContent, ThemeType>;
+}
+interface JustifyItemsProps<ThemeType extends Theme = RequiredTheme> {
+  justifyItems?: ResponsiveValue<CSS.Property.JustifyItems, ThemeType>;
+}
+interface JustifyContentProps<ThemeType extends Theme = RequiredTheme> {
+  justifyContent?: ResponsiveValue<CSS.Property.JustifyContent, ThemeType>;
+}
+interface FlexWrapProps<ThemeType extends Theme = RequiredTheme> {
+  flexWrap?: ResponsiveValue<CSS.Property.FlexWrap, ThemeType>;
+}
+interface FlexDirectionProps<ThemeType extends Theme = RequiredTheme> {
+  flexDirection?: ResponsiveValue<CSS.Property.FlexDirection, ThemeType>;
+}
+interface FlexProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Flex<TLengthStyledSystem>> {
+  flex?: ResponsiveValue<TVal, ThemeType>;
+}
+interface FlexGrowProps<ThemeType extends Theme = RequiredTheme> {
+  flexGrow?: ResponsiveValue<CSS.Property.FlexGrow, ThemeType>;
+}
+interface FlexShrinkProps<ThemeType extends Theme = RequiredTheme> {
+  flexShrink?: ResponsiveValue<CSS.Property.FlexShrink, ThemeType>;
+}
+interface FlexBasisProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.FlexBasis<TLengthStyledSystem>> {
+  flexBasis?: ResponsiveValue<TVal, ThemeType>;
+}
+interface JustifySelfProps<ThemeType extends Theme = RequiredTheme> {
+  justifySelf?: ResponsiveValue<CSS.Property.JustifySelf, ThemeType>;
+}
+interface AlignSelfProps<ThemeType extends Theme = RequiredTheme> {
+  alignSelf?: ResponsiveValue<CSS.Property.AlignSelf, ThemeType>;
+}
+interface OrderProps<ThemeType extends Theme = RequiredTheme> {
+  order?: ResponsiveValue<CSS.Property.Order, ThemeType>;
+}
+interface FlexboxProps<ThemeType extends Theme = RequiredTheme> extends AlignItemsProps<ThemeType>, AlignContentProps<ThemeType>, JustifyItemsProps<ThemeType>, JustifyContentProps<ThemeType>, FlexWrapProps<ThemeType>, FlexDirectionProps<ThemeType>, FlexProps<ThemeType>, FlexGrowProps<ThemeType>, FlexShrinkProps<ThemeType>, FlexBasisProps<ThemeType>, JustifySelfProps<ThemeType>, AlignSelfProps<ThemeType>, OrderProps<ThemeType> {}
+interface ZIndexProps<ThemeType extends Theme = RequiredTheme> {
+  zIndex?: ResponsiveValue<CSS.Property.ZIndex, ThemeType>;
+}
+interface TopProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Top<TLengthStyledSystem>> {
+  top?: ResponsiveValue<TVal, ThemeType>;
+}
+interface RightProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Right<TLengthStyledSystem>> {
+  right?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BottomProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Bottom<TLengthStyledSystem>> {
+  bottom?: ResponsiveValue<TVal, ThemeType>;
+}
+interface LeftProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Left<TLengthStyledSystem>> {
+  left?: ResponsiveValue<TVal, ThemeType>;
+}
+interface PositionProps<ThemeType extends Theme = RequiredTheme> extends ZIndexProps<ThemeType>, TopProps<ThemeType>, RightProps<ThemeType>, BottomProps<ThemeType>, LeftProps<ThemeType> {
+  position?: ResponsiveValue<CSS.Property.Position, ThemeType>;
+}
+interface TextColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
+  color?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BackgroundColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
+  bg?: ResponsiveValue<TVal, ThemeType>;
+  backgroundColor?: ResponsiveValue<TVal, ThemeType>;
+}
+interface OpacityProps<ThemeType extends Theme = RequiredTheme> {
+  opacity?: ResponsiveValue<CSS.Property.Opacity, ThemeType>;
+}
+interface ColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> extends TextColorProps<ThemeType, TVal>, BackgroundColorProps<ThemeType, TVal>, OpacityProps<ThemeType> {}
+interface BorderWidthProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'borderWidths', ThemeType>> {
+  borderWidth?: ResponsiveValue<TVal, ThemeType>;
+  borderTopWidth?: ResponsiveValue<TVal, ThemeType>;
+  borderBottomWidth?: ResponsiveValue<TVal, ThemeType>;
+  borderLeftWidth?: ResponsiveValue<TVal, ThemeType>;
+  borderRightWidth?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderStyleProps<ThemeType extends Theme = RequiredTheme> {
+  borderStyle?: ResponsiveValue<CSS.Property.BorderStyle, ThemeType>;
+  borderTopStyle?: ResponsiveValue<CSS.Property.BorderTopStyle, ThemeType>;
+  borderBottomStyle?: ResponsiveValue<CSS.Property.BorderBottomStyle, ThemeType>;
+  borderLeftStyle?: ResponsiveValue<CSS.Property.BorderLeftStyle, ThemeType>;
+  borderRightStyle?: ResponsiveValue<CSS.Property.BorderRightStyle, ThemeType>;
+}
+interface BorderColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
+  borderColor?: ResponsiveValue<TVal, ThemeType>;
+  borderTopColor?: ResponsiveValue<TVal, ThemeType>;
+  borderBottomColor?: ResponsiveValue<TVal, ThemeType>;
+  borderLeftColor?: ResponsiveValue<TVal, ThemeType>;
+  borderRightColor?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderRadiusProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'radii', ThemeType>> {
+  borderRadius?: ResponsiveValue<TVal, ThemeType>;
+  borderTopLeftRadius?: ResponsiveValue<TVal, ThemeType>;
+  borderTopRightRadius?: ResponsiveValue<TVal, ThemeType>;
+  borderBottomLeftRadius?: ResponsiveValue<TVal, ThemeType>;
+  borderBottomRightRadius?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderTopProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BorderTop<TLengthStyledSystem>> {
+  borderTop?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderRightProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BorderRight<TLengthStyledSystem>> {
+  borderRight?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderBottomProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BorderBottom<TLengthStyledSystem>> {
+  borderBottom?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderLeftProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BorderLeft<TLengthStyledSystem>> {
+  borderLeft?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Border<TLengthStyledSystem>> extends BorderWidthProps<ThemeType>, BorderStyleProps<ThemeType>, BorderColorProps<ThemeType>, BorderRadiusProps<ThemeType>, BorderTopProps<ThemeType>, BorderRightProps<ThemeType>, BorderBottomProps<ThemeType>, BorderLeftProps<ThemeType> {
+  border?: ResponsiveValue<TVal, ThemeType>;
+  borderX?: ResponsiveValue<TVal, ThemeType>;
+  borderY?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BackgroundImageProps<ThemeType extends Theme = RequiredTheme> {
+  backgroundImage?: ResponsiveValue<CSS.Property.BackgroundImage, ThemeType>;
+}
+interface BackgroundSizeProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BackgroundSize<TLengthStyledSystem>> {
+  backgroundSize?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BackgroundPositionProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BackgroundPosition<TLengthStyledSystem>> {
+  backgroundPosition?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BackgroundRepeatProps<ThemeType extends Theme = RequiredTheme> {
+  backgroundRepeat?: ResponsiveValue<CSS.Property.BackgroundRepeat, ThemeType>;
+}
+interface BackgroundProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Background<TLengthStyledSystem>> extends BackgroundImageProps<ThemeType>, BackgroundSizeProps<ThemeType>, BackgroundPositionProps<ThemeType>, BackgroundRepeatProps<ThemeType> {
+  background?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridGapProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridGap<TLengthStyledSystem>> {
+  gridGap?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridColumnGapProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridColumnGap<TLengthStyledSystem>> {
+  gridColumnGap?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridRowGapProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridRowGap<TLengthStyledSystem>> {
+  gridRowGap?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridColumnProps<ThemeType extends Theme = RequiredTheme> {
+  gridColumn?: ResponsiveValue<CSS.Property.GridColumn, ThemeType>;
+}
+interface GridRowProps<ThemeType extends Theme = RequiredTheme> {
+  gridRow?: ResponsiveValue<CSS.Property.GridRow, ThemeType>;
+}
+interface GridAutoFlowProps<ThemeType extends Theme = RequiredTheme> {
+  gridAutoFlow?: ResponsiveValue<CSS.Property.GridAutoFlow, ThemeType>;
+}
+interface GridAutoColumnsProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridAutoColumns<TLengthStyledSystem>> {
+  gridAutoColumns?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridAutoRowsProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridAutoRows<TLengthStyledSystem>> {
+  gridAutoRows?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridTemplateColumnsProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridTemplateColumns<TLengthStyledSystem>> {
+  gridTemplateColumns?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridTemplateRowsProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridTemplateRows<TLengthStyledSystem>> {
+  gridTemplateRows?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridTemplateAreasProps<ThemeType extends Theme = RequiredTheme> {
+  gridTemplateAreas?: ResponsiveValue<CSS.Property.GridTemplateAreas, ThemeType>;
+}
+interface GridAreaProps<ThemeType extends Theme = RequiredTheme> {
+  gridArea?: ResponsiveValue<CSS.Property.GridArea, ThemeType>;
+}
+interface GridProps<ThemeType extends Theme = RequiredTheme> extends GridGapProps<ThemeType>, GridColumnGapProps<ThemeType>, GridRowGapProps<ThemeType>, GridColumnProps<ThemeType>, GridRowProps<ThemeType>, GridAutoFlowProps<ThemeType>, GridAutoColumnsProps<ThemeType>, GridAutoRowsProps<ThemeType>, GridTemplateColumnsProps<ThemeType>, GridTemplateRowsProps<ThemeType>, GridTemplateAreasProps<ThemeType>, GridAreaProps<ThemeType> {}
+interface BoxShadowProps<ThemeType extends Theme = RequiredTheme> {
+  boxShadow?: ResponsiveValue<CSS.Property.BoxShadow | string, ThemeType>;
+}
+interface TextShadowProps<ThemeType extends Theme = RequiredTheme> {
+  textShadow?: ResponsiveValue<CSS.Property.TextShadow | string, ThemeType>;
+}
+interface ShadowProps<ThemeType extends Theme = RequiredTheme> extends BoxShadowProps<ThemeType>, TextShadowProps<ThemeType> {}
+interface TextStyleProps<ThemeType extends Theme = RequiredTheme> {
+  textStyle?: ResponsiveValue<string, ThemeType>;
+}
+interface ButtonStyleProps<ThemeType extends Theme = RequiredTheme> {
+  variant?: ResponsiveValue<string, ThemeType>;
+}
+interface ColorStyleProps<ThemeType extends Theme = RequiredTheme> {
+  colors?: ResponsiveValue<string, ThemeType>;
+}
+//#endregion
+export { LayoutProps as $, FlexWrapProps as A, VerticalAlignProps as At, GridColumnGapProps as B, ColorStyleProps as C, TextColorProps as Ct, FlexGrowProps as D, ThemeValue as Dt, FlexDirectionProps as E, Theme as Et, FontWeightProps as F, GridRowProps as G, GridGapProps as H, GridAreaProps as I, GridTemplateRowsProps as J, GridTemplateAreasProps as K, GridAutoColumnsProps as L, FontFamilyProps as M, ZIndexProps as Mt, FontSizeProps as N, FlexProps as O, TopProps as Ot, FontStyleProps as P, JustifySelfProps as Q, GridAutoFlowProps as R, ColorProps as S, TextAlignProps as St, FlexBasisProps as T, TextStyleProps as Tt, GridProps as U, GridColumnProps as V, GridRowGapProps as W, JustifyContentProps as X, HeightProps as Y, JustifyItemsProps as Z, BorderTopProps as _, Scale as _t, BackgroundImageProps as a, MaxWidthProps as at, BoxShadowProps as b, SpaceProps as bt, BackgroundRepeatProps as c, ObjectOrArray as ct, BorderColorProps as d, OverflowProps as dt, LeftProps as et, BorderLeftProps as f, PaddingProps as ft, BorderStyleProps as g, RightProps as gt, BorderRightProps as h, ResponsiveValue as ht, BackgroundColorProps as i, MaxHeightProps as it, FlexboxProps as j, WidthProps as jt, FlexShrinkProps as k, TypographyProps as kt, BackgroundSizeProps as l, OpacityProps as lt, BorderRadiusProps as m, RequiredTheme as mt, AlignItemsProps as n, LineHeightProps as nt, BackgroundPositionProps as o, MinHeightProps as ot, BorderProps as p, PositionProps as pt, GridTemplateColumnsProps as q, AlignSelfProps as r, MarginProps as rt, BackgroundProps as s, MinWidthProps as st, AlignContentProps as t, LetterSpacingProps as tt, BorderBottomProps as u, OrderProps as ut, BorderWidthProps as v, ShadowProps as vt, DisplayProps as w, TextShadowProps as wt, ButtonStyleProps as x, TLengthStyledSystem as xt, BottomProps as y, SizeProps as yt, GridAutoRowsProps as z };

package/dist/types-CCujn9-2.d.mts

@@ -0,0 +1,304 @@
+import * as CSS from "csstype";
+
+//#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 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 SpaceProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> extends MarginProps<ThemeType, TVal>, PaddingProps<ThemeType, TVal> {}
+interface WidthProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Width<TLengthStyledSystem>> {
+  width?: ResponsiveValue<TVal, ThemeType>;
+}
+interface HeightProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Height<TLengthStyledSystem>> {
+  height?: ResponsiveValue<TVal, ThemeType>;
+}
+interface MinWidthProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.MinWidth<TLengthStyledSystem>> {
+  minWidth?: ResponsiveValue<TVal, ThemeType>;
+}
+interface MinHeightProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.MinHeight<TLengthStyledSystem>> {
+  minHeight?: ResponsiveValue<TVal, ThemeType>;
+}
+interface MaxWidthProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.MaxWidth<TLengthStyledSystem>> {
+  maxWidth?: ResponsiveValue<TVal, ThemeType>;
+}
+interface MaxHeightProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.MaxHeight<TLengthStyledSystem>> {
+  maxHeight?: ResponsiveValue<TVal, ThemeType>;
+}
+interface SizeProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Height<TLengthStyledSystem>> {
+  size?: ResponsiveValue<TVal, ThemeType>;
+}
+interface DisplayProps<ThemeType extends Theme = RequiredTheme> {
+  display?: ResponsiveValue<CSS.Property.Display, ThemeType>;
+}
+interface OverflowProps<ThemeType extends Theme = RequiredTheme> {
+  overflow?: ResponsiveValue<CSS.Property.Overflow, ThemeType>;
+  overflowX?: ResponsiveValue<CSS.Property.OverflowX, ThemeType>;
+  overflowY?: ResponsiveValue<CSS.Property.OverflowY, ThemeType>;
+}
+interface VerticalAlignProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.VerticalAlign<TLengthStyledSystem>> {
+  verticalAlign?: ResponsiveValue<TVal, ThemeType>;
+}
+interface LayoutProps<ThemeType extends Theme = RequiredTheme> extends WidthProps<ThemeType>, HeightProps<ThemeType>, MinWidthProps<ThemeType>, MinHeightProps<ThemeType>, MaxWidthProps<ThemeType>, MaxHeightProps<ThemeType>, DisplayProps<ThemeType>, VerticalAlignProps<ThemeType>, SizeProps<ThemeType>, OverflowProps<ThemeType> {}
+interface FontFamilyProps<ThemeType extends Theme = RequiredTheme> {
+  fontFamily?: ResponsiveValue<CSS.Property.FontFamily, ThemeType>;
+}
+interface FontSizeProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'fontSizes', ThemeType>> {
+  fontSize?: ResponsiveValue<TVal, ThemeType>;
+}
+interface FontWeightProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'fontWeights', ThemeType> | string> {
+  fontWeight?: ResponsiveValue<TVal, ThemeType>;
+}
+interface LineHeightProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'lineHeights', ThemeType>> {
+  lineHeight?: ResponsiveValue<TVal, ThemeType>;
+}
+interface LetterSpacingProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.LetterSpacing<TLengthStyledSystem>> {
+  letterSpacing?: ResponsiveValue<TVal, ThemeType>;
+}
+interface FontStyleProps<ThemeType extends Theme = RequiredTheme> {
+  fontStyle?: ResponsiveValue<CSS.Property.FontStyle, ThemeType>;
+}
+interface TextAlignProps<ThemeType extends Theme = RequiredTheme> {
+  textAlign?: ResponsiveValue<CSS.Property.TextAlign, ThemeType>;
+}
+interface TypographyProps<ThemeType extends Theme = RequiredTheme> extends FontFamilyProps<ThemeType>, FontSizeProps<ThemeType>, FontWeightProps<ThemeType>, LineHeightProps<ThemeType>, LetterSpacingProps<ThemeType>, FontStyleProps<ThemeType>, TextAlignProps<ThemeType> {}
+interface AlignItemsProps<ThemeType extends Theme = RequiredTheme> {
+  alignItems?: ResponsiveValue<CSS.Property.AlignItems, ThemeType>;
+}
+interface AlignContentProps<ThemeType extends Theme = RequiredTheme> {
+  alignContent?: ResponsiveValue<CSS.Property.AlignContent, ThemeType>;
+}
+interface JustifyItemsProps<ThemeType extends Theme = RequiredTheme> {
+  justifyItems?: ResponsiveValue<CSS.Property.JustifyItems, ThemeType>;
+}
+interface JustifyContentProps<ThemeType extends Theme = RequiredTheme> {
+  justifyContent?: ResponsiveValue<CSS.Property.JustifyContent, ThemeType>;
+}
+interface FlexWrapProps<ThemeType extends Theme = RequiredTheme> {
+  flexWrap?: ResponsiveValue<CSS.Property.FlexWrap, ThemeType>;
+}
+interface FlexDirectionProps<ThemeType extends Theme = RequiredTheme> {
+  flexDirection?: ResponsiveValue<CSS.Property.FlexDirection, ThemeType>;
+}
+interface FlexProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Flex<TLengthStyledSystem>> {
+  flex?: ResponsiveValue<TVal, ThemeType>;
+}
+interface FlexGrowProps<ThemeType extends Theme = RequiredTheme> {
+  flexGrow?: ResponsiveValue<CSS.Property.FlexGrow, ThemeType>;
+}
+interface FlexShrinkProps<ThemeType extends Theme = RequiredTheme> {
+  flexShrink?: ResponsiveValue<CSS.Property.FlexShrink, ThemeType>;
+}
+interface FlexBasisProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.FlexBasis<TLengthStyledSystem>> {
+  flexBasis?: ResponsiveValue<TVal, ThemeType>;
+}
+interface JustifySelfProps<ThemeType extends Theme = RequiredTheme> {
+  justifySelf?: ResponsiveValue<CSS.Property.JustifySelf, ThemeType>;
+}
+interface AlignSelfProps<ThemeType extends Theme = RequiredTheme> {
+  alignSelf?: ResponsiveValue<CSS.Property.AlignSelf, ThemeType>;
+}
+interface OrderProps<ThemeType extends Theme = RequiredTheme> {
+  order?: ResponsiveValue<CSS.Property.Order, ThemeType>;
+}
+interface FlexboxProps<ThemeType extends Theme = RequiredTheme> extends AlignItemsProps<ThemeType>, AlignContentProps<ThemeType>, JustifyItemsProps<ThemeType>, JustifyContentProps<ThemeType>, FlexWrapProps<ThemeType>, FlexDirectionProps<ThemeType>, FlexProps<ThemeType>, FlexGrowProps<ThemeType>, FlexShrinkProps<ThemeType>, FlexBasisProps<ThemeType>, JustifySelfProps<ThemeType>, AlignSelfProps<ThemeType>, OrderProps<ThemeType> {}
+interface ZIndexProps<ThemeType extends Theme = RequiredTheme> {
+  zIndex?: ResponsiveValue<CSS.Property.ZIndex, ThemeType>;
+}
+interface TopProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Top<TLengthStyledSystem>> {
+  top?: ResponsiveValue<TVal, ThemeType>;
+}
+interface RightProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Right<TLengthStyledSystem>> {
+  right?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BottomProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Bottom<TLengthStyledSystem>> {
+  bottom?: ResponsiveValue<TVal, ThemeType>;
+}
+interface LeftProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Left<TLengthStyledSystem>> {
+  left?: ResponsiveValue<TVal, ThemeType>;
+}
+interface PositionProps<ThemeType extends Theme = RequiredTheme> extends ZIndexProps<ThemeType>, TopProps<ThemeType>, RightProps<ThemeType>, BottomProps<ThemeType>, LeftProps<ThemeType> {
+  position?: ResponsiveValue<CSS.Property.Position, ThemeType>;
+}
+interface TextColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
+  color?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BackgroundColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
+  bg?: ResponsiveValue<TVal, ThemeType>;
+  backgroundColor?: ResponsiveValue<TVal, ThemeType>;
+}
+interface OpacityProps<ThemeType extends Theme = RequiredTheme> {
+  opacity?: ResponsiveValue<CSS.Property.Opacity, ThemeType>;
+}
+interface ColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> extends TextColorProps<ThemeType, TVal>, BackgroundColorProps<ThemeType, TVal>, OpacityProps<ThemeType> {}
+interface BorderWidthProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'borderWidths', ThemeType>> {
+  borderWidth?: ResponsiveValue<TVal, ThemeType>;
+  borderTopWidth?: ResponsiveValue<TVal, ThemeType>;
+  borderBottomWidth?: ResponsiveValue<TVal, ThemeType>;
+  borderLeftWidth?: ResponsiveValue<TVal, ThemeType>;
+  borderRightWidth?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderStyleProps<ThemeType extends Theme = RequiredTheme> {
+  borderStyle?: ResponsiveValue<CSS.Property.BorderStyle, ThemeType>;
+  borderTopStyle?: ResponsiveValue<CSS.Property.BorderTopStyle, ThemeType>;
+  borderBottomStyle?: ResponsiveValue<CSS.Property.BorderBottomStyle, ThemeType>;
+  borderLeftStyle?: ResponsiveValue<CSS.Property.BorderLeftStyle, ThemeType>;
+  borderRightStyle?: ResponsiveValue<CSS.Property.BorderRightStyle, ThemeType>;
+}
+interface BorderColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
+  borderColor?: ResponsiveValue<TVal, ThemeType>;
+  borderTopColor?: ResponsiveValue<TVal, ThemeType>;
+  borderBottomColor?: ResponsiveValue<TVal, ThemeType>;
+  borderLeftColor?: ResponsiveValue<TVal, ThemeType>;
+  borderRightColor?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderRadiusProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'radii', ThemeType>> {
+  borderRadius?: ResponsiveValue<TVal, ThemeType>;
+  borderTopLeftRadius?: ResponsiveValue<TVal, ThemeType>;
+  borderTopRightRadius?: ResponsiveValue<TVal, ThemeType>;
+  borderBottomLeftRadius?: ResponsiveValue<TVal, ThemeType>;
+  borderBottomRightRadius?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderTopProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BorderTop<TLengthStyledSystem>> {
+  borderTop?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderRightProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BorderRight<TLengthStyledSystem>> {
+  borderRight?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderBottomProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BorderBottom<TLengthStyledSystem>> {
+  borderBottom?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderLeftProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BorderLeft<TLengthStyledSystem>> {
+  borderLeft?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BorderProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Border<TLengthStyledSystem>> extends BorderWidthProps<ThemeType>, BorderStyleProps<ThemeType>, BorderColorProps<ThemeType>, BorderRadiusProps<ThemeType>, BorderTopProps<ThemeType>, BorderRightProps<ThemeType>, BorderBottomProps<ThemeType>, BorderLeftProps<ThemeType> {
+  border?: ResponsiveValue<TVal, ThemeType>;
+  borderX?: ResponsiveValue<TVal, ThemeType>;
+  borderY?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BackgroundImageProps<ThemeType extends Theme = RequiredTheme> {
+  backgroundImage?: ResponsiveValue<CSS.Property.BackgroundImage, ThemeType>;
+}
+interface BackgroundSizeProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BackgroundSize<TLengthStyledSystem>> {
+  backgroundSize?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BackgroundPositionProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.BackgroundPosition<TLengthStyledSystem>> {
+  backgroundPosition?: ResponsiveValue<TVal, ThemeType>;
+}
+interface BackgroundRepeatProps<ThemeType extends Theme = RequiredTheme> {
+  backgroundRepeat?: ResponsiveValue<CSS.Property.BackgroundRepeat, ThemeType>;
+}
+interface BackgroundProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.Background<TLengthStyledSystem>> extends BackgroundImageProps<ThemeType>, BackgroundSizeProps<ThemeType>, BackgroundPositionProps<ThemeType>, BackgroundRepeatProps<ThemeType> {
+  background?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridGapProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridGap<TLengthStyledSystem>> {
+  gridGap?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridColumnGapProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridColumnGap<TLengthStyledSystem>> {
+  gridColumnGap?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridRowGapProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridRowGap<TLengthStyledSystem>> {
+  gridRowGap?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridColumnProps<ThemeType extends Theme = RequiredTheme> {
+  gridColumn?: ResponsiveValue<CSS.Property.GridColumn, ThemeType>;
+}
+interface GridRowProps<ThemeType extends Theme = RequiredTheme> {
+  gridRow?: ResponsiveValue<CSS.Property.GridRow, ThemeType>;
+}
+interface GridAutoFlowProps<ThemeType extends Theme = RequiredTheme> {
+  gridAutoFlow?: ResponsiveValue<CSS.Property.GridAutoFlow, ThemeType>;
+}
+interface GridAutoColumnsProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridAutoColumns<TLengthStyledSystem>> {
+  gridAutoColumns?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridAutoRowsProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridAutoRows<TLengthStyledSystem>> {
+  gridAutoRows?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridTemplateColumnsProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridTemplateColumns<TLengthStyledSystem>> {
+  gridTemplateColumns?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridTemplateRowsProps<ThemeType extends Theme = RequiredTheme, TVal = CSS.Property.GridTemplateRows<TLengthStyledSystem>> {
+  gridTemplateRows?: ResponsiveValue<TVal, ThemeType>;
+}
+interface GridTemplateAreasProps<ThemeType extends Theme = RequiredTheme> {
+  gridTemplateAreas?: ResponsiveValue<CSS.Property.GridTemplateAreas, ThemeType>;
+}
+interface GridAreaProps<ThemeType extends Theme = RequiredTheme> {
+  gridArea?: ResponsiveValue<CSS.Property.GridArea, ThemeType>;
+}
+interface GridProps<ThemeType extends Theme = RequiredTheme> extends GridGapProps<ThemeType>, GridColumnGapProps<ThemeType>, GridRowGapProps<ThemeType>, GridColumnProps<ThemeType>, GridRowProps<ThemeType>, GridAutoFlowProps<ThemeType>, GridAutoColumnsProps<ThemeType>, GridAutoRowsProps<ThemeType>, GridTemplateColumnsProps<ThemeType>, GridTemplateRowsProps<ThemeType>, GridTemplateAreasProps<ThemeType>, GridAreaProps<ThemeType> {}
+interface BoxShadowProps<ThemeType extends Theme = RequiredTheme> {
+  boxShadow?: ResponsiveValue<CSS.Property.BoxShadow | string, ThemeType>;
+}
+interface TextShadowProps<ThemeType extends Theme = RequiredTheme> {
+  textShadow?: ResponsiveValue<CSS.Property.TextShadow | string, ThemeType>;
+}
+interface ShadowProps<ThemeType extends Theme = RequiredTheme> extends BoxShadowProps<ThemeType>, TextShadowProps<ThemeType> {}
+interface TextStyleProps<ThemeType extends Theme = RequiredTheme> {
+  textStyle?: ResponsiveValue<string, ThemeType>;
+}
+interface ButtonStyleProps<ThemeType extends Theme = RequiredTheme> {
+  variant?: ResponsiveValue<string, ThemeType>;
+}
+interface ColorStyleProps<ThemeType extends Theme = RequiredTheme> {
+  colors?: ResponsiveValue<string, ThemeType>;
+}
+//#endregion
+export { LayoutProps as $, FlexWrapProps as A, VerticalAlignProps as At, GridColumnGapProps as B, ColorStyleProps as C, TextColorProps as Ct, FlexGrowProps as D, ThemeValue as Dt, FlexDirectionProps as E, Theme as Et, FontWeightProps as F, GridRowProps as G, GridGapProps as H, GridAreaProps as I, GridTemplateRowsProps as J, GridTemplateAreasProps as K, GridAutoColumnsProps as L, FontFamilyProps as M, ZIndexProps as Mt, FontSizeProps as N, FlexProps as O, TopProps as Ot, FontStyleProps as P, JustifySelfProps as Q, GridAutoFlowProps as R, ColorProps as S, TextAlignProps as St, FlexBasisProps as T, TextStyleProps as Tt, GridProps as U, GridColumnProps as V, GridRowGapProps as W, JustifyContentProps as X, HeightProps as Y, JustifyItemsProps as Z, BorderTopProps as _, Scale as _t, BackgroundImageProps as a, MaxWidthProps as at, BoxShadowProps as b, SpaceProps as bt, BackgroundRepeatProps as c, ObjectOrArray as ct, BorderColorProps as d, OverflowProps as dt, LeftProps as et, BorderLeftProps as f, PaddingProps as ft, BorderStyleProps as g, RightProps as gt, BorderRightProps as h, ResponsiveValue as ht, BackgroundColorProps as i, MaxHeightProps as it, FlexboxProps as j, WidthProps as jt, FlexShrinkProps as k, TypographyProps as kt, BackgroundSizeProps as l, OpacityProps as lt, BorderRadiusProps as m, RequiredTheme as mt, AlignItemsProps as n, LineHeightProps as nt, BackgroundPositionProps as o, MinHeightProps as ot, BorderProps as p, PositionProps as pt, GridTemplateColumnsProps as q, AlignSelfProps as r, MarginProps as rt, BackgroundProps as s, MinWidthProps as st, AlignContentProps as t, LetterSpacingProps as tt, BorderBottomProps as u, OrderProps as ut, BorderWidthProps as v, ShadowProps as vt, DisplayProps as w, TextShadowProps as wt, ButtonStyleProps as x, TLengthStyledSystem as xt, BottomProps as y, SizeProps as yt, GridAutoRowsProps as z };

package/dist/typography.d.cts

@@ -1,2 +1,3 @@
-import { t as typography } from "./index-CarHCWLQ.cjs";
-export { typography as default, typography };
+import { F as FontWeightProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, St as TextAlignProps, kt as TypographyProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-CCujn9-2.cjs";
+import { t as typography } from "./index-BrXslH97.cjs";
+export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TypographyProps, typography as default, typography };

package/dist/typography.d.mts

@@ -1,2 +1,3 @@
-import { t as typography } from "./index-C13YRARN.mjs";
-export { typography as default, typography };
+import { F as FontWeightProps, M as FontFamilyProps, N as FontSizeProps, P as FontStyleProps, St as TextAlignProps, kt as TypographyProps, nt as LineHeightProps, tt as LetterSpacingProps } from "./types-CCujn9-2.mjs";
+import { t as typography } from "./index-DzPnzx9p.mjs";
+export { type FontFamilyProps, type FontSizeProps, type FontStyleProps, type FontWeightProps, type LetterSpacingProps, type LineHeightProps, type TextAlignProps, type TypographyProps, typography as default, typography };

package/dist/variant.d.cts

@@ -1,2 +1,3 @@
-import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle, t as VariantOptions } from "./index-8PSQ0vkP.cjs";
-export { VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };
+import { C as ColorStyleProps, Tt as TextStyleProps, x as ButtonStyleProps } from "./types-CCujn9-2.cjs";
+import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle, t as VariantOptions } from "./index-5FNmSnEI.cjs";
+export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };

package/dist/variant.d.mts

@@ -1,2 +1,3 @@
-import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle, t as VariantOptions } from "./index-BBTVE4EM.mjs";
-export { VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };
+import { C as ColorStyleProps, Tt as TextStyleProps, x as ButtonStyleProps } from "./types-CCujn9-2.mjs";
+import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle, t as VariantOptions } from "./index-CeQ5ox80.mjs";
+export { type ButtonStyleProps, type ColorStyleProps, type TextStyleProps, VariantOptions, buttonStyle, colorStyle, variant as default, variant, textStyle };