import { RuntimeFn } from '@vanilla-extract/recipes';
export declare const IMAGE_STYLES: {
    recipe: RuntimeFn<{
        objectFit: {
            contain: {
                objectFit: "contain";
            };
            cover: {
                objectFit: "cover";
            };
            fill: {
                objectFit: "fill";
            };
            none: {
                objectFit: "none";
            };
            'scale-down': {
                objectFit: "scale-down";
            };
        };
        objectPosition: {
            center: {
                objectPosition: "center";
            };
            top: {
                objectPosition: "top";
            };
            bottom: {
                objectPosition: "bottom";
            };
            left: {
                objectPosition: "left";
            };
            right: {
                objectPosition: "right";
            };
            'top-left': {
                objectPosition: "left top";
            };
            'top-right': {
                objectPosition: "right top";
            };
            'bottom-left': {
                objectPosition: "left bottom";
            };
            'bottom-right': {
                objectPosition: "right bottom";
            };
        };
        borderRadius: {
            none: {
                borderRadius: `var(--${string})`;
            };
            xs: {
                borderRadius: `var(--${string})`;
            };
            sm: {
                borderRadius: `var(--${string})`;
            };
            md: {
                borderRadius: `var(--${string})`;
            };
            lg: {
                borderRadius: `var(--${string})`;
            };
            xl: {
                borderRadius: `var(--${string})`;
            };
            '2xl': {
                borderRadius: `var(--${string})`;
            };
            full: {
                borderRadius: `var(--${string})`;
            };
        };
        padding: {
            none: {
                padding: `var(--${string})`;
            };
            px: {
                padding: `var(--${string})`;
            };
            xxs: {
                padding: `var(--${string})`;
            };
            xs: {
                padding: `var(--${string})`;
            };
            xs2: {
                padding: `var(--${string})`;
            };
            sm: {
                padding: `var(--${string})`;
            };
            md: {
                padding: `var(--${string})`;
            };
            lg: {
                padding: `var(--${string})`;
            };
            xl: {
                padding: `var(--${string})`;
            };
            '2xl': {
                padding: `var(--${string})`;
            };
            '3xl': {
                padding: `var(--${string})`;
            };
            '4xl': {
                padding: `var(--${string})`;
            };
            '5xl': {
                padding: `var(--${string})`;
            };
        };
        margin: {
            auto: {
                margin: "auto";
            };
            none: {
                margin: `var(--${string})`;
            };
            px: {
                margin: `var(--${string})`;
            };
            xxs: {
                margin: `var(--${string})`;
            };
            xs: {
                margin: `var(--${string})`;
            };
            xs2: {
                margin: `var(--${string})`;
            };
            sm: {
                margin: `var(--${string})`;
            };
            md: {
                margin: `var(--${string})`;
            };
            lg: {
                margin: `var(--${string})`;
            };
            xl: {
                margin: `var(--${string})`;
            };
            '2xl': {
                margin: `var(--${string})`;
            };
            '3xl': {
                margin: `var(--${string})`;
            };
            '4xl': {
                margin: `var(--${string})`;
            };
            '5xl': {
                margin: `var(--${string})`;
            };
        };
        backgroundColor: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
    }>;
};