import * as _xstyled_util from '@xstyled/util'; import { Props, ITheme } from '@xstyled/util'; export { ITheme, Props } from '@xstyled/util'; import * as CSS from 'csstype'; type CSSProperties = CSS.Properties; type CSSPseudos = { [K in CSS.Pseudos]?: CSSObject; }; type CSSScalar = undefined | string | number; interface CSSObject extends CSSProperties, CSSPseudos { [key: string]: CSSObject | CSSScalar; } type CSSFromProps = (props: TProps) => CSSObject | null | undefined; type Mixin = (value: any) => CSSFromProps | CSSObject | null | undefined; type ThemeAlias = (props: Props) => ThemeValue; type ThemeValue = undefined | null | string | string[] | number | number[] | ThemeAlias | ThemeNamespace; interface States { [key: string]: string | null; } interface Screens { [key: string]: number; [key: number]: number; } type Variants = States & Screens; interface Colors { [key: string]: string | Colors; [key: number]: string | Colors; } interface Transformers { [key: string]: TransformValue; } interface ThemeNamespace { [key: string]: ThemeValue; [key: number]: ThemeValue; } interface Theme extends ITheme { } type NamespaceType = T extends ReadonlyArray ? number : T extends Array ? number : T extends { default: ThemeValue; } ? keyof T | true : T extends ThemeNamespace ? keyof T : {}; type ThemeScreens = T extends { screens: Screens; } ? T['screens'] : unknown; type ThemeStates = T extends { states: States; } ? T['states'] : unknown; type ThemeVariants = ThemeScreens & Omit, '_'>; type ThemeProp = { [P in keyof ThemeVariants]?: TType | ThemeProp; }; type SystemProp = TType | ThemeProp; type CSSOption = string | string[] | Mixin; interface StyleOptions { prop: string | string[] | readonly string[]; css?: CSSOption; cssProps?: string[]; themeGet?: ThemeGetter; key?: string; transform?: TransformValue; } interface StyleGenerator { (props: Props & TProps, sort?: boolean): CSSObject | null; meta: { props: string[]; cssGetters: { [key: string]: ThemeGetter; }; getStyle: StyleGenerator; generators?: StyleGenerator[]; }; apply: (values: TProps) => CSSFromProps & TProps>; } interface TransformValue { (value: any, options: { rawValue: unknown; variants: ThemeNamespace | null; props: Props; }): CSSScalar; } /** * Recursively explores a given object and creates a union of the deep paths * leading to primitive values (non-objects.) */ type SynthesizedPath> = { [P in keyof T]: P extends string ? T[P] extends Record ? `${P}.${SynthesizedPath}` : P : never; }[keyof T]; type ThemeNamespaceValue = NamespaceType | {}; interface ThemeGetter { (value: T, defaultValue?: CSSScalar): (props: Props) => CSSScalar; meta: { name?: string; transform?: TransformValue; }; } type ThemeGetterType = T extends ThemeGetter ? T : never; type StyleGeneratorProps = T extends StyleGenerator ? Props : never; type StyleGeneratorPropsConcat = T extends [infer Head, ...infer Tail] ? StyleGeneratorProps & StyleGeneratorPropsConcat : unknown; declare const themeGetter: ({ name, transform: defaultTransform, key, compose, shorthand, multiple, }: { name?: string | undefined; key?: string | undefined; transform?: TransformValue | undefined; compose?: ThemeGetter | undefined; shorthand?: boolean | undefined; multiple?: boolean | undefined; }) => ThemeGetter; declare const createStyleGenerator: = {}>({ getStyle, props, cssGetters, generators, }: { getStyle: CSSFromProps & TProps>; props: string[]; cssGetters?: { [key: string]: ThemeGetter; } | undefined; generators?: StyleGenerator<{}>[] | undefined; }) => StyleGenerator; declare function compose(...generators: StyleGenerator[]): StyleGenerator; declare function compose(...generators: T): StyleGenerator>; declare const style: = {}>({ prop, css, themeGet, key, transform, cssProps: cssPropsOption, }: StyleOptions) => StyleGenerator; type Pixel = (string & {}) | (number & {}); declare const getPx: ThemeGetter; type ThemeDuration = ThemeNamespaceValue<'durations', T>; type Duration = ThemeDuration | number | string; declare const getDuration: ThemeGetter>; type Angle = number | string; declare const getAngle: ThemeGetter; type Percent = number | string; declare const getPercent: ThemeGetter; type ThemeTransition = ThemeNamespaceValue<'transitions', T>; declare const getTransition: ThemeGetter>; type ThemeTransitionProperty = ThemeNamespaceValue<'transitionProperties', T>; declare const getTransitionProperty: ThemeGetter>; type ThemeTimingFunction = ThemeNamespaceValue<'timingFunctions', T>; declare const getTimingFunction: ThemeGetter>; interface TransitionProps { transition?: SystemProp | CSS.Property.Transition, T>; } declare const transition: StyleGenerator>; interface TransitionPropertyProps { transitionProperty?: SystemProp | CSS.Property.TransitionProperty, T>; } declare const transitionProperty: StyleGenerator>; interface TransitionDurationProps { transitionDuration?: SystemProp | CSS.Property.TransitionDuration, T>; } declare const transitionDuration: StyleGenerator>; interface TransitionTimingFunctionProps { transitionTimingFunction?: SystemProp | CSS.Property.TransitionTimingFunction, T>; } declare const transitionTimingFunction: StyleGenerator>; interface TransitionDelayProps { transitionDelay?: SystemProp | CSS.Property.TransitionDelay, T>; } declare const transitionDelay: StyleGenerator>; interface TransitionsProps extends TransitionProps, TransitionPropertyProps, TransitionDurationProps, TransitionTimingFunctionProps, TransitionDelayProps { } declare const transitions: StyleGenerator>; type ThemeAnimation = ThemeNamespaceValue<'animations', T>; declare const getAnimation: ThemeGetter>; interface AnimationProps { animation?: SystemProp | CSS.Property.Animation, T>; } declare const animation: StyleGenerator>; interface AnimationDurationProps { animationDuration?: SystemProp | CSS.Property.AnimationDuration, T>; } declare const animationDuration: StyleGenerator>; interface AnimationTimingFunctionProps { animationTimingFunction?: SystemProp | CSS.Property.AnimationTimingFunction, T>; } declare const animationTimingFunction: StyleGenerator>; interface AnimationsProps extends AnimationProps, AnimationDurationProps, AnimationTimingFunctionProps { } declare const animations: StyleGenerator>; type HexColor = `#${string}`; type RgbColor = `rgb(${number}, ${number}, ${number})` | `rgba(${number}, ${number}, ${number}, ${number})`; type HslColor = `hsl(${number}, ${number}%, ${number}%)` | `hsla(${number}, ${number}%, ${number}%, ${number})`; type LabColor = `lab(${number}% ${number} ${number})` | `lab(${number}% ${number} ${number} / ${number})`; type HwbColor = `hwb(${number} ${number}% ${number}%)` | `hwb(${number} ${number}% ${number}% / ${number})`; type FnColor = `${string}(${string})`; type ThemeColor = SynthesizedPath; /** * Explicitly do not allow arbitrary strings. The point is to ensure that if you're trying to enter a theme variable it correctly emits a type error * for typos and such. */ type Color = ThemeColor | CSS.DataType.NamedColor | CSS.DataType.DeprecatedSystemColor | CSS.Globals | HexColor | RgbColor | HslColor | LabColor | HwbColor | FnColor | 'currentcolor'; declare const getColor: ThemeGetter; interface BackgroundProps { background?: SystemProp; } declare const background: StyleGenerator>; type BackgroundColorProp = SystemProp | CSS.Property.BackgroundColor, T>; interface BackgroundColorProps { backgroundColor?: BackgroundColorProp; bg?: BackgroundColorProp; } declare const backgroundColor: StyleGenerator>; interface BackgroundImageProps { backgroundImage?: SystemProp; } declare const backgroundImage: StyleGenerator>; interface BackgroundSizeProps { backgroundSize?: SystemProp; } declare const backgroundSize: StyleGenerator>; interface BackgroundPositionProps { backgroundPosition?: SystemProp; } declare const backgroundPosition: StyleGenerator>; interface BackgroundRepeatProps { backgroundRepeat?: SystemProp; } declare const backgroundRepeat: StyleGenerator>; interface BackgroundAttachmentProps { backgroundAttachment?: SystemProp; } declare const backgroundAttachment: StyleGenerator>; interface BackgroundClipProps { backgroundClip?: SystemProp; } declare const backgroundClip: StyleGenerator>; interface GradientFromProps { gradientFrom?: SystemProp, T>; } declare const gradientFrom: StyleGenerator>; interface GradientViaProps { gradientVia?: SystemProp, T>; } declare const gradientVia: StyleGenerator>; interface GradientToProps { gradientTo?: SystemProp, T>; } declare const gradientTo: StyleGenerator>; interface BackgroundsProps extends BackgroundProps, BackgroundColorProps, BackgroundImageProps, BackgroundSizeProps, BackgroundPositionProps, BackgroundRepeatProps, BackgroundAttachmentProps, BackgroundClipProps, GradientFromProps, GradientViaProps, GradientToProps { } declare const backgrounds: StyleGenerator>; type ThemeBorder = ThemeNamespaceValue<'borders', T>; type BorderValue = number | string; type Border = BorderValue | ThemeBorder; declare const getBorder: ThemeGetter>; type ThemeBorderWidth = ThemeNamespaceValue<'borderWidths', T>; type BorderWidth = Pixel | ThemeBorderWidth; declare const getBorderWidth: ThemeGetter>; type ThemeBorderColor = ThemeColor; declare const getBorderColor: ThemeGetter; type ThemeBorderStyle = ThemeNamespaceValue<'borderStyles', T>; declare const getBorderStyle: ThemeGetter>; interface BorderProps { border?: SystemProp | CSS.Property.Border, T>; } declare const border: StyleGenerator>; interface BorderTopProps { borderTop?: SystemProp | CSS.Property.BorderTop, T>; } declare const borderTop: StyleGenerator>; interface BorderRightProps { borderRight?: SystemProp | CSS.Property.BorderRight, T>; } declare const borderRight: StyleGenerator>; interface BorderBottomProps { borderBottom?: SystemProp | CSS.Property.BorderBottom, T>; } declare const borderBottom: StyleGenerator>; interface BorderLeftProps { borderLeft?: SystemProp | CSS.Property.BorderLeft, T>; } declare const borderLeft: StyleGenerator>; interface BorderColorProps { borderColor?: SystemProp | CSS.Property.BorderColor, T>; } declare const borderColor: StyleGenerator>; interface BorderTopColorProps { borderTopColor?: SystemProp | CSS.Property.BorderTopColor, T>; } declare const borderTopColor: StyleGenerator>; interface BorderRightColorProps { borderRightColor?: SystemProp | CSS.Property.BorderRightColor, T>; } declare const borderRightColor: StyleGenerator>; interface BorderBottomColorProps { borderBottomColor?: SystemProp | CSS.Property.BorderBottomColor, T>; } declare const borderBottomColor: StyleGenerator>; interface BorderLeftColorProps { borderLeftColor?: SystemProp | CSS.Property.BorderLeftColor, T>; } declare const borderLeftColor: StyleGenerator>; interface BorderWidthProps { borderWidth?: SystemProp | CSS.Property.BorderWidth, T>; } declare const borderWidth: StyleGenerator>; interface BorderTopWidthProps { borderTopWidth?: SystemProp | CSS.Property.BorderTopWidth, T>; } declare const borderTopWidth: StyleGenerator>; interface BorderRightWidthProps { borderRightWidth?: SystemProp | CSS.Property.BorderRightWidth, T>; } declare const borderRightWidth: StyleGenerator>; interface BorderBottomWidthProps { borderBottomWidth?: SystemProp | CSS.Property.BorderBottomWidth, T>; } declare const borderBottomWidth: StyleGenerator>; interface BorderLeftWidthProps { borderLeftWidth?: SystemProp | CSS.Property.BorderLeftWidth, T>; } declare const borderLeftWidth: StyleGenerator>; interface BorderStyleProps { borderStyle?: SystemProp | CSS.Property.BorderStyle, T>; } declare const borderStyle: StyleGenerator>; interface BorderTopStyleProps { borderTopStyle?: SystemProp | CSS.Property.BorderTopStyle, T>; } declare const borderTopStyle: StyleGenerator>; interface BorderRightStyleProps { borderRightStyle?: SystemProp | CSS.Property.BorderRightStyle, T>; } declare const borderRightStyle: StyleGenerator>; interface BorderBottomStyleProps { borderBottomStyle?: SystemProp | CSS.Property.BorderBottomStyle, T>; } declare const borderBottomStyle: StyleGenerator>; interface BorderLeftStyleProps { borderLeftStyle?: SystemProp | CSS.Property.BorderLeftStyle, T>; } declare const borderLeftStyle: StyleGenerator>; interface OutlineProps { outline?: SystemProp | CSS.Property.Outline, T>; } declare const outline: StyleGenerator>; interface OutlineColorProps { outlineColor?: SystemProp | CSS.Property.OutlineColor, T>; } declare const outlineColor: StyleGenerator>; interface OutlineWidthProps { outlineWidth?: SystemProp | CSS.Property.OutlineWidth, T>; } declare const outlineWidth: StyleGenerator>; interface OutlineStyleProps { outlineStyle?: SystemProp | CSS.Property.OutlineStyle, T>; } declare const outlineStyle: StyleGenerator>; interface OutlineOffsetProps { outlineOffset?: SystemProp | CSS.Property.OutlineOffset, T>; } declare const outlineOffset: StyleGenerator>; type ThemeRadius = ThemeNamespaceValue<'radii', T>; type Radius = Pixel | ThemeRadius; declare const getRadius: ThemeGetter>; interface BorderRadiusProps { borderRadius?: SystemProp | CSS.Property.BorderRadius, T>; } declare const borderRadius: StyleGenerator>; interface DivideYProps { divideY?: SystemProp | true, T>; } declare const divideY: StyleGenerator>; interface DivideXProps { divideX?: SystemProp | true, T>; } declare const divideX: StyleGenerator>; interface DivideXReverseProps { divideXReverse?: SystemProp; } declare const divideXReverse: StyleGenerator>; interface DivideYReverseProps { divideYReverse?: SystemProp; } declare const divideYReverse: StyleGenerator>; interface DivideColorProps { divideColor?: SystemProp | CSS.Property.BorderColor, T>; } declare const divideColor: StyleGenerator>; interface DivideStyleProps { divideStyle?: SystemProp | CSS.Property.BorderStyle, T>; } declare const divideStyle: StyleGenerator>; type ThemeRingWidth = ThemeNamespaceValue<'ringWidths', T>; type RingWidth = Pixel | ThemeRingWidth; declare const getRingWidth: ThemeGetter>; interface RingProps { ring?: SystemProp, T>; } declare const ring: StyleGenerator>; interface RingInsetProps { ringInset?: SystemProp; } declare const ringInset: StyleGenerator>; interface RingColorProps { ringColor?: SystemProp, T>; } declare const ringColor: StyleGenerator>; interface BordersProps extends BorderProps, BorderTopProps, BorderRightProps, BorderBottomProps, BorderLeftProps, BorderColorProps, BorderTopColorProps, BorderRightColorProps, BorderBottomColorProps, BorderLeftColorProps, BorderWidthProps, BorderTopWidthProps, BorderRightWidthProps, BorderBottomWidthProps, BorderLeftWidthProps, BorderStyleProps, BorderTopStyleProps, BorderRightStyleProps, BorderBottomStyleProps, BorderLeftStyleProps, BorderRadiusProps, OutlineProps, OutlineColorProps, OutlineWidthProps, OutlineStyleProps, OutlineOffsetProps, DivideXProps, DivideYProps, DivideXReverseProps, DivideYReverseProps, DivideColorProps, DivideStyleProps, RingProps, RingInsetProps, RingColorProps { } declare const borders: StyleGenerator>; type ThemeShadow = ThemeNamespaceValue<'shadows', T>; declare const getShadow: ThemeGetter>; interface OpacityProps { opacity?: SystemProp; } declare const opacity: StyleGenerator>; interface BoxShadowProps { boxShadow?: SystemProp | CSS.Property.BoxShadow, T>; } declare const boxShadow: StyleGenerator>; interface TextShadowProps { textShadow?: SystemProp | CSS.Property.TextShadow, T>; } declare const textShadow: StyleGenerator>; interface EffectsProps extends OpacityProps, BoxShadowProps, TextShadowProps { } declare const effects: StyleGenerator>; interface RowProps { row?: SystemProp; } declare const row: StyleGenerator>; interface ColProps { col?: SystemProp; } declare const col: StyleGenerator>; interface FlexboxGridsProps extends RowProps, ColProps { } declare const flexboxGrids: StyleGenerator>; interface DisplayProps { display?: SystemProp; } declare const display: StyleGenerator>; interface FloatProps { float?: SystemProp; } declare const float: StyleGenerator>; interface BoxSizingProps { boxSizing?: SystemProp; } declare const boxSizing: StyleGenerator>; interface ContainerProps { container?: SystemProp; } declare const container: StyleGenerator>; interface OverflowProps { overflow?: SystemProp; } declare const overflow: StyleGenerator>; interface OverflowXProps { overflowX?: SystemProp; } declare const overflowX: StyleGenerator>; interface OverflowYProps { overflowY?: SystemProp; } declare const overflowY: StyleGenerator>; type ThemeZIndex = ThemeNamespaceValue<'zIndices', T>; declare const getZIndex: ThemeGetter>; interface ZIndexProps { zIndex?: SystemProp | CSS.Property.ZIndex, T>; } declare const zIndex: StyleGenerator>; interface PositionProps { position?: SystemProp; } declare const position: StyleGenerator>; type ThemeInset = ThemeNamespaceValue<'inset', T>; type Inset = Pixel | ThemeInset; declare const getInset: ThemeGetter>; interface TopProps { top?: SystemProp | CSS.Property.Top, T>; } declare const top: StyleGenerator>; interface RightProps { right?: SystemProp | CSS.Property.Right, T>; } declare const right: StyleGenerator>; interface BottomProps { bottom?: SystemProp | CSS.Property.Bottom, T>; } declare const bottom: StyleGenerator>; interface LeftProps { left?: SystemProp | CSS.Property.Left, T>; } declare const left: StyleGenerator>; interface VisibilityProps { visibility?: SystemProp; } declare const visibility: StyleGenerator>; interface OverscrollBehaviorProps { overscrollBehavior?: SystemProp; } declare const overscrollBehavior: StyleGenerator>; interface ObjectFitProps { objectFit?: SystemProp; } declare const objectFit: StyleGenerator>; interface LayoutProps extends DisplayProps, FloatProps, BoxSizingProps, ContainerProps, OverflowProps, OverflowXProps, OverflowYProps, PositionProps, ZIndexProps, TopProps, RightProps, BottomProps, LeftProps, VisibilityProps, OverscrollBehaviorProps, ObjectFitProps { } declare const layout: StyleGenerator>; interface AlignItemsProps { alignItems?: SystemProp; } declare const alignItems: StyleGenerator>; interface AlignContentProps { alignContent?: SystemProp; } declare const alignContent: StyleGenerator>; interface JustifyContentProps { justifyContent?: SystemProp; } declare const justifyContent: StyleGenerator>; interface JustifyItemsProps { justifyItems?: SystemProp; } declare const justifyItems: StyleGenerator>; interface FlexWrapProps { flexWrap?: SystemProp; } declare const flexWrap: StyleGenerator>; interface FlexGrowProps { flexGrow?: SystemProp; } declare const flexGrow: StyleGenerator>; interface FlexShrinkProps { flexShrink?: SystemProp; } declare const flexShrink: StyleGenerator>; interface FlexBasisProps { flexBasis?: SystemProp; } declare const flexBasis: StyleGenerator>; interface FlexDirectionProps { flexDirection?: SystemProp; } declare const flexDirection: StyleGenerator>; interface FlexProps { flex?: SystemProp; } declare const flex: StyleGenerator>; interface JustifySelfProps { justifySelf?: SystemProp; } declare const justifySelf: StyleGenerator>; interface AlignSelfProps { alignSelf?: SystemProp; } declare const alignSelf: StyleGenerator>; interface OrderProps { order?: SystemProp; } declare const order: StyleGenerator>; interface FlexboxesProps extends DisplayProps, AlignItemsProps, AlignContentProps, JustifyContentProps, JustifyItemsProps, FlexWrapProps, FlexBasisProps, FlexShrinkProps, FlexGrowProps, FlexDirectionProps, FlexProps, JustifySelfProps, AlignSelfProps, OrderProps { } declare const flexboxes: StyleGenerator>; type ThemeSpace = ThemeNamespaceValue<'space', T>; type Space = Pixel | ThemeSpace; declare const getSpace: ThemeGetter>; type MarginProp = SystemProp | CSS.Property.Margin, T>; interface MarginProps { margin?: MarginProp; m?: MarginProp; } declare const margin: StyleGenerator<{}>; type MarginTopProp = SystemProp | CSS.Property.MarginTop, T>; interface MarginTopProps { marginTop?: MarginTopProp; mt?: MarginTopProp; } declare const marginTop: StyleGenerator>; type MarginRightProp = SystemProp | CSS.Property.MarginRight, T>; interface MarginRightProps { marginRight?: MarginRightProp; mr?: MarginRightProp; } declare const marginRight: StyleGenerator>; type MarginBottomProp = SystemProp | CSS.Property.MarginBottom, T>; interface MarginBottomProps { marginBottom?: MarginBottomProp; mb?: MarginBottomProp; } declare const marginBottom: StyleGenerator>; type MarginLeftProp = SystemProp | CSS.Property.MarginLeft, T>; interface MarginLeftProps { marginLeft?: MarginLeftProp; ml?: MarginLeftProp; } declare const marginLeft: StyleGenerator>; interface MarginXProps { mx?: SystemProp | (CSS.Property.MarginLeft & CSS.Property.MarginRight), T>; } declare const mx: StyleGenerator>; interface MarginYProps { my?: SystemProp | (CSS.Property.MarginTop & CSS.Property.MarginBottom), T>; } declare const my: StyleGenerator>; type PaddingProp = SystemProp | CSS.Property.Padding, T>; interface PaddingProps { padding?: PaddingProp; p?: PaddingProp; } declare const padding: StyleGenerator>; type PaddingTopProp = SystemProp | CSS.Property.PaddingTop, T>; interface PaddingTopProps { paddingTop?: PaddingTopProp; pt?: PaddingTopProp; } declare const paddingTop: StyleGenerator>; type PaddingRightProp = SystemProp | CSS.Property.PaddingRight, T>; interface PaddingRightProps { paddingRight?: PaddingRightProp; pr?: PaddingRightProp; } declare const paddingRight: StyleGenerator>; type PaddingBottomProp = SystemProp | CSS.Property.PaddingBottom, T>; interface PaddingBottomProps { paddingBottom?: PaddingBottomProp; pb?: PaddingBottomProp; } declare const paddingBottom: StyleGenerator>; type PaddingLeftProp = SystemProp | CSS.Property.PaddingLeft, T>; interface PaddingLeftProps { paddingLeft?: PaddingLeftProp; pl?: PaddingLeftProp; } declare const paddingLeft: StyleGenerator>; interface PaddingXProps { px?: SystemProp | (CSS.Property.PaddingLeft & CSS.Property.PaddingRight), T>; } declare const px: StyleGenerator>; interface PaddingYProps { py?: SystemProp | (CSS.Property.PaddingTop & CSS.Property.PaddingBottom), T>; } declare const py: StyleGenerator>; interface SpaceYProps { spaceY?: SystemProp, T>; } declare const spaceY: StyleGenerator>; interface SpaceXProps { spaceX?: SystemProp, T>; } declare const spaceX: StyleGenerator>; interface SpaceXReverseProps { spaceXReverse?: SystemProp; } declare const spaceXReverse: StyleGenerator>; interface SpaceYReverseProps { spaceYReverse?: SystemProp; } declare const spaceYReverse: StyleGenerator>; interface SpaceProps extends MarginProps, MarginTopProps, MarginRightProps, MarginBottomProps, MarginLeftProps, MarginXProps, MarginYProps, PaddingProps, PaddingTopProps, PaddingRightProps, PaddingBottomProps, PaddingLeftProps, PaddingXProps, PaddingYProps, SpaceXProps, SpaceYProps, SpaceXReverseProps, SpaceYReverseProps { } declare const space: StyleGenerator>; interface GapProps { gap?: SystemProp | CSS.Property.Gap, T>; } declare const gap: StyleGenerator>; interface ColumnGapProps { columnGap?: SystemProp | CSS.Property.ColumnGap, T>; } declare const columnGap: StyleGenerator>; interface RowGapProps { rowGap?: SystemProp | CSS.Property.RowGap, T>; } declare const rowGap: StyleGenerator>; interface GridColumnProps { gridColumn?: SystemProp; } declare const gridColumn: StyleGenerator>; interface GridRowProps { gridRow?: SystemProp; } declare const gridRow: StyleGenerator>; interface GridAutoFlowProps { gridAutoFlow?: SystemProp; } declare const gridAutoFlow: StyleGenerator>; interface GridAutoColumnsProps { gridAutoColumns?: SystemProp; } declare const gridAutoColumns: StyleGenerator>; interface GridAutoRowsProps { gridAutoRows?: SystemProp; } declare const gridAutoRows: StyleGenerator>; interface GridTemplateColumnsProps { gridTemplateColumns?: SystemProp | CSS.Property.GridTemplateColumns, T>; } declare const gridTemplateColumns: StyleGenerator>; interface GridTemplateRowsProps { gridTemplateRows?: SystemProp | CSS.Property.GridTemplateRows, T>; } declare const gridTemplateRows: StyleGenerator>; interface GridTemplateAreasProps { gridTemplateAreas?: SystemProp; } declare const gridTemplateAreas: StyleGenerator>; interface GridAreaProps { gridArea?: SystemProp; } declare const gridArea: StyleGenerator>; interface GridsProps extends GapProps, ColumnGapProps, RowGapProps, GridColumnProps, GridRowProps, GridAutoFlowProps, GridAutoColumnsProps, GridAutoRowsProps, GridTemplateColumnsProps, GridTemplateRowsProps, GridTemplateAreasProps, GridAreaProps { } declare const grids: StyleGenerator>; interface AppearanceProps { appearance?: SystemProp; } declare const appearance: StyleGenerator>; interface CursorProps { cursor?: SystemProp; } declare const cursor: StyleGenerator>; interface PointerEventsProps { pointerEvents?: SystemProp; } declare const pointerEvents: StyleGenerator>; interface ResizeProps { resize?: SystemProp; } declare const resize: StyleGenerator>; interface UserSelectProps { userSelect?: SystemProp; } declare const userSelect: StyleGenerator>; interface InteractivityProps extends AppearanceProps, CursorProps, PointerEventsProps, ResizeProps, UserSelectProps { } declare const interactivity: StyleGenerator>; type ThemeSize = ThemeNamespaceValue<'sizes', T>; type Size = Percent | ThemeSize; declare const getSize: ThemeGetter>; interface WidthProps { w?: SystemProp | CSS.Property.Width, T>; } declare const width: StyleGenerator>; interface HeightProps { h?: SystemProp | CSS.Property.Height, T>; } declare const height: StyleGenerator>; type MaxWidthProp = SystemProp | CSS.Property.MaxWidth, T>; interface MaxWidthProps { maxWidth?: MaxWidthProp; maxW?: MaxWidthProp; } declare const maxWidth: StyleGenerator>; type MaxHeightProp = SystemProp | CSS.Property.MaxHeight, T>; interface MaxHeightProps { maxHeight?: MaxHeightProp; maxH?: MaxHeightProp; } declare const maxHeight: StyleGenerator>; interface MinWidthProps { minWidth?: SystemProp | CSS.Property.MinWidth, T>; } declare const minWidth: StyleGenerator>; type MinHeightProp = SystemProp | CSS.Property.MinHeight, T>; interface MinHeightProps { minHeight?: MinHeightProp; minH?: MinHeightProp; } declare const minHeight: StyleGenerator>; interface MaskSizeProps { maskSize?: SystemProp | CSS.Property.MaskSize, T>; } declare const maskSize: StyleGenerator>; interface SizingProps extends WidthProps, HeightProps, MaxWidthProps, MaxHeightProps, MinWidthProps, MinHeightProps, MaskSizeProps { } declare const sizing: StyleGenerator>; interface FillProps { fill?: SystemProp | CSS.Property.Fill, T>; } declare const fill: StyleGenerator>; interface StrokeProps { stroke?: SystemProp | CSS.Property.Stroke, T>; } declare const stroke: StyleGenerator>; interface SvgProps extends FillProps, StrokeProps { } declare const svg: StyleGenerator>; interface BorderCollapseProps { borderCollapse?: SystemProp; } declare const borderCollapse: StyleGenerator>; interface TableLayoutProps { tableLayout?: SystemProp; } declare const tableLayout: StyleGenerator>; interface TablesProps extends BorderCollapseProps, TableLayoutProps { } declare const tables: StyleGenerator>; type ThemeTransform = ThemeNamespaceValue<'transforms', T>; declare const getTransform: ThemeGetter>; interface TransformProps { transform?: SystemProp; } declare const transform: StyleGenerator>; interface TransformOriginProps { transformOrigin?: SystemProp; } declare const transformOrigin: StyleGenerator>; interface TranslateXProps { translateX?: SystemProp, T>; } declare const translateX: StyleGenerator>; interface TranslateYProps { translateY?: SystemProp, T>; } declare const translateY: StyleGenerator>; interface RotateProps { rotate?: SystemProp; } declare const rotate: StyleGenerator<{}>; interface SkewXProps { skewX?: SystemProp; } declare const skewX: StyleGenerator>; interface SkewYProps { skewY?: SystemProp; } declare const skewY: StyleGenerator>; type Scale = number | string; interface ScaleProps { scale?: SystemProp; } declare const scale: StyleGenerator>; interface ScaleXProps { scaleX?: SystemProp; } declare const scaleX: StyleGenerator>; interface ScaleYProps { scaleY?: SystemProp; } declare const scaleY: StyleGenerator>; interface TransformsProps extends TransformProps, TransformOriginProps, TranslateXProps, TranslateYProps, RotateProps, SkewXProps, SkewYProps, ScaleProps, ScaleXProps, ScaleYProps { } declare const transforms: StyleGenerator>; type ThemeFont = ThemeNamespaceValue<'fonts', T>; declare const getFont: ThemeGetter>; type ThemeLineHeight = ThemeNamespaceValue<'lineHeights', T>; type LineHeightValue = number | string; type LineHeight = LineHeightValue | ThemeLineHeight; declare const getLineHeight: ThemeGetter>; type ThemeFontWeight = ThemeNamespaceValue<'fontWeights', T>; declare const getFontWeight: ThemeGetter>; type ThemeLetterSpacing = ThemeNamespaceValue<'letterSpacings', T>; type LetterSpacing = Pixel | ThemeLetterSpacing; declare const getLetterSpacing: ThemeGetter>; type ThemeFontSize = ThemeNamespaceValue<'fontSizes', T>; type FontSize = Pixel | ThemeFontSize; declare const getFontSize: ThemeGetter>; interface FontFamilyProps { fontFamily?: SystemProp | CSS.Property.FontFamily, T>; } declare const fontFamily: StyleGenerator>; interface FontSizeProps { fontSize?: SystemProp | CSS.Property.FontSize, T>; } declare const fontSize: StyleGenerator>; interface FontVariantProps { fontVariant?: SystemProp; } declare const fontVariant: StyleGenerator>; interface LineHeightProps { lineHeight?: SystemProp | CSS.Property.LineHeight, T>; } declare const lineHeight: StyleGenerator>; interface FontWeightProps { fontWeight?: SystemProp | CSS.Property.FontWeight, T>; } declare const fontWeight: StyleGenerator>; interface FontStyleProps { fontStyle?: SystemProp; } declare const fontStyle: StyleGenerator>; interface LetterSpacingProps { letterSpacing?: SystemProp | CSS.Property.LetterSpacing, T>; } declare const letterSpacing: StyleGenerator>; interface ColorProps { color?: SystemProp, T>; } declare const color: StyleGenerator>; interface TextTransformProps { textTransform?: SystemProp; } declare const textTransform: StyleGenerator>; interface TextDecorationProps { textDecoration?: SystemProp; } declare const textDecoration: StyleGenerator>; interface TextAlignProps { textAlign?: SystemProp; } declare const textAlign: StyleGenerator>; interface VerticalAlignProps { verticalAlign?: SystemProp; } declare const verticalAlign: StyleGenerator>; interface WhiteSpaceProps { whiteSpace?: SystemProp; } declare const whiteSpace: StyleGenerator>; interface TextOverflowProps { textOverflow?: SystemProp; } declare const textOverflow: StyleGenerator>; interface ListStyleTypeProps { listStyleType?: SystemProp; } declare const listStyleType: StyleGenerator>; interface ListStylePositionProps { listStylePosition?: SystemProp; } declare const listStylePosition: StyleGenerator>; interface AllProps extends FontFamilyProps, FontSizeProps, FontStyleProps, FontVariantProps, LineHeightProps, FontWeightProps, TextAlignProps, LetterSpacingProps, ColorProps, TextTransformProps, TextDecorationProps, VerticalAlignProps, WhiteSpaceProps, TextOverflowProps, ListStyleTypeProps, ListStylePositionProps, SpaceProps { } type ThemeText = ThemeNamespaceValue<'texts', T>; interface TextProps { text?: SystemProp, T>; } declare const text: StyleGenerator>; interface TypographyProps extends AllProps, TextProps { } declare const typography: StyleGenerator>; interface SystemProps extends AnimationsProps, BackgroundsProps, BordersProps, EffectsProps, FlexboxGridsProps, FlexboxesProps, GridsProps, InteractivityProps, LayoutProps, SizingProps, SpaceProps, SvgProps, TablesProps, TransformsProps, TransitionsProps, TypographyProps { } declare const system: StyleGenerator>; interface ThGetters { angle: typeof getAngle; animation: typeof getAnimation; border: typeof getBorder; borderColor: typeof getBorderColor; borderStyle: typeof getBorderStyle; borderWidth: typeof getBorderWidth; color: typeof getColor; duration: typeof getDuration; font: typeof getFont; fontSize: typeof getFontSize; fontWeight: typeof getFontWeight; inset: typeof getInset; letterSpacing: typeof getLetterSpacing; lineHeight: typeof getLineHeight; percent: typeof getPercent; px: typeof getPx; radius: typeof getRadius; ringWidth: typeof getRingWidth; shadow: typeof getShadow; size: typeof getSize; space: typeof getSpace; timingFunction: typeof getTimingFunction; transform: typeof getTransform; transition: typeof getTransition; transitionProperty: typeof getTransitionProperty; zIndex: typeof getZIndex; } interface Th extends ThemeGetter, ThGetters { } declare const th: Th; declare const up: (key: string | number, rules: T) => (props: Props) => T | (string | T)[]; declare const down: (key: string | number, rules: T) => (props: Props) => (string | T)[] | null; declare const between: (lower: string | number, upper: string | number, rules: T) => (props: Props) => T | (string | T)[] | null; declare const breakpoints: (values: { [key: string]: T; [key: number]: T; }) => (props: Props) => T[]; declare const rpxTransformers: { px: (value: CSSScalar) => CSSScalar; border: (value: CSSScalar) => CSSScalar; }; type ColorVariants = number[] | readonly number[]; type ColorTones = number[]; declare const defaultAlphaVariants: readonly [0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100]; type DefaultAlphaVariants = typeof defaultAlphaVariants; type AlphaVariant = `${Extract}-a${V[number]}`; type AlphaVariants = { [K in AlphaVariant]: string | Colors; }; declare const generateHexAlphaVariants: (colors: C, variants?: V) => C & AlphaVariants; declare const aliasColor: (alias: string, color: string, tones?: T, variants?: ColorVariants) => { [key: string]: ThemeAlias; }; declare const defaultTheme: { colors: { black: string; white: string; 'blue-gray-50': string; 'blue-gray-100': string; 'blue-gray-200': string; 'blue-gray-300': string; 'blue-gray-400': string; 'blue-gray-500': string; 'blue-gray-600': string; 'blue-gray-700': string; 'blue-gray-800': string; 'blue-gray-900': string; 'cool-gray-50': string; 'cool-gray-100': string; 'cool-gray-200': string; 'cool-gray-300': string; 'cool-gray-400': string; 'cool-gray-500': string; 'cool-gray-600': string; 'cool-gray-700': string; 'cool-gray-800': string; 'cool-gray-900': string; 'gray-50': string; 'gray-100': string; 'gray-200': string; 'gray-300': string; 'gray-400': string; 'gray-500': string; 'gray-600': string; 'gray-700': string; 'gray-800': string; 'gray-900': string; 'true-gray-50': string; 'true-gray-100': string; 'true-gray-200': string; 'true-gray-300': string; 'true-gray-400': string; 'true-gray-500': string; 'true-gray-600': string; 'true-gray-700': string; 'true-gray-800': string; 'true-gray-900': string; 'warm-gray-50': string; 'warm-gray-100': string; 'warm-gray-200': string; 'warm-gray-300': string; 'warm-gray-400': string; 'warm-gray-500': string; 'warm-gray-600': string; 'warm-gray-700': string; 'warm-gray-800': string; 'warm-gray-900': string; 'red-50': string; 'red-100': string; 'red-200': string; 'red-300': string; 'red-400': string; 'red-500': string; 'red-600': string; 'red-700': string; 'red-800': string; 'red-900': string; 'orange-50': string; 'orange-100': string; 'orange-200': string; 'orange-300': string; 'orange-400': string; 'orange-500': string; 'orange-600': string; 'orange-700': string; 'orange-800': string; 'orange-900': string; 'amber-50': string; 'amber-100': string; 'amber-200': string; 'amber-300': string; 'amber-400': string; 'amber-500': string; 'amber-600': string; 'amber-700': string; 'amber-800': string; 'amber-900': string; 'yellow-50': string; 'yellow-100': string; 'yellow-200': string; 'yellow-300': string; 'yellow-400': string; 'yellow-500': string; 'yellow-600': string; 'yellow-700': string; 'yellow-800': string; 'yellow-900': string; 'lime-50': string; 'lime-100': string; 'lime-200': string; 'lime-300': string; 'lime-400': string; 'lime-500': string; 'lime-600': string; 'lime-700': string; 'lime-800': string; 'lime-900': string; 'green-50': string; 'green-100': string; 'green-200': string; 'green-300': string; 'green-400': string; 'green-500': string; 'green-600': string; 'green-700': string; 'green-800': string; 'green-900': string; 'emerald-50': string; 'emerald-100': string; 'emerald-200': string; 'emerald-300': string; 'emerald-400': string; 'emerald-500': string; 'emerald-600': string; 'emerald-700': string; 'emerald-800': string; 'emerald-900': string; 'teal-50': string; 'teal-100': string; 'teal-200': string; 'teal-300': string; 'teal-400': string; 'teal-500': string; 'teal-600': string; 'teal-700': string; 'teal-800': string; 'teal-900': string; 'cyan-50': string; 'cyan-100': string; 'cyan-200': string; 'cyan-300': string; 'cyan-400': string; 'cyan-500': string; 'cyan-600': string; 'cyan-700': string; 'cyan-800': string; 'cyan-900': string; 'light-blue-50': string; 'light-blue-100': string; 'light-blue-200': string; 'light-blue-300': string; 'light-blue-400': string; 'light-blue-500': string; 'light-blue-600': string; 'light-blue-700': string; 'light-blue-800': string; 'light-blue-900': string; 'blue-50': string; 'blue-100': string; 'blue-200': string; 'blue-300': string; 'blue-400': string; 'blue-500': string; 'blue-600': string; 'blue-700': string; 'blue-800': string; 'blue-900': string; 'indigo-50': string; 'indigo-100': string; 'indigo-200': string; 'indigo-300': string; 'indigo-400': string; 'indigo-500': string; 'indigo-600': string; 'indigo-700': string; 'indigo-800': string; 'indigo-900': string; 'violet-50': string; 'violet-100': string; 'violet-200': string; 'violet-300': string; 'violet-400': string; 'violet-500': string; 'violet-600': string; 'violet-700': string; 'violet-800': string; 'violet-900': string; 'purple-50': string; 'purple-100': string; 'purple-200': string; 'purple-300': string; 'purple-400': string; 'purple-500': string; 'purple-600': string; 'purple-700': string; 'purple-800': string; 'purple-900': string; 'fuchsia-50': string; 'fuchsia-100': string; 'fuchsia-200': string; 'fuchsia-300': string; 'fuchsia-400': string; 'fuchsia-500': string; 'fuchsia-600': string; 'fuchsia-700': string; 'fuchsia-800': string; 'fuchsia-900': string; 'pink-50': string; 'pink-100': string; 'pink-200': string; 'pink-300': string; 'pink-400': string; 'pink-500': string; 'pink-600': string; 'pink-700': string; 'pink-800': string; 'pink-900': string; 'rose-50': string; 'rose-100': string; 'rose-200': string; 'rose-300': string; 'rose-400': string; 'rose-500': string; 'rose-600': string; 'rose-700': string; 'rose-800': string; 'rose-900': string; } & { [x: `black-a${number}`]: string | Colors; [x: `white-a${number}`]: string | Colors; [x: `blue-gray-50-a${number}`]: string | Colors; [x: `blue-gray-100-a${number}`]: string | Colors; [x: `blue-gray-200-a${number}`]: string | Colors; [x: `blue-gray-300-a${number}`]: string | Colors; [x: `blue-gray-400-a${number}`]: string | Colors; [x: `blue-gray-500-a${number}`]: string | Colors; [x: `blue-gray-600-a${number}`]: string | Colors; [x: `blue-gray-700-a${number}`]: string | Colors; [x: `blue-gray-800-a${number}`]: string | Colors; [x: `blue-gray-900-a${number}`]: string | Colors; [x: `cool-gray-50-a${number}`]: string | Colors; [x: `cool-gray-100-a${number}`]: string | Colors; [x: `cool-gray-200-a${number}`]: string | Colors; [x: `cool-gray-300-a${number}`]: string | Colors; [x: `cool-gray-400-a${number}`]: string | Colors; [x: `cool-gray-500-a${number}`]: string | Colors; [x: `cool-gray-600-a${number}`]: string | Colors; [x: `cool-gray-700-a${number}`]: string | Colors; [x: `cool-gray-800-a${number}`]: string | Colors; [x: `cool-gray-900-a${number}`]: string | Colors; [x: `gray-50-a${number}`]: string | Colors; [x: `gray-100-a${number}`]: string | Colors; [x: `gray-200-a${number}`]: string | Colors; [x: `gray-300-a${number}`]: string | Colors; [x: `gray-400-a${number}`]: string | Colors; [x: `gray-500-a${number}`]: string | Colors; [x: `gray-600-a${number}`]: string | Colors; [x: `gray-700-a${number}`]: string | Colors; [x: `gray-800-a${number}`]: string | Colors; [x: `gray-900-a${number}`]: string | Colors; [x: `true-gray-50-a${number}`]: string | Colors; [x: `true-gray-100-a${number}`]: string | Colors; [x: `true-gray-200-a${number}`]: string | Colors; [x: `true-gray-300-a${number}`]: string | Colors; [x: `true-gray-400-a${number}`]: string | Colors; [x: `true-gray-500-a${number}`]: string | Colors; [x: `true-gray-600-a${number}`]: string | Colors; [x: `true-gray-700-a${number}`]: string | Colors; [x: `true-gray-800-a${number}`]: string | Colors; [x: `true-gray-900-a${number}`]: string | Colors; [x: `warm-gray-50-a${number}`]: string | Colors; [x: `warm-gray-100-a${number}`]: string | Colors; [x: `warm-gray-200-a${number}`]: string | Colors; [x: `warm-gray-300-a${number}`]: string | Colors; [x: `warm-gray-400-a${number}`]: string | Colors; [x: `warm-gray-500-a${number}`]: string | Colors; [x: `warm-gray-600-a${number}`]: string | Colors; [x: `warm-gray-700-a${number}`]: string | Colors; [x: `warm-gray-800-a${number}`]: string | Colors; [x: `warm-gray-900-a${number}`]: string | Colors; [x: `red-50-a${number}`]: string | Colors; [x: `red-100-a${number}`]: string | Colors; [x: `red-200-a${number}`]: string | Colors; [x: `red-300-a${number}`]: string | Colors; [x: `red-400-a${number}`]: string | Colors; [x: `red-500-a${number}`]: string | Colors; [x: `red-600-a${number}`]: string | Colors; [x: `red-700-a${number}`]: string | Colors; [x: `red-800-a${number}`]: string | Colors; [x: `red-900-a${number}`]: string | Colors; [x: `orange-50-a${number}`]: string | Colors; [x: `orange-100-a${number}`]: string | Colors; [x: `orange-200-a${number}`]: string | Colors; [x: `orange-300-a${number}`]: string | Colors; [x: `orange-400-a${number}`]: string | Colors; [x: `orange-500-a${number}`]: string | Colors; [x: `orange-600-a${number}`]: string | Colors; [x: `orange-700-a${number}`]: string | Colors; [x: `orange-800-a${number}`]: string | Colors; [x: `orange-900-a${number}`]: string | Colors; [x: `amber-50-a${number}`]: string | Colors; [x: `amber-100-a${number}`]: string | Colors; [x: `amber-200-a${number}`]: string | Colors; [x: `amber-300-a${number}`]: string | Colors; [x: `amber-400-a${number}`]: string | Colors; [x: `amber-500-a${number}`]: string | Colors; [x: `amber-600-a${number}`]: string | Colors; [x: `amber-700-a${number}`]: string | Colors; [x: `amber-800-a${number}`]: string | Colors; [x: `amber-900-a${number}`]: string | Colors; [x: `yellow-50-a${number}`]: string | Colors; [x: `yellow-100-a${number}`]: string | Colors; [x: `yellow-200-a${number}`]: string | Colors; [x: `yellow-300-a${number}`]: string | Colors; [x: `yellow-400-a${number}`]: string | Colors; [x: `yellow-500-a${number}`]: string | Colors; [x: `yellow-600-a${number}`]: string | Colors; [x: `yellow-700-a${number}`]: string | Colors; [x: `yellow-800-a${number}`]: string | Colors; [x: `yellow-900-a${number}`]: string | Colors; [x: `lime-50-a${number}`]: string | Colors; [x: `lime-100-a${number}`]: string | Colors; [x: `lime-200-a${number}`]: string | Colors; [x: `lime-300-a${number}`]: string | Colors; [x: `lime-400-a${number}`]: string | Colors; [x: `lime-500-a${number}`]: string | Colors; [x: `lime-600-a${number}`]: string | Colors; [x: `lime-700-a${number}`]: string | Colors; [x: `lime-800-a${number}`]: string | Colors; [x: `lime-900-a${number}`]: string | Colors; [x: `green-50-a${number}`]: string | Colors; [x: `green-100-a${number}`]: string | Colors; [x: `green-200-a${number}`]: string | Colors; [x: `green-300-a${number}`]: string | Colors; [x: `green-400-a${number}`]: string | Colors; [x: `green-500-a${number}`]: string | Colors; [x: `green-600-a${number}`]: string | Colors; [x: `green-700-a${number}`]: string | Colors; [x: `green-800-a${number}`]: string | Colors; [x: `green-900-a${number}`]: string | Colors; [x: `emerald-50-a${number}`]: string | Colors; [x: `emerald-100-a${number}`]: string | Colors; [x: `emerald-200-a${number}`]: string | Colors; [x: `emerald-300-a${number}`]: string | Colors; [x: `emerald-400-a${number}`]: string | Colors; [x: `emerald-500-a${number}`]: string | Colors; [x: `emerald-600-a${number}`]: string | Colors; [x: `emerald-700-a${number}`]: string | Colors; [x: `emerald-800-a${number}`]: string | Colors; [x: `emerald-900-a${number}`]: string | Colors; [x: `teal-50-a${number}`]: string | Colors; [x: `teal-100-a${number}`]: string | Colors; [x: `teal-200-a${number}`]: string | Colors; [x: `teal-300-a${number}`]: string | Colors; [x: `teal-400-a${number}`]: string | Colors; [x: `teal-500-a${number}`]: string | Colors; [x: `teal-600-a${number}`]: string | Colors; [x: `teal-700-a${number}`]: string | Colors; [x: `teal-800-a${number}`]: string | Colors; [x: `teal-900-a${number}`]: string | Colors; [x: `cyan-50-a${number}`]: string | Colors; [x: `cyan-100-a${number}`]: string | Colors; [x: `cyan-200-a${number}`]: string | Colors; [x: `cyan-300-a${number}`]: string | Colors; [x: `cyan-400-a${number}`]: string | Colors; [x: `cyan-500-a${number}`]: string | Colors; [x: `cyan-600-a${number}`]: string | Colors; [x: `cyan-700-a${number}`]: string | Colors; [x: `cyan-800-a${number}`]: string | Colors; [x: `cyan-900-a${number}`]: string | Colors; [x: `light-blue-50-a${number}`]: string | Colors; [x: `light-blue-100-a${number}`]: string | Colors; [x: `light-blue-200-a${number}`]: string | Colors; [x: `light-blue-300-a${number}`]: string | Colors; [x: `light-blue-400-a${number}`]: string | Colors; [x: `light-blue-500-a${number}`]: string | Colors; [x: `light-blue-600-a${number}`]: string | Colors; [x: `light-blue-700-a${number}`]: string | Colors; [x: `light-blue-800-a${number}`]: string | Colors; [x: `light-blue-900-a${number}`]: string | Colors; [x: `blue-50-a${number}`]: string | Colors; [x: `blue-100-a${number}`]: string | Colors; [x: `blue-200-a${number}`]: string | Colors; [x: `blue-300-a${number}`]: string | Colors; [x: `blue-400-a${number}`]: string | Colors; [x: `blue-500-a${number}`]: string | Colors; [x: `blue-600-a${number}`]: string | Colors; [x: `blue-700-a${number}`]: string | Colors; [x: `blue-800-a${number}`]: string | Colors; [x: `blue-900-a${number}`]: string | Colors; [x: `indigo-50-a${number}`]: string | Colors; [x: `indigo-100-a${number}`]: string | Colors; [x: `indigo-200-a${number}`]: string | Colors; [x: `indigo-300-a${number}`]: string | Colors; [x: `indigo-400-a${number}`]: string | Colors; [x: `indigo-500-a${number}`]: string | Colors; [x: `indigo-600-a${number}`]: string | Colors; [x: `indigo-700-a${number}`]: string | Colors; [x: `indigo-800-a${number}`]: string | Colors; [x: `indigo-900-a${number}`]: string | Colors; [x: `violet-50-a${number}`]: string | Colors; [x: `violet-100-a${number}`]: string | Colors; [x: `violet-200-a${number}`]: string | Colors; [x: `violet-300-a${number}`]: string | Colors; [x: `violet-400-a${number}`]: string | Colors; [x: `violet-500-a${number}`]: string | Colors; [x: `violet-600-a${number}`]: string | Colors; [x: `violet-700-a${number}`]: string | Colors; [x: `violet-800-a${number}`]: string | Colors; [x: `violet-900-a${number}`]: string | Colors; [x: `purple-50-a${number}`]: string | Colors; [x: `purple-100-a${number}`]: string | Colors; [x: `purple-200-a${number}`]: string | Colors; [x: `purple-300-a${number}`]: string | Colors; [x: `purple-400-a${number}`]: string | Colors; [x: `purple-500-a${number}`]: string | Colors; [x: `purple-600-a${number}`]: string | Colors; [x: `purple-700-a${number}`]: string | Colors; [x: `purple-800-a${number}`]: string | Colors; [x: `purple-900-a${number}`]: string | Colors; [x: `fuchsia-50-a${number}`]: string | Colors; [x: `fuchsia-100-a${number}`]: string | Colors; [x: `fuchsia-200-a${number}`]: string | Colors; [x: `fuchsia-300-a${number}`]: string | Colors; [x: `fuchsia-400-a${number}`]: string | Colors; [x: `fuchsia-500-a${number}`]: string | Colors; [x: `fuchsia-600-a${number}`]: string | Colors; [x: `fuchsia-700-a${number}`]: string | Colors; [x: `fuchsia-800-a${number}`]: string | Colors; [x: `fuchsia-900-a${number}`]: string | Colors; [x: `pink-50-a${number}`]: string | Colors; [x: `pink-100-a${number}`]: string | Colors; [x: `pink-200-a${number}`]: string | Colors; [x: `pink-300-a${number}`]: string | Colors; [x: `pink-400-a${number}`]: string | Colors; [x: `pink-500-a${number}`]: string | Colors; [x: `pink-600-a${number}`]: string | Colors; [x: `pink-700-a${number}`]: string | Colors; [x: `pink-800-a${number}`]: string | Colors; [x: `pink-900-a${number}`]: string | Colors; [x: `rose-50-a${number}`]: string | Colors; [x: `rose-100-a${number}`]: string | Colors; [x: `rose-200-a${number}`]: string | Colors; [x: `rose-300-a${number}`]: string | Colors; [x: `rose-400-a${number}`]: string | Colors; [x: `rose-500-a${number}`]: string | Colors; [x: `rose-600-a${number}`]: string | Colors; [x: `rose-700-a${number}`]: string | Colors; [x: `rose-800-a${number}`]: string | Colors; [x: `rose-900-a${number}`]: string | Colors; }; space: { 0.5: string; 1: string; 1.5: string; 2: string; 2.5: string; 3: string; 3.5: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; 11: string; 12: string; 14: string; 16: string; 20: string; 24: string; 28: string; 32: string; 36: string; 40: string; 44: string; 48: string; 52: string; 56: string; 60: string; 64: string; 72: string; 80: string; 96: string; }; screens: { _: number; xs: number; sm: number; md: number; lg: number; xl: number; '2xl': number; }; durations: { instant: string; 'fast-in': string; 'fast-out': string; 'slow-in': string; 'slow-out': string; }; sizes: { 0.5: undefined; 1: undefined; '0.5s': string; '1s': string; full: string; xs: string; sm: string; md: string; lg: string; xl: string; '2xl': string; '3xl': string; '4xl': string; '5xl': string; '6xl': string; '7xl': string; 1.5: string; 2: string; 2.5: string; 3: string; 3.5: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; 11: string; 12: string; 14: string; 16: string; 20: string; 24: string; 28: string; 32: string; 36: string; 40: string; 44: string; 48: string; 52: string; 56: string; 60: string; 64: string; 72: string; 80: string; 96: string; }; radii: { none: string; sm: string; default: string; md: string; lg: string; xl: string; '2xl': string; '3xl': string; full: string; }; shadows: { xs: string; sm: string; default: string; md: string; lg: string; xl: string; '2xl': string; inner: string; outline: string; }; fontSizes: { xs: string; sm: string; default: string; lg: string; xl: string; '2xl': string; '3xl': string; '4xl': string; '5xl': string; '6xl': string; '7xl': string; '8xl': string; '9xl': string; }; fontWeights: { hairline: string; thin: string; light: string; normal: string; medium: string; semibold: string; bold: string; extrabold: string; black: string; }; fonts: { mono: string; serif: string; sans: string; }; letterSpacings: { tighter: string; tight: string; normal: string; wide: string; wider: string; widest: string; }; lineHeights: { none: number; tight: number; snug: number; normal: number; relaxed: number; loose: number; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; xs: string; sm: string; default: string; lg: string; xl: string; '2xl': string; '3xl': string; '4xl': string; '5xl': number; '6xl': number; '7xl': number; '8xl': number; '9xl': number; }; gridTemplateColumns: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; 11: string; 12: string; }; gridTemplateRows: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; }; borderWidths: { default: number; }; ringWidths: { default: number; }; borders: { default: string; }; texts: { xs: { fontSize: string; lineHeight: string; }; sm: { fontSize: string; lineHeight: string; }; default: { fontSize: string; lineHeight: string; }; lg: { fontSize: string; lineHeight: string; }; xl: { fontSize: string; lineHeight: string; }; '2xl': { fontSize: string; lineHeight: string; }; '3xl': { fontSize: string; lineHeight: string; }; '4xl': { fontSize: string; lineHeight: string; }; '5xl': { fontSize: string; lineHeight: string; }; '6xl': { fontSize: string; lineHeight: string; }; '7xl': { fontSize: string; lineHeight: string; }; '8xl': { fontSize: string; lineHeight: string; }; '9xl': { fontSize: string; lineHeight: string; }; }; transitions: { [key: string]: string; }; transitionProperties: { default: string[]; colors: string[]; opacity: string[]; shadow: string[]; transform: string[]; }; timingFunctions: { 'ease-in': string; 'ease-out': string; 'ease-in-out': string; }; animations: { spin: string; ping: string; pulse: string; bounce: string; }; states: { _: null; motionSafe: string; motionReduce: string; first: string; last: string; odd: string; even: string; visited: string; checked: string; focusWithin: string; hover: string; focus: string; focusVisible: string; active: string; disabled: string; placeholder: string; }; xstyled: { cache: boolean; }; }; type DefaultTheme = typeof defaultTheme; declare const getPreflightStyles: (theme: ITheme) => string; type PropsScreens = T['theme'] extends { screens: Screens; } ? T['theme']['screens'] : Screens; declare const getScreens: >(props: T) => PropsScreens; type PropsStates = T['theme'] extends { states: States; } ? T['theme']['states'] : Screens; declare const getStates: >(props: T) => PropsStates; type PropsScreensVariants = { [P in keyof PropsScreens]: string | null; }; type PropsVariants = PropsScreensVariants & PropsStates; declare const getVariants: >(props: T) => PropsVariants; /** * Minimum breakpoint width. * Null for the smallest breakpoint. */ declare const getBreakpointMin: (screens: T, key: keyof T) => string | null; /** * Maximum breakpoint width. Null for the largest (last) breakpoint. * The maximum value is calculated as the minimum of the next one less 0.02px * to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths. * See https://www.w3.org/TR/mediaqueries-4/#mq-min-max * Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari. * See https://bugs.webkit.org/show_bug.cgi?id=178261 */ declare const getBreakpointMax: (screens: T, key: keyof T) => string | null; export { AlignContentProps, AlignItemsProps, AlignSelfProps, Angle, AnimationDurationProps, AnimationProps, AnimationTimingFunctionProps, AnimationsProps, AppearanceProps, BackgroundAttachmentProps, BackgroundClipProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BackgroundsProps, Border, BorderBottomColorProps, BorderBottomProps, BorderBottomStyleProps, BorderBottomWidthProps, BorderCollapseProps, BorderColorProps, BorderLeftColorProps, BorderLeftProps, BorderLeftStyleProps, BorderLeftWidthProps, BorderProps, BorderRadiusProps, BorderRightColorProps, BorderRightProps, BorderRightStyleProps, BorderRightWidthProps, BorderStyleProps, BorderTopColorProps, BorderTopProps, BorderTopStyleProps, BorderTopWidthProps, BorderWidth, BorderWidthProps, BordersProps, BottomProps, BoxShadowProps, BoxSizingProps, CSSFromProps, CSSObject, CSSOption, CSSProperties, CSSPseudos, CSSScalar, ColProps, Color, ColorProps, ColorTones, ColorVariants, Colors, ColumnGapProps, ContainerProps, CursorProps, DefaultAlphaVariants, DefaultTheme, DisplayProps, DivideColorProps, DivideStyleProps, DivideXProps, DivideXReverseProps, DivideYProps, DivideYReverseProps, Duration, EffectsProps, FillProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxGridsProps, FlexboxesProps, FloatProps, FontFamilyProps, FontSize, FontSizeProps, FontStyleProps, FontVariantProps, FontWeightProps, GapProps, GradientFromProps, GradientToProps, GradientViaProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, GridsProps, HeightProps, Inset, InteractivityProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacing, LetterSpacingProps, LineHeight, LineHeightProps, ListStylePositionProps, ListStyleTypeProps, MarginBottomProps, MarginLeftProps, MarginProps, MarginRightProps, MarginTopProps, MarginXProps, MarginYProps, MaskSizeProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, Mixin, NamespaceType, ObjectFitProps, OpacityProps, OrderProps, OutlineColorProps, OutlineOffsetProps, OutlineProps, OutlineStyleProps, OutlineWidthProps, OverflowProps, OverflowXProps, OverflowYProps, OverscrollBehaviorProps, PaddingBottomProps, PaddingLeftProps, PaddingProps, PaddingRightProps, PaddingTopProps, PaddingXProps, PaddingYProps, Percent, Pixel, PointerEventsProps, PositionProps, Radius, ResizeProps, RightProps, RingColorProps, RingInsetProps, RingProps, RingWidth, RotateProps, RowGapProps, RowProps, ScaleProps, ScaleXProps, ScaleYProps, Screens, Size, SizingProps, SkewXProps, SkewYProps, Space, SpaceProps, SpaceXProps, SpaceXReverseProps, SpaceYProps, SpaceYReverseProps, States, StrokeProps, StyleGenerator, StyleGeneratorProps, StyleGeneratorPropsConcat, StyleOptions, SvgProps, SynthesizedPath, SystemProp, SystemProps, TableLayoutProps, TablesProps, TextAlignProps, TextDecorationProps, TextOverflowProps, TextProps, TextShadowProps, TextTransformProps, Theme, ThemeAlias, ThemeAnimation, ThemeBorder, ThemeBorderColor, ThemeBorderStyle, ThemeBorderWidth, ThemeColor, ThemeDuration, ThemeFont, ThemeFontSize, ThemeFontWeight, ThemeGetter, ThemeGetterType, ThemeInset, ThemeLetterSpacing, ThemeLineHeight, ThemeNamespace, ThemeNamespaceValue, ThemeProp, ThemeRadius, ThemeRingWidth, ThemeScreens, ThemeShadow, ThemeSize, ThemeSpace, ThemeStates, ThemeText, ThemeTimingFunction, ThemeTransform, ThemeTransition, ThemeTransitionProperty, ThemeValue, ThemeVariants, ThemeZIndex, TopProps, TransformOriginProps, TransformProps, TransformValue, Transformers, TransformsProps, TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps, TransitionProps, TransitionTimingFunctionProps, TransitionsProps, TranslateXProps, TranslateYProps, TypographyProps, UserSelectProps, Variants, VerticalAlignProps, VisibilityProps, WhiteSpaceProps, WidthProps, ZIndexProps, aliasColor, alignContent, alignItems, alignSelf, animation, animationDuration, animationTimingFunction, animations, appearance, background, backgroundAttachment, backgroundClip, backgroundColor, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, backgrounds, between, border, borderBottom, borderBottomColor, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderStyle, borderTop, borderTopColor, borderTopStyle, borderTopWidth, borderWidth, borders, bottom, boxShadow, boxSizing, breakpoints, col, color, columnGap, compose, container, createStyleGenerator, cursor, defaultTheme, display, divideColor, divideStyle, divideX, divideXReverse, divideY, divideYReverse, down, effects, fill, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexboxGrids, flexboxes, float, fontFamily, fontSize, fontStyle, fontVariant, fontWeight, gap, generateHexAlphaVariants, getAngle, getAnimation, getBorder, getBorderColor, getBorderStyle, getBorderWidth, getBreakpointMax, getBreakpointMin, getColor, getDuration, getFont, getFontSize, getFontWeight, getInset, getLetterSpacing, getLineHeight, getPercent, getPreflightStyles, getPx, getRadius, getRingWidth, getScreens, getShadow, getSize, getSpace, getStates, getTimingFunction, getTransform, getTransition, getTransitionProperty, getVariants, getZIndex, gradientFrom, gradientTo, gradientVia, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridRow, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, grids, height, interactivity, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, listStylePosition, listStyleType, margin, marginBottom, marginLeft, marginRight, marginTop, maskSize, maxHeight, maxWidth, minHeight, minWidth, mx, my, objectFit, opacity, order, outline, outlineColor, outlineOffset, outlineStyle, outlineWidth, overflow, overflowX, overflowY, overscrollBehavior, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, pointerEvents, position, px, py, resize, right, ring, ringColor, ringInset, rotate, row, rowGap, rpxTransformers, scale, scaleX, scaleY, sizing, skewX, skewY, space, spaceX, spaceXReverse, spaceY, spaceYReverse, stroke, style, svg, system, tableLayout, tables, text, textAlign, textDecoration, textOverflow, textShadow, textTransform, th, themeGetter, top, transform, transformOrigin, transforms, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, transitions, translateX, translateY, typography, up, userSelect, verticalAlign, visibility, whiteSpace, width, zIndex };