export declare const unresponsiveProperties: {
    readonly background: any;
    readonly overflow: readonly ["hidden", "scroll", "visible", "auto"];
    readonly userSelect: readonly ["none"];
    readonly outline: readonly ["none"];
    readonly opacity: readonly [0];
    readonly zIndex: {
        readonly 0: 0;
        readonly 1: 1;
        readonly 2: 2;
        readonly dropdownBackdrop: 90;
        readonly dropdown: 100;
        readonly sticky: 200;
        readonly modalBackdrop: 290;
        readonly modal: 300;
        readonly notification: 400;
    };
    readonly cursor: readonly ["default", "pointer"];
    readonly pointerEvents: readonly ["none"];
    readonly top: readonly [0];
    readonly bottom: readonly [0];
    readonly left: readonly [0];
    readonly right: readonly [0];
    readonly minWidth: {
        readonly 0: "0%";
    };
    readonly transition: any;
};
export declare type UnresponsiveProperties = keyof typeof unresponsiveProperties;
export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarations/src/createSprinkles").SprinklesFn<[{
    conditions: never;
    styles: {
        readonly background: {
            values: {
                [x: string]: {
                    defaultClass: string;
                };
            };
        };
        readonly overflow: {
            values: {
                auto: {
                    defaultClass: string;
                };
                hidden: {
                    defaultClass: string;
                };
                visible: {
                    defaultClass: string;
                };
                scroll: {
                    defaultClass: string;
                };
            };
        };
        readonly userSelect: {
            values: {
                none: {
                    defaultClass: string;
                };
            };
        };
        readonly outline: {
            values: {
                none: {
                    defaultClass: string;
                };
            };
        };
        readonly opacity: {
            values: {
                0: {
                    defaultClass: string;
                };
            };
        };
        readonly zIndex: {
            values: {
                0: {
                    defaultClass: string;
                };
                2: {
                    defaultClass: string;
                };
                1: {
                    defaultClass: string;
                };
                notification: {
                    defaultClass: string;
                };
                dropdownBackdrop: {
                    defaultClass: string;
                };
                dropdown: {
                    defaultClass: string;
                };
                sticky: {
                    defaultClass: string;
                };
                modalBackdrop: {
                    defaultClass: string;
                };
                modal: {
                    defaultClass: string;
                };
            };
        };
        readonly cursor: {
            values: {
                pointer: {
                    defaultClass: string;
                };
                default: {
                    defaultClass: string;
                };
            };
        };
        readonly pointerEvents: {
            values: {
                none: {
                    defaultClass: string;
                };
            };
        };
        readonly top: {
            values: {
                0: {
                    defaultClass: string;
                };
            };
        };
        readonly bottom: {
            values: {
                0: {
                    defaultClass: string;
                };
            };
        };
        readonly left: {
            values: {
                0: {
                    defaultClass: string;
                };
            };
        };
        readonly right: {
            values: {
                0: {
                    defaultClass: string;
                };
            };
        };
        readonly minWidth: {
            values: {
                0: {
                    defaultClass: string;
                };
            };
        };
        readonly transition: {
            values: {
                [x: string]: {
                    defaultClass: string;
                };
            };
        };
    };
}, {
    conditions: {
        defaultCondition: "mobile";
        conditionNames: ("mobile" | "tablet" | "desktop" | "wide")[];
    };
    styles: {
        position: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        display: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        alignItems: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        justifyContent: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        flexDirection: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        flexWrap: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        flex: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        gap: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        borderRadius: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        paddingTop: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        paddingBottom: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        paddingLeft: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        paddingRight: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        marginTop: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        marginBottom: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        marginLeft: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        marginRight: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        fontFamily: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        pointerEvents: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        opacity: {
            values: {
                [x: number]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        textAlign: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        fontWeight: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
    };
} & {
    styles: {
        padding: {
            mappings: ("paddingBottom" | "paddingTop" | "paddingLeft" | "paddingRight")[];
        };
        paddingY: {
            mappings: ("paddingBottom" | "paddingTop")[];
        };
        paddingX: {
            mappings: ("paddingLeft" | "paddingRight")[];
        };
        margin: {
            mappings: ("marginBottom" | "marginTop" | "marginLeft" | "marginRight")[];
        };
        marginY: {
            mappings: ("marginBottom" | "marginTop")[];
        };
        marginX: {
            mappings: ("marginLeft" | "marginRight")[];
        };
        placeItems: {
            mappings: ("alignItems" | "justifyContent")[];
        };
    };
}]>;
export declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends import("@vanilla-extract/sprinkles").ConditionalValue<{
    conditions: {
        defaultCondition: "mobile";
        conditionNames: ("mobile" | "tablet" | "desktop" | "wide")[];
    };
    styles: {
        position: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        display: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        alignItems: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        justifyContent: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        flexDirection: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        flexWrap: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        flex: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        gap: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        borderRadius: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        paddingTop: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        paddingBottom: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        paddingLeft: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        paddingRight: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        marginTop: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        marginBottom: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        marginLeft: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        marginRight: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        fontFamily: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        pointerEvents: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        opacity: {
            values: {
                [x: number]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        textAlign: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
        fontWeight: {
            values: {
                [x: string]: {
                    defaultClass: string;
                    conditions: {
                        mobile: string;
                        tablet: string;
                        desktop: string;
                        wide: string;
                    };
                };
            };
        };
    };
} & {
    styles: {
        padding: {
            mappings: ("paddingBottom" | "paddingTop" | "paddingLeft" | "paddingRight")[];
        };
        paddingY: {
            mappings: ("paddingBottom" | "paddingTop")[];
        };
        paddingX: {
            mappings: ("paddingLeft" | "paddingRight")[];
        };
        margin: {
            mappings: ("marginBottom" | "marginTop" | "marginLeft" | "marginRight")[];
        };
        marginY: {
            mappings: ("marginBottom" | "marginTop")[];
        };
        marginX: {
            mappings: ("marginLeft" | "marginRight")[];
        };
        placeItems: {
            mappings: ("alignItems" | "justifyContent")[];
        };
    };
}, string | number>>(value: Value, fn: (inputValue: Value extends import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<1, string | number | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1, string | number | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3, string | number | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3 | 4, string | number | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3 | 4 | 5, string | number | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3 | 4 | 5 | 6, string | number | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3 | 4 | 5 | 6 | 7, string | number | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3 | 4 | 5 | 6 | 7 | 8, string | number | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number>> ? NonNullable<Value[keyof Value]> : Value, key: "mobile" | "tablet" | "desktop" | "wide") => OutputValue) => Value extends string | number ? OutputValue : Partial<Record<"mobile" | "tablet" | "desktop" | "wide", OutputValue>>;
//# sourceMappingURL=sprinkles.css.d.ts.map