import type { CSSProperties } from 'react';
declare const alignItemsValues: CSSProperties['alignItems'][];
export type AlignItemsType = (typeof alignItemsValues)[number];
declare const justifyContentValues: CSSProperties['justifyContent'][];
export type JustifyContentType = (typeof justifyContentValues)[number];
export declare const responsiveProperties: {
    conditions: {
        defaultCondition: "xxsmall";
        conditionNames: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[];
        responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
            length: 5;
        };
    };
    styles: {
        alignItems: {
            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
                length: 5;
            };
            values: {
                [x: string & {}]: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "-moz-initial": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "anchor-center": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                baseline: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                center: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                end: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "flex-end": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "flex-start": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                inherit: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                initial: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                normal: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                revert: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "revert-layer": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "self-end": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "self-start": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                start: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                stretch: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                unset: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
            };
        };
        gap: {
            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
                length: 5;
            };
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
            };
        };
        justifyContent: {
            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
                length: 5;
            };
            values: {
                [x: string & {}]: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "-moz-initial": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                center: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                end: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "flex-end": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "flex-start": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                inherit: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                initial: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                left: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                normal: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                revert: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "revert-layer": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                right: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "space-around": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "space-between": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                "space-evenly": {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                start: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                stretch: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
                unset: {
                    defaultClass: string;
                    conditions: {
                        large: string;
                        medium: string;
                        small: string;
                        xlarge: string;
                        xsmall: string;
                        xxsmall: string;
                    };
                };
            };
        };
    };
};
export declare const sprinkles: ((props: {
    alignItems?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, import("csstype").Property.AlignItems | null | undefined> | ({} | undefined);
    gap?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, string | null> | (string | {
        large?: string | undefined;
        medium?: string | undefined;
        small?: string | undefined;
        xlarge?: string | undefined;
        xsmall?: string | undefined;
        xxsmall?: string | undefined;
    } | undefined);
    justifyContent?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, import("csstype").Property.JustifyContent | null | undefined> | ({} | undefined);
}) => string) & {
    properties: Set<"alignItems" | "gap" | "justifyContent">;
};
export declare const rowStyle: {
    row: string;
};
export {};
//# sourceMappingURL=styles.css.d.ts.map