import type * as Stitches from '@stitches/react';
export declare const BoxStyles: {
    defaultVariants: {
        flex: boolean;
        flexInline: boolean;
    };
    variants: {
        flex: {
            true: {
                display: string;
            };
            center: {
                display: string;
                justifyContent: string;
            };
            centerVertical: {
                display: string;
                alignItems: string;
            };
            centerAll: {
                display: string;
                alignItems: string;
                justifyContent: string;
            };
        };
        flexInline: {
            true: {
                display: string;
            };
            center: {
                display: string;
                justifyContent: string;
            };
            centerVertical: {
                display: string;
                alignItems: string;
            };
            centerAll: {
                display: string;
                alignItems: string;
                justifyContent: string;
            };
        };
        row: {
            true: {
                flexDirection: string;
            };
        };
        column: {
            true: {
                flexDirection: string;
            };
        };
        rowReverse: {
            true: {
                flexDirection: string;
            };
        };
        columnReverse: {
            true: {
                flexDirection: string;
            };
        };
        wrap: {
            true: {
                flexWrap: string;
            };
        };
        wrapReverse: {
            true: {
                flexWrap: string;
            };
        };
        noWrap: {
            true: {
                flexWrap: string;
            };
        };
    };
};
export declare const StyledBox: import("@stitches/react/types/styled-component").StyledComponent<"div", {
    flex?: boolean | "center" | "true" | "centerVertical" | "centerAll" | undefined;
    flexInline?: boolean | "center" | "true" | "centerVertical" | "centerAll" | undefined;
    row?: boolean | "true" | undefined;
    column?: boolean | "true" | undefined;
    rowReverse?: boolean | "true" | undefined;
    columnReverse?: boolean | "true" | undefined;
    wrap?: boolean | "true" | undefined;
    wrapReverse?: boolean | "true" | undefined;
    noWrap?: boolean | "true" | undefined;
}, {
    mobile: "(max-width: 640px)";
    tablet: "(min-width: 640px) and (max-width: 920px)";
    desktop: "(min-width: 920px)";
    xs: "(max-width: 640px)";
    sm: "(min-width: 640px) and (max-width: 920px)";
    md: "(min-width: 920px) and (max-width: 1280px)";
    lg: "(min-width: 1280px) and (max-width: 1920px)";
    xl: "(min-width: 1920px)";
    xsOrUp: "(max-width: 0px)";
    smOrUp: "(min-width: 640px)";
    mdOrUp: "(min-width: 920px)";
    lgOrUp: "(min-width: 1280px)";
    xlOrUp: "(min-width: 1920px)";
}, import("@stitches/react/types/css-util").CSS<{
    mobile: "(max-width: 640px)";
    tablet: "(min-width: 640px) and (max-width: 920px)";
    desktop: "(min-width: 920px)";
    xs: "(max-width: 640px)";
    sm: "(min-width: 640px) and (max-width: 920px)";
    md: "(min-width: 920px) and (max-width: 1280px)";
    lg: "(min-width: 1280px) and (max-width: 1920px)";
    xl: "(min-width: 1920px)";
    xsOrUp: "(max-width: 0px)";
    smOrUp: "(min-width: 640px)";
    mdOrUp: "(min-width: 920px)";
    lgOrUp: "(min-width: 1280px)";
    xlOrUp: "(min-width: 1920px)";
}, {
    rgb: {
        background: string;
        foreground: string;
        accents_min: string;
        accents_0: string;
        accents_1: string;
        accents_2: string;
        accents_3: string;
        accents_4: string;
        accents_5: string;
        accents_6: string;
        accents_7: string;
        accents_8: string;
        accents_9: string;
        accents_max: string;
        minors_min: string;
        minors_0: string;
        minors_1: string;
        minors_2: string;
        minors_3: string;
        minors_4: string;
        minors_5: string;
        minors_6: string;
        minors_7: string;
        minors_8: string;
        minors_9: string;
        minors_max: string;
        warning: string;
        warningLight: string;
        warningLighter: string;
        warningDark: string;
        success: string;
        successLight: string;
        successLighter: string;
        successDark: string;
        error: string;
        errorLight: string;
        errorLighter: string;
        errorDark: string;
        info: string;
        infoLight: string;
        infoLighter: string;
        infoDark: string;
        violet: string;
        yellow: string;
        tomato: string;
        green: string;
        purple: string;
        elevation_1: string;
        elevation_2: string;
        elevation_3: string;
        overlay_1: string;
        overlay_2: string;
    };
    colors: {
        background: string;
        foreground: string;
        accents_min: string;
        accents_0: string;
        accents_1: string;
        accents_2: string;
        accents_3: string;
        accents_4: string;
        accents_5: string;
        accents_6: string;
        accents_7: string;
        accents_8: string;
        accents_9: string;
        accents_max: string;
        minors_min: string;
        minors_0: string;
        minors_1: string;
        minors_2: string;
        minors_3: string;
        minors_4: string;
        minors_5: string;
        minors_6: string;
        minors_7: string;
        minors_8: string;
        minors_9: string;
        minors_max: string;
        warning: string;
        warningLight: string;
        warningLighter: string;
        warningDark: string;
        success: string;
        successLight: string;
        successLighter: string;
        successDark: string;
        error: string;
        errorLight: string;
        errorLighter: string;
        errorDark: string;
        info: string;
        infoLight: string;
        infoLighter: string;
        infoDark: string;
        violet: string;
        yellow: string;
        tomato: string;
        green: string;
        purple: string;
        elevation_1: string;
        elevation_2: string;
        elevation_3: string;
        overlay_1: string;
        overlay_2: string;
    };
    fonts: {
        sans: string;
        mono: string;
        prism: string;
    };
    space: {
        unit: string;
        gap: string;
        gapNegative: string;
        gapHalf: string;
        gapHalfNegative: string;
        gapQuarter: string;
        gapQuarterNegative: string;
    };
    radii: {
        mini: string;
        small: string;
        normal: string;
        medium: string;
        large: string;
        half: string;
        max: string;
    };
    shadows: {
        tiny: string;
        small: string;
        medium: string;
        normal: string;
        large: string;
    };
    fontSizes: {
        mini: string;
        small: string;
        base: string;
        double: string;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
export type StyledBoxVariants = Stitches.VariantProps<typeof StyledBox>;