import * as types from './types';
export declare const media: {
    sm: import("styled-components").BaseThemedCssFunction<any>;
    md: import("styled-components").BaseThemedCssFunction<any>;
    lg: import("styled-components").BaseThemedCssFunction<any>;
};
export declare const Column: import("styled-components").StyledComponent<"div", any, {
    col: boolean;
} & {
    center?: boolean;
} & {
    w?: string | number | number[] | string[];
    maxw?: string | number | number[] | string[];
    minw?: string | number | number[] | string[];
    h?: string | number | number[] | string[];
    minh?: string | number | number[] | string[];
    maxh?: string | number | number[] | string[];
    display?: string | string[];
    sz?: string | number | number[] | string[];
    verticalAlign?: string | string[];
} & {
    m?: string | number | number[] | string[];
    mh?: string | number | number[] | string[];
    mv?: string | number | number[] | string[];
    mt?: string | number | number[] | string[];
    mr?: string | number | number[] | string[];
    mb?: string | number | number[] | string[];
    ml?: string | number | number[] | string[];
    p?: string | number | number[] | string[];
    ph?: string | number | number[] | string[];
    pv?: string | number | number[] | string[];
    pt?: string | number | number[] | string[];
    pr?: string | number | number[] | string[];
    pb?: string | number | number[] | string[];
    pl?: string | number | number[] | string[];
} & {
    border?: string | number | number[] | string[];
    borderTop?: string | number | number[] | string[];
    borderRight?: string | number | number[] | string[];
    borderBottom?: string | number | number[] | string[];
    borderLeft?: string | number | number[] | string[];
    borderWidth?: string | number | number[] | string[];
    borderStyle?: string | number | number[] | string[];
    borderColor?: string;
    borderRadius?: string | number | number[] | string[];
} & {
    bg?: string;
    color?: string;
    background?: string | string[];
    bs?: string | string[];
    br?: string | number | number[] | string[];
    opacity?: string | number | number[] | string[];
    op?: string | number | number[] | string[];
    overflow?: string | string[];
    backgroundImage?: string | string[];
    backgroundSize?: string | string[];
    backgroundPosition?: string | string[];
    backgroundRepeat?: string | string[];
} & {
    pos?: string | string[];
    zi?: number | number[];
    top?: string | number | number[] | string[];
    right?: string | number | number[] | string[];
    bottom?: string | number | number[] | string[];
    left?: string | number | number[] | string[];
} & {
    order?: number | number[];
    flexWrap?: string | string[];
    flexBasis?: string | string[];
    flexDirection?: string | string[];
} & types.QuickTypographyProps & types.QuickFlexProps & types.QuickPositionProps & types.MediaProps, "col">;
export declare const Row: import("styled-components").StyledComponent<"div", any, {
    row: boolean;
} & {
    center?: boolean;
} & {
    w?: string | number | number[] | string[];
    maxw?: string | number | number[] | string[];
    minw?: string | number | number[] | string[];
    h?: string | number | number[] | string[];
    minh?: string | number | number[] | string[];
    maxh?: string | number | number[] | string[];
    display?: string | string[];
    sz?: string | number | number[] | string[];
    verticalAlign?: string | string[];
} & {
    m?: string | number | number[] | string[];
    mh?: string | number | number[] | string[];
    mv?: string | number | number[] | string[];
    mt?: string | number | number[] | string[];
    mr?: string | number | number[] | string[];
    mb?: string | number | number[] | string[];
    ml?: string | number | number[] | string[];
    p?: string | number | number[] | string[];
    ph?: string | number | number[] | string[];
    pv?: string | number | number[] | string[];
    pt?: string | number | number[] | string[];
    pr?: string | number | number[] | string[];
    pb?: string | number | number[] | string[];
    pl?: string | number | number[] | string[];
} & {
    border?: string | number | number[] | string[];
    borderTop?: string | number | number[] | string[];
    borderRight?: string | number | number[] | string[];
    borderBottom?: string | number | number[] | string[];
    borderLeft?: string | number | number[] | string[];
    borderWidth?: string | number | number[] | string[];
    borderStyle?: string | number | number[] | string[];
    borderColor?: string;
    borderRadius?: string | number | number[] | string[];
} & {
    bg?: string;
    color?: string;
    background?: string | string[];
    bs?: string | string[];
    br?: string | number | number[] | string[];
    opacity?: string | number | number[] | string[];
    op?: string | number | number[] | string[];
    overflow?: string | string[];
    backgroundImage?: string | string[];
    backgroundSize?: string | string[];
    backgroundPosition?: string | string[];
    backgroundRepeat?: string | string[];
} & {
    pos?: string | string[];
    zi?: number | number[];
    top?: string | number | number[] | string[];
    right?: string | number | number[] | string[];
    bottom?: string | number | number[] | string[];
    left?: string | number | number[] | string[];
} & {
    order?: number | number[];
    flexWrap?: string | string[];
    flexBasis?: string | string[];
    flexDirection?: string | string[];
} & types.QuickTypographyProps & types.QuickFlexProps & types.QuickPositionProps & types.MediaProps, "row">;
export declare const Box: import("styled-components").StyledComponent<"div", any, BoxProps, never>;
declare const globalStyles: {
    size: (size: number) => string;
    anim: import("styled-components").FlattenSimpleInterpolation;
    media: {
        sm: import("styled-components").BaseThemedCssFunction<any>;
        md: import("styled-components").BaseThemedCssFunction<any>;
        lg: import("styled-components").BaseThemedCssFunction<any>;
    };
    unselectable: import("styled-components").FlattenSimpleInterpolation;
    untouchable: import("styled-components").FlattenSimpleInterpolation;
    actionable: import("styled-components").FlattenSimpleInterpolation;
    mediaQuery: (maxWidth: number) => string;
    textProps: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("./styledSystems").TypographyProps & types.QuickTypographyProps, any>>;
    boxProps: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<types.BoxProps, any>>;
    spacingProps: (props: any) => any;
    breakpoints: string[];
    pabs: string;
    prel: string;
    flex: string;
    flex1: string;
    flxRow: string;
    flxCol: string;
    flxRowReverse: string;
    flxColReverse: string;
    flxWrap: string;
    aifs: string;
    aic: string;
    ais: string;
    aife: string;
    aib: string;
    jcc: string;
    jcfs: string;
    jcfe: string;
    jcsb: string;
    jcsa: string;
    asfs: string;
    asfe: string;
    asc: string;
    ass: string;
    jsfs: string;
    jsfe: string;
    jsc: string;
    jss: string;
    if: string;
    tal: string;
    tac: string;
    tar: string;
    ofh: string;
    cover: string;
    contain: string;
    anchor: string;
    full: string;
    ellipsis: string;
};
export { globalStyles as s };
export { parseUnit } from './utils';
export declare type BoxProps = types.BoxProps & types.MediaProps;