import { RuntimeFn } from '@vanilla-extract/recipes';
export declare const BOX_STYLES: {
    recipe: RuntimeFn<{
        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})`;
            };
            sm2: {
                padding: `var(--${string})`;
            };
            md: {
                padding: `var(--${string})`;
            };
            md2: {
                padding: `var(--${string})`;
            };
            lg: {
                padding: `var(--${string})`;
            };
            lg2: {
                padding: `var(--${string})`;
            };
            xl: {
                padding: `var(--${string})`;
            };
            '2xl': {
                padding: `var(--${string})`;
            };
            '3xl': {
                padding: `var(--${string})`;
            };
            '4xl': {
                padding: `var(--${string})`;
            };
            '5xl': {
                padding: `var(--${string})`;
            };
        };
        paddingX: {
            none: {
                paddingInline: `var(--${string})`;
            };
            px: {
                paddingInline: `var(--${string})`;
            };
            xxs: {
                paddingInline: `var(--${string})`;
            };
            xs: {
                paddingInline: `var(--${string})`;
            };
            xs2: {
                paddingInline: `var(--${string})`;
            };
            sm: {
                paddingInline: `var(--${string})`;
            };
            sm2: {
                paddingInline: `var(--${string})`;
            };
            md: {
                paddingInline: `var(--${string})`;
            };
            md2: {
                paddingInline: `var(--${string})`;
            };
            lg: {
                paddingInline: `var(--${string})`;
            };
            lg2: {
                paddingInline: `var(--${string})`;
            };
            xl: {
                paddingInline: `var(--${string})`;
            };
            '2xl': {
                paddingInline: `var(--${string})`;
            };
            '3xl': {
                paddingInline: `var(--${string})`;
            };
            '4xl': {
                paddingInline: `var(--${string})`;
            };
            '5xl': {
                paddingInline: `var(--${string})`;
            };
        };
        paddingY: {
            none: {
                paddingBlock: `var(--${string})`;
            };
            px: {
                paddingBlock: `var(--${string})`;
            };
            xxs: {
                paddingBlock: `var(--${string})`;
            };
            xs: {
                paddingBlock: `var(--${string})`;
            };
            xs2: {
                paddingBlock: `var(--${string})`;
            };
            sm: {
                paddingBlock: `var(--${string})`;
            };
            sm2: {
                paddingBlock: `var(--${string})`;
            };
            md: {
                paddingBlock: `var(--${string})`;
            };
            md2: {
                paddingBlock: `var(--${string})`;
            };
            lg: {
                paddingBlock: `var(--${string})`;
            };
            lg2: {
                paddingBlock: `var(--${string})`;
            };
            xl: {
                paddingBlock: `var(--${string})`;
            };
            '2xl': {
                paddingBlock: `var(--${string})`;
            };
            '3xl': {
                paddingBlock: `var(--${string})`;
            };
            '4xl': {
                paddingBlock: `var(--${string})`;
            };
            '5xl': {
                paddingBlock: `var(--${string})`;
            };
        };
        paddingTop: {
            none: {
                paddingTop: `var(--${string})`;
            };
            px: {
                paddingTop: `var(--${string})`;
            };
            xxs: {
                paddingTop: `var(--${string})`;
            };
            xs: {
                paddingTop: `var(--${string})`;
            };
            xs2: {
                paddingTop: `var(--${string})`;
            };
            sm: {
                paddingTop: `var(--${string})`;
            };
            sm2: {
                paddingTop: `var(--${string})`;
            };
            md: {
                paddingTop: `var(--${string})`;
            };
            md2: {
                paddingTop: `var(--${string})`;
            };
            lg: {
                paddingTop: `var(--${string})`;
            };
            lg2: {
                paddingTop: `var(--${string})`;
            };
            xl: {
                paddingTop: `var(--${string})`;
            };
            '2xl': {
                paddingTop: `var(--${string})`;
            };
            '3xl': {
                paddingTop: `var(--${string})`;
            };
            '4xl': {
                paddingTop: `var(--${string})`;
            };
            '5xl': {
                paddingTop: `var(--${string})`;
            };
        };
        paddingRight: {
            none: {
                paddingRight: `var(--${string})`;
            };
            px: {
                paddingRight: `var(--${string})`;
            };
            xxs: {
                paddingRight: `var(--${string})`;
            };
            xs: {
                paddingRight: `var(--${string})`;
            };
            xs2: {
                paddingRight: `var(--${string})`;
            };
            sm: {
                paddingRight: `var(--${string})`;
            };
            sm2: {
                paddingRight: `var(--${string})`;
            };
            md: {
                paddingRight: `var(--${string})`;
            };
            md2: {
                paddingRight: `var(--${string})`;
            };
            lg: {
                paddingRight: `var(--${string})`;
            };
            lg2: {
                paddingRight: `var(--${string})`;
            };
            xl: {
                paddingRight: `var(--${string})`;
            };
            '2xl': {
                paddingRight: `var(--${string})`;
            };
            '3xl': {
                paddingRight: `var(--${string})`;
            };
            '4xl': {
                paddingRight: `var(--${string})`;
            };
            '5xl': {
                paddingRight: `var(--${string})`;
            };
        };
        paddingBottom: {
            none: {
                paddingBottom: `var(--${string})`;
            };
            px: {
                paddingBottom: `var(--${string})`;
            };
            xxs: {
                paddingBottom: `var(--${string})`;
            };
            xs: {
                paddingBottom: `var(--${string})`;
            };
            xs2: {
                paddingBottom: `var(--${string})`;
            };
            sm: {
                paddingBottom: `var(--${string})`;
            };
            sm2: {
                paddingBottom: `var(--${string})`;
            };
            md: {
                paddingBottom: `var(--${string})`;
            };
            md2: {
                paddingBottom: `var(--${string})`;
            };
            lg: {
                paddingBottom: `var(--${string})`;
            };
            lg2: {
                paddingBottom: `var(--${string})`;
            };
            xl: {
                paddingBottom: `var(--${string})`;
            };
            '2xl': {
                paddingBottom: `var(--${string})`;
            };
            '3xl': {
                paddingBottom: `var(--${string})`;
            };
            '4xl': {
                paddingBottom: `var(--${string})`;
            };
            '5xl': {
                paddingBottom: `var(--${string})`;
            };
        };
        paddingLeft: {
            none: {
                paddingLeft: `var(--${string})`;
            };
            px: {
                paddingLeft: `var(--${string})`;
            };
            xxs: {
                paddingLeft: `var(--${string})`;
            };
            xs: {
                paddingLeft: `var(--${string})`;
            };
            xs2: {
                paddingLeft: `var(--${string})`;
            };
            sm: {
                paddingLeft: `var(--${string})`;
            };
            sm2: {
                paddingLeft: `var(--${string})`;
            };
            md: {
                paddingLeft: `var(--${string})`;
            };
            md2: {
                paddingLeft: `var(--${string})`;
            };
            lg: {
                paddingLeft: `var(--${string})`;
            };
            lg2: {
                paddingLeft: `var(--${string})`;
            };
            xl: {
                paddingLeft: `var(--${string})`;
            };
            '2xl': {
                paddingLeft: `var(--${string})`;
            };
            '3xl': {
                paddingLeft: `var(--${string})`;
            };
            '4xl': {
                paddingLeft: `var(--${string})`;
            };
            '5xl': {
                paddingLeft: `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})`;
            };
            sm2: {
                margin: `var(--${string})`;
            };
            md: {
                margin: `var(--${string})`;
            };
            md2: {
                margin: `var(--${string})`;
            };
            lg: {
                margin: `var(--${string})`;
            };
            lg2: {
                margin: `var(--${string})`;
            };
            xl: {
                margin: `var(--${string})`;
            };
            '2xl': {
                margin: `var(--${string})`;
            };
            '3xl': {
                margin: `var(--${string})`;
            };
            '4xl': {
                margin: `var(--${string})`;
            };
            '5xl': {
                margin: `var(--${string})`;
            };
        };
        marginX: {
            auto: {
                marginInline: "auto";
            };
            none: {
                marginInline: `var(--${string})`;
            };
            px: {
                marginInline: `var(--${string})`;
            };
            xxs: {
                marginInline: `var(--${string})`;
            };
            xs: {
                marginInline: `var(--${string})`;
            };
            xs2: {
                marginInline: `var(--${string})`;
            };
            sm: {
                marginInline: `var(--${string})`;
            };
            sm2: {
                marginInline: `var(--${string})`;
            };
            md: {
                marginInline: `var(--${string})`;
            };
            md2: {
                marginInline: `var(--${string})`;
            };
            lg: {
                marginInline: `var(--${string})`;
            };
            lg2: {
                marginInline: `var(--${string})`;
            };
            xl: {
                marginInline: `var(--${string})`;
            };
            '2xl': {
                marginInline: `var(--${string})`;
            };
            '3xl': {
                marginInline: `var(--${string})`;
            };
            '4xl': {
                marginInline: `var(--${string})`;
            };
            '5xl': {
                marginInline: `var(--${string})`;
            };
        };
        marginY: {
            auto: {
                marginBlock: "auto";
            };
            none: {
                marginBlock: `var(--${string})`;
            };
            px: {
                marginBlock: `var(--${string})`;
            };
            xxs: {
                marginBlock: `var(--${string})`;
            };
            xs: {
                marginBlock: `var(--${string})`;
            };
            xs2: {
                marginBlock: `var(--${string})`;
            };
            sm: {
                marginBlock: `var(--${string})`;
            };
            sm2: {
                marginBlock: `var(--${string})`;
            };
            md: {
                marginBlock: `var(--${string})`;
            };
            md2: {
                marginBlock: `var(--${string})`;
            };
            lg: {
                marginBlock: `var(--${string})`;
            };
            lg2: {
                marginBlock: `var(--${string})`;
            };
            xl: {
                marginBlock: `var(--${string})`;
            };
            '2xl': {
                marginBlock: `var(--${string})`;
            };
            '3xl': {
                marginBlock: `var(--${string})`;
            };
            '4xl': {
                marginBlock: `var(--${string})`;
            };
            '5xl': {
                marginBlock: `var(--${string})`;
            };
        };
        marginTop: {
            auto: {
                marginTop: "auto";
            };
            none: {
                marginTop: `var(--${string})`;
            };
            px: {
                marginTop: `var(--${string})`;
            };
            xxs: {
                marginTop: `var(--${string})`;
            };
            xs: {
                marginTop: `var(--${string})`;
            };
            xs2: {
                marginTop: `var(--${string})`;
            };
            sm: {
                marginTop: `var(--${string})`;
            };
            sm2: {
                marginTop: `var(--${string})`;
            };
            md: {
                marginTop: `var(--${string})`;
            };
            md2: {
                marginTop: `var(--${string})`;
            };
            lg: {
                marginTop: `var(--${string})`;
            };
            lg2: {
                marginTop: `var(--${string})`;
            };
            xl: {
                marginTop: `var(--${string})`;
            };
            '2xl': {
                marginTop: `var(--${string})`;
            };
            '3xl': {
                marginTop: `var(--${string})`;
            };
            '4xl': {
                marginTop: `var(--${string})`;
            };
            '5xl': {
                marginTop: `var(--${string})`;
            };
        };
        marginRight: {
            auto: {
                marginRight: "auto";
            };
            none: {
                marginRight: `var(--${string})`;
            };
            px: {
                marginRight: `var(--${string})`;
            };
            xxs: {
                marginRight: `var(--${string})`;
            };
            xs: {
                marginRight: `var(--${string})`;
            };
            xs2: {
                marginRight: `var(--${string})`;
            };
            sm: {
                marginRight: `var(--${string})`;
            };
            sm2: {
                marginRight: `var(--${string})`;
            };
            md: {
                marginRight: `var(--${string})`;
            };
            md2: {
                marginRight: `var(--${string})`;
            };
            lg: {
                marginRight: `var(--${string})`;
            };
            lg2: {
                marginRight: `var(--${string})`;
            };
            xl: {
                marginRight: `var(--${string})`;
            };
            '2xl': {
                marginRight: `var(--${string})`;
            };
            '3xl': {
                marginRight: `var(--${string})`;
            };
            '4xl': {
                marginRight: `var(--${string})`;
            };
            '5xl': {
                marginRight: `var(--${string})`;
            };
        };
        marginBottom: {
            auto: {
                marginBottom: "auto";
            };
            none: {
                marginBottom: `var(--${string})`;
            };
            px: {
                marginBottom: `var(--${string})`;
            };
            xxs: {
                marginBottom: `var(--${string})`;
            };
            xs: {
                marginBottom: `var(--${string})`;
            };
            xs2: {
                marginBottom: `var(--${string})`;
            };
            sm: {
                marginBottom: `var(--${string})`;
            };
            sm2: {
                marginBottom: `var(--${string})`;
            };
            md: {
                marginBottom: `var(--${string})`;
            };
            md2: {
                marginBottom: `var(--${string})`;
            };
            lg: {
                marginBottom: `var(--${string})`;
            };
            lg2: {
                marginBottom: `var(--${string})`;
            };
            xl: {
                marginBottom: `var(--${string})`;
            };
            '2xl': {
                marginBottom: `var(--${string})`;
            };
            '3xl': {
                marginBottom: `var(--${string})`;
            };
            '4xl': {
                marginBottom: `var(--${string})`;
            };
            '5xl': {
                marginBottom: `var(--${string})`;
            };
        };
        marginLeft: {
            auto: {
                marginLeft: "auto";
            };
            none: {
                marginLeft: `var(--${string})`;
            };
            px: {
                marginLeft: `var(--${string})`;
            };
            xxs: {
                marginLeft: `var(--${string})`;
            };
            xs: {
                marginLeft: `var(--${string})`;
            };
            xs2: {
                marginLeft: `var(--${string})`;
            };
            sm: {
                marginLeft: `var(--${string})`;
            };
            sm2: {
                marginLeft: `var(--${string})`;
            };
            md: {
                marginLeft: `var(--${string})`;
            };
            md2: {
                marginLeft: `var(--${string})`;
            };
            lg: {
                marginLeft: `var(--${string})`;
            };
            lg2: {
                marginLeft: `var(--${string})`;
            };
            xl: {
                marginLeft: `var(--${string})`;
            };
            '2xl': {
                marginLeft: `var(--${string})`;
            };
            '3xl': {
                marginLeft: `var(--${string})`;
            };
            '4xl': {
                marginLeft: `var(--${string})`;
            };
            '5xl': {
                marginLeft: `var(--${string})`;
            };
        };
        gap: {
            none: {
                gap: `var(--${string})`;
            };
            px: {
                gap: `var(--${string})`;
            };
            xxs: {
                gap: `var(--${string})`;
            };
            xs: {
                gap: `var(--${string})`;
            };
            xs2: {
                gap: `var(--${string})`;
            };
            sm: {
                gap: `var(--${string})`;
            };
            sm2: {
                gap: `var(--${string})`;
            };
            md: {
                gap: `var(--${string})`;
            };
            md2: {
                gap: `var(--${string})`;
            };
            lg: {
                gap: `var(--${string})`;
            };
            lg2: {
                gap: `var(--${string})`;
            };
            xl: {
                gap: `var(--${string})`;
            };
            '2xl': {
                gap: `var(--${string})`;
            };
            '3xl': {
                gap: `var(--${string})`;
            };
            '4xl': {
                gap: `var(--${string})`;
            };
            '5xl': {
                gap: `var(--${string})`;
            };
        };
        columnGap: {
            none: {
                columnGap: `var(--${string})`;
            };
            px: {
                columnGap: `var(--${string})`;
            };
            xxs: {
                columnGap: `var(--${string})`;
            };
            xs: {
                columnGap: `var(--${string})`;
            };
            xs2: {
                columnGap: `var(--${string})`;
            };
            sm: {
                columnGap: `var(--${string})`;
            };
            sm2: {
                columnGap: `var(--${string})`;
            };
            md: {
                columnGap: `var(--${string})`;
            };
            md2: {
                columnGap: `var(--${string})`;
            };
            lg: {
                columnGap: `var(--${string})`;
            };
            lg2: {
                columnGap: `var(--${string})`;
            };
            xl: {
                columnGap: `var(--${string})`;
            };
            '2xl': {
                columnGap: `var(--${string})`;
            };
            '3xl': {
                columnGap: `var(--${string})`;
            };
            '4xl': {
                columnGap: `var(--${string})`;
            };
            '5xl': {
                columnGap: `var(--${string})`;
            };
        };
        rowGap: {
            none: {
                rowGap: `var(--${string})`;
            };
            px: {
                rowGap: `var(--${string})`;
            };
            xxs: {
                rowGap: `var(--${string})`;
            };
            xs: {
                rowGap: `var(--${string})`;
            };
            xs2: {
                rowGap: `var(--${string})`;
            };
            sm: {
                rowGap: `var(--${string})`;
            };
            sm2: {
                rowGap: `var(--${string})`;
            };
            md: {
                rowGap: `var(--${string})`;
            };
            md2: {
                rowGap: `var(--${string})`;
            };
            lg: {
                rowGap: `var(--${string})`;
            };
            lg2: {
                rowGap: `var(--${string})`;
            };
            xl: {
                rowGap: `var(--${string})`;
            };
            '2xl': {
                rowGap: `var(--${string})`;
            };
            '3xl': {
                rowGap: `var(--${string})`;
            };
            '4xl': {
                rowGap: `var(--${string})`;
            };
            '5xl': {
                rowGap: `var(--${string})`;
            };
        };
        borderColor: 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>>;
        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>>;
        boxShadow: {
            none: {
                boxShadow: `var(--${string})`;
            };
            xs: {
                boxShadow: `var(--${string})`;
            };
            sm: {
                boxShadow: `var(--${string})`;
            };
            md: {
                boxShadow: `var(--${string})`;
            };
            lg: {
                boxShadow: `var(--${string})`;
            };
            xl: {
                boxShadow: `var(--${string})`;
            };
            '2xl': {
                boxShadow: `var(--${string})`;
            };
            inner: {
                boxShadow: `var(--${string})`;
            };
        };
    }>;
};