declare const _default: {
    breakpoints: string[];
    name: string;
    colors: {
        badge: {
            textColor: any;
            background: any;
        };
        card: {
            blue: any;
            gray: any;
        };
        critical: {
            bright: any;
            dark: any;
            light: any;
        };
        success: {
            bright: any;
            dark: any;
            light: any;
        };
        warning: {
            bright: any;
            dark: any;
            light: any;
        };
        info: {
            bright: any;
            dark: any;
            light: any;
        };
        text: {
            primary: any;
            secondary: any;
            message: any;
            fieldHelper: any;
        };
        border: {
            base: any;
            input: any;
            separator: any;
            hairline: any;
        };
        active: any;
        primary: any;
        background: any;
        backgroundBase: string;
        backgroundSecondary: any;
        backgroundCard: any;
        backgroundSuggestion: string;
        backgroundHover: any;
        iconWrapper: {
            wrapper: {
                orange: any;
                cyan: any;
                green: any;
                purple: any;
                pink: any;
                red: any;
                yellow: any;
                teal: any;
                blue: any;
                indigo: any;
                lightBlue: any;
                lightPink: any;
                lightGreen: any;
                lightYellow: any;
                lightIndigo: any;
            };
            icon: {
                orange: any;
                cyan: any;
                green: any;
                purple: any;
                pink: any;
                red: any;
                yellow: any;
                teal: any;
                blue: any;
                indigo: any;
                lightBlue: any;
                lightPink: any;
                lightGreen: any;
                lightYellow: any;
                lightIndigo: any;
            };
        };
        tooltip: string;
        codeEditor: {
            backgroundColor: any;
            headerColor: any;
        };
        twoTone: {
            bg: {
                orange: any;
                cyan: any;
                green: any;
                purple: any;
                pink: any;
                red: any;
                yellow: any;
                teal: any;
                blue: any;
                indigo: any;
                lightBlue: any;
                lightPink: any;
                lightGreen: any;
                lightYellow: any;
                lightIndigo: any;
            };
            text: {
                orange: any;
                cyan: any;
                green: any;
                purple: any;
                pink: any;
                red: any;
                yellow: any;
                teal: any;
                blue: any;
                indigo: any;
                lightBlue: any;
                lightPink: any;
                lightGreen: any;
                lightYellow: any;
                lightIndigo: any;
            };
        };
        neutral: {
            80: string;
        };
        focus: any;
        disabled: any;
        white: string;
        'blue-100': string;
        'blue-200': string;
        'blue-300': string;
        'blue-400': string;
        'blue-500': string;
        'blue-600': string;
        'blue-700': string;
        'blue-800': string;
        'blue-900': string;
        blue: string;
        'indigo-100': string;
        'indigo-200': string;
        'indigo-300': string;
        'indigo-400': string;
        'indigo-500': string;
        'indigo-600': string;
        'indigo-700': string;
        'indigo-800': string;
        'indigo-900': string;
        indigo: string;
        'purple-100': string;
        'purple-200': string;
        'purple-300': string;
        'purple-400': string;
        'purple-500': string;
        'purple-600': string;
        'purple-700': string;
        'purple-800': string;
        'purple-900': string;
        purple: string;
        'pink-100': string;
        'pink-200': string;
        'pink-300': string;
        'pink-400': string;
        'pink-500': string;
        'pink-600': string;
        'pink-700': string;
        'pink-800': string;
        'pink-900': string;
        pink: string;
        'red-100': string;
        'red-200': string;
        'red-300': string;
        'red-400': string;
        'red-500': string;
        'red-600': string;
        'red-700': string;
        'red-800': string;
        'red-900': string;
        red: string;
        'orange-100': string;
        'orange-200': string;
        'orange-300': string;
        'orange-400': string;
        'orange-500': string;
        'orange-600': string;
        'orange-700': string;
        'orange-800': string;
        'orange-900': string;
        orange: string;
        'yellow-100': string;
        'yellow-200': string;
        'yellow-300': string;
        'yellow-400': string;
        'yellow-500': string;
        'yellow-600': string;
        'yellow-700': string;
        'yellow-800': string;
        'yellow-900': string;
        yellow: string;
        'green-100': string;
        'green-200': string;
        'green-300': string;
        'green-400': string;
        'green-500': string;
        'green-600': string;
        'green-700': string;
        'green-800': string;
        'green-900': string;
        green: string;
        'teal-100': string;
        'teal-200': string;
        'teal-300': string;
        'teal-400': string;
        'teal-500': string;
        'teal-600': string;
        'teal-700': string;
        'teal-800': string;
        'teal-900': string;
        teal: string;
        'cyan-100': string;
        'cyan-200': string;
        'cyan-300': string;
        'cyan-400': string;
        'cyan-500': string;
        'cyan-600': string;
        'cyan-700': string;
        'cyan-800': string;
        'cyan-900': string;
        cyan: string;
        'gray-100': string;
        'gray-200': string;
        'gray-300': string;
        'gray-400': string;
        'gray-500': string;
        'gray-600': string;
        'gray-700': string;
        'gray-800': string;
        'gray-900': string;
        common: {
            background: {
                base: string;
                secondary: string;
            };
            border: string;
            hairline: string;
            dark: string;
        };
        font: {
            base: string;
            light: string;
            link: string;
            label: string;
            reverse: string;
            hover: string;
        };
        active_hover: string;
        active_pressed: string;
        active_light: string;
        success_light: string;
        critical_hover: string;
        critical_pressed: string;
        critical_light: string;
        warning_light: string;
        lightblue: any;
        lightindigo: any;
        lightpurple: any;
        lightpink: any;
        lightred: any;
        lightorange: any;
        lightyellow: any;
        lightgreen: any;
        lightteal: any;
        lightcyan: any;
        darkblue: any;
        darkindigo: any;
        darkpurple: any;
        darkpink: any;
        darkred: any;
        darkorange: any;
        darkyellow: any;
        darkgreen: any;
        darkteal: any;
        darkcyan: any;
        mediumblue: any;
        mediumindigo: any;
        mediumpurple: any;
        mediumpink: any;
        mediumred: any;
        mediumorange: any;
        mediumyellow: any;
        mediumgreen: any;
        mediumteal: any;
        mediumcyan: any;
        secondary: any;
        danger: any;
        light: any;
        dark: any;
    };
    buttons: {
        neutral: {
            '&.is-pressed': {
                color: string;
            };
            '&.is-hovered': {
                borderColor: string;
            };
            transition: string;
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            backgroundColor: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            borderColor: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            color: string;
        };
        primary: {
            color: string;
            backgroundColor: string;
            borderColor: string;
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-focused': {
                backgroundColor: any;
                borderColor: any;
                outline: string;
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            transition: string;
        };
        default: {
            backgroundColor: string;
            borderColor: any;
            color: any;
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
                color: string;
                path: {
                    fill: string;
                };
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
                color: string;
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            transition: string;
        };
        tertiary: {
            backgroundColor: string;
            borderColor: string;
            color: any;
            '&.is-focused': {
                outlineColor: string;
                backgroundColor: string;
                outline: string;
                outlineOffset: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
                color: any;
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: string;
                color: any;
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            transition: string;
        };
        inverse: {
            backgroundColor: string;
            borderColor: string;
            color: string;
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-hovered': {
                boxShadow: string;
            };
            transition: string;
        };
        critical: {
            backgroundColor: string;
            borderColor: string;
            color: string;
            '&.is-focused': {
                outlineColor: string;
                backgroundColor: string;
                outline: string;
                outlineOffset: string;
            };
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
                color: string;
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            transition: string;
        };
        inline: {
            display: string;
            height: string;
            lineHeight: number;
            fontSize: string;
            borderRadius: string;
            border: string;
            alignSelf: string;
            paddingTop: string;
            paddingBottom: string;
            backgroundColor: string;
            color: any;
            borderColor: any;
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
                color: string;
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
                color: string;
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            maxWidth: string;
            fontFamily: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            px: any;
            py: any;
            maxHeight: string;
            '&.is-disabled': {
                opacity: number;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            transition: string;
        };
        inlinePrimary: {
            display: string;
            height: string;
            lineHeight: number;
            fontSize: string;
            borderRadius: string;
            border: string;
            alignSelf: string;
            paddingTop: string;
            paddingBottom: string;
            backgroundColor: string;
            color: string;
            borderColor: string;
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-focused': {
                backgroundColor: any;
                borderColor: any;
                outline: string;
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            maxWidth: string;
            fontFamily: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            px: any;
            py: any;
            maxHeight: string;
            '&.is-disabled': {
                opacity: number;
            };
            transition: string;
        };
        checkboxButton: {
            backgroundColor: string;
            borderColor: string;
            color: string;
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-hovered': {
                boxShadow: string;
            };
            transition: string;
        };
        checkboxActiveButton: {
            backgroundColor: string;
            color: string;
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            borderColor: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-hovered': {
                boxShadow: string;
            };
            transition: string;
        };
        searchNavTabLabel: {
            mb: string;
            pb: string;
            pt: string;
            color: string;
            '&.is-hovered': {
                '& > svg': {
                    fill: string;
                };
            };
        };
        outlineCritical: {
            backgroundColor: string;
            borderColor: string;
            color: string;
            '&.is-focused': {
                outlineColor: string;
                outline: string;
                outlineOffset: string;
            };
            outlineColor: string;
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            '&.is-hovered': {
                boxShadow: string;
            };
            transition: string;
        };
        link: {
            color: string;
            transition: string;
            fontSize: string;
            textDecoration: string;
            px: any;
            py: any;
            '&.is-pressed': {
                textDecoration: string;
                outline: string;
                color: string;
            };
            '&.is-focused': {
                textDecoration: string;
                outline: string;
            };
        };
        listBoxLink: {
            color: string;
            transition: string;
            fontSize: string;
            textDecoration: string;
            px: string;
            pt: string;
            '&.is-pressed': {
                textDecoration: string;
                outline: string;
                color: string;
            };
            '&.is-focused': {
                textDecoration: string;
                outline: string;
            };
            badgeDeleteButton: {
                transition: string;
                p: number;
                height: number;
                width: number;
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-hovered': {
                    bg: string;
                };
                path: {
                    fill: string;
                };
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            invertedBadgeDeleteButton: {
                transition: string;
                p: number;
                height: number;
                width: number;
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-hovered': {
                    bg: string;
                };
                path: {
                    fill: string;
                };
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            clearSelectionButton: {
                top: string;
                right: string;
                bg: string;
                '.is-float-label &': {
                    top: string;
                };
                path: {
                    fill: string;
                };
                width: string;
                height: string;
                position: string;
                '&.is-hovered': {
                    bg: string;
                    boxShadow: string;
                };
                '&.is-pressed': {
                    bg: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
        };
        withIcon: {
            display: string;
            path: {
                fill: any;
            };
            backgroundColor: string;
            borderColor: any;
            color: any;
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
                color: string;
                path: {
                    fill: string;
                };
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
                color: string;
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            transition: string;
        };
        primaryWithIcon: {
            display: string;
            color: string;
            backgroundColor: string;
            borderColor: string;
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-focused': {
                backgroundColor: any;
                borderColor: any;
                outline: string;
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            transition: string;
        };
        inlineWithIcon: {
            display: string;
            path: {
                fill: any;
            };
            height: string;
            lineHeight: number;
            fontSize: string;
            borderRadius: string;
            border: string;
            alignSelf: string;
            paddingTop: string;
            paddingBottom: string;
            backgroundColor: string;
            color: any;
            borderColor: any;
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
                color: string;
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
                color: string;
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            maxWidth: string;
            fontFamily: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            px: any;
            py: any;
            maxHeight: string;
            '&.is-disabled': {
                opacity: number;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            transition: string;
        };
        inlinePrimaryWithIcon: {
            display: string;
            color: string;
            height: string;
            lineHeight: number;
            fontSize: string;
            borderRadius: string;
            border: string;
            alignSelf: string;
            paddingTop: string;
            paddingBottom: string;
            backgroundColor: string;
            borderColor: string;
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-focused': {
                backgroundColor: any;
                borderColor: any;
                outline: string;
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            maxWidth: string;
            fontFamily: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            px: any;
            py: any;
            maxHeight: string;
            '&.is-disabled': {
                opacity: number;
            };
            transition: string;
        };
        colorBlock: {
            bg: any;
            borderColor: any;
            borderRadius: string;
            width: number;
            height: number;
            p: string;
            '&.is-hovered': {
                boxShadow: string;
                bg: any;
                borderColor: any;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-pressed': {
                bg: any;
                borderColor: any;
            };
            '&>svg': {
                color: string;
                fill: string;
            };
        };
        colorBlockPrimary: {
            bg: any;
            borderColor: any;
            '& span': {
                color: string;
                textAlign: string;
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
                color: string;
            };
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-focused': {
                backgroundColor: any;
                borderColor: any;
                outline: string;
            };
            borderRadius: string;
            width: number;
            height: number;
            p: string;
            '&>svg': {
                color: string;
                fill: string;
            };
        };
        iconButtons: {
            base: {
                path: {
                    fill: string;
                };
                '&.is-hovered': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            onyx: {
                path: {
                    fill: string;
                };
                display: string;
                alignItems: string;
                justifyContent: string;
                '&.is-hovered': {
                    backgroundColor: string;
                    path: {
                        fill: string;
                    };
                };
                '&.is-pressed': {
                    backgroundColor: string;
                    path: {
                        fill: string;
                    };
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            responseToolbar: {
                '&.is-not-loaded': {
                    display: string;
                };
                display: string;
                path: {
                    fill: string;
                };
                '&.is-hovered': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            modalCloseButton: {
                path: {
                    fill: string;
                };
                '&.is-hovered': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            modalHeaderCloseButton: {
                top: string;
                transform: string;
                right: string;
                path: {
                    fill: string;
                };
                '&.is-hovered': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            badge: {
                deleteButton: {
                    transition: string;
                    borderRadius: string;
                    cursor: string;
                    height: number;
                    p: number;
                    width: number;
                    '&.is-focused': {
                        backgroundColor: any;
                        outline: string;
                        outlineColor: string;
                        outlineOffset: string;
                    };
                    '&.is-pressed': {
                        backgroundColor: any;
                        path: {
                            fill: string;
                        };
                    };
                    path: {
                        fill: string;
                    };
                    '&.is-hovered': {
                        backgroundColor: any;
                        path: {
                            fill: string;
                        };
                    };
                    outline: string;
                    border: string;
                    boxShadow: string;
                    alignSelf: string;
                };
            };
            messageCloseButton: {
                minWidth: string;
                width: string;
                height: string;
                '& > svg': {
                    minWidth: string;
                    width: string;
                    height: string;
                    path: {
                        fill: string;
                    };
                };
                path: {
                    fill: string;
                };
                '&.is-hovered': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            headerNav: {
                path: {
                    fill: string;
                };
                '&.is-hovered': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            copyButton: {
                default: {
                    mx: string;
                    path: {
                        fill: string;
                    };
                    border: string;
                };
                light: {
                    mx: string;
                    path: {
                        fill: string;
                    };
                    border: string;
                };
            };
            deleteAttachment: {
                backgroundColor: string;
                size: string;
                '&.is-hovered': {
                    backgroundColor: string;
                };
                path: {
                    fill: string;
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            inverted: {
                '&.is-hovered': {
                    boxShadow: string;
                    backgroundColor: any;
                };
                '&.is-pressed': {
                    backgroundColor: any;
                };
                '&.is-disabled': {
                    backgroundColor: any;
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            searchClearButton: {
                path: {
                    fill: string;
                };
                width: string;
                height: string;
                position: string;
                right: string;
                '&.is-hovered': {
                    bg: string;
                    boxShadow: string;
                };
                '&.is-pressed': {
                    bg: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            filter: {
                width: string;
                height: string;
                '&.is-hovered': {
                    boxShadow: string;
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                path: {
                    fill: string;
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                border: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            hintButton: {
                backgroundColor: string;
                path: {
                    fill: string;
                };
                '&.is-hovered': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
            };
            passwordVisibilityIcon: {
                right: number;
                py: any;
                px: any;
                border: string;
                '&:hover, &.is-pressed': {
                    background: string;
                    boxShadow: string;
                };
                '&.is-focused': {
                    outline: string;
                    outlineOffset: string;
                    outlineColor: any;
                };
                position: string;
                top: string;
                transform: string;
                height: string;
                width: string;
                justifyContent: string;
                path: {
                    fill: string;
                };
                '&.is-hovered': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    path: {
                        fill: string;
                    };
                };
                p: string;
                transition: string;
                outline: string;
                borderRadius: string;
                cursor: string;
                boxShadow: string;
                alignSelf: string;
            };
            tooltip: {
                button: {
                    '&.is-hovered': {
                        path: {
                            fill: string;
                        };
                        backgroundColor: any;
                    };
                    path: {
                        fill: string;
                    };
                    '&.is-pressed': {
                        backgroundColor: any;
                        path: {
                            fill: string;
                        };
                    };
                    '&.is-focused': {
                        outline: string;
                        outlineColor: string;
                        outlineOffset: string;
                    };
                    p: string;
                    transition: string;
                    outline: string;
                    borderRadius: string;
                    border: string;
                    cursor: string;
                    boxShadow: string;
                    alignSelf: string;
                };
            };
        };
        modalCloseButton: {
            path: {
                fill: string;
            };
            '&.is-hovered': {
                backgroundColor: any;
                path: {
                    fill: string;
                };
            };
            '&.is-pressed': {
                backgroundColor: any;
                path: {
                    fill: string;
                };
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            p: string;
            transition: string;
            outline: string;
            borderRadius: string;
            border: string;
            cursor: string;
            boxShadow: string;
            alignSelf: string;
        };
        aiChat: {
            maxWidth: string;
            gap: string;
            border: string;
            backgroundColor: string;
            color: string;
            path: {
                fill: string;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-hovered': {
                backgroundColor: any;
                path: {
                    fill: string;
                };
            };
            '&.is-pressed': {
                backgroundColor: string;
                path: {
                    fill: string;
                };
            };
            display: string;
            borderColor: any;
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            transition: string;
        };
        paginationMenu: {
            px: string;
            py: string;
            color: string;
            transition: string;
            fontSize: string;
            textDecoration: string;
            '&.is-pressed': {
                textDecoration: string;
                outline: string;
                color: string;
            };
            '&.is-focused': {
                textDecoration: string;
                outline: string;
            };
        };
        ButtonInputGroupContentRight: {
            right: number;
            py: any;
            px: any;
            borderRadius: string;
            borderWidth: string;
            borderLeftWidth: string;
            borderRightWidth: string;
            borderLeftColor: any;
            position: string;
            top: string;
            transform: string;
            height: string;
            width: string;
            justifyContent: string;
            backgroundColor: string;
            borderColor: string;
            color: any;
            '&.is-focused': {
                outlineColor: string;
                backgroundColor: string;
                outline: string;
                outlineOffset: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
                color: any;
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: string;
                color: any;
            };
            alignItems: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            border: string;
            maxHeight: string;
            '&.is-disabled': {
                opacity: number;
            };
            transition: string;
        };
    };
    forms: {
        input: import("theme-ui").ThemeUICSSObject;
        label: import("theme-ui").ThemeUICSSObject;
        checkbox: {
            height: string;
            width: string;
            color: string;
            mr: string;
            'input ~ &.is-focused': {
                boxShadow: string;
            };
        };
        comboBox: {
            input: {
                borderStyle: string;
                borderWidth: string;
                borderRadius: any;
                height: string;
            };
            button: {
                border: string;
            };
        };
        select: {
            borderRadius: any;
            borderColor: string;
            color: string;
            height: any;
            '&.is-disabled': {
                opacity: number;
                borderColor: string;
                backgroundColor: string;
            };
            currentValue: {
                color: string;
            };
            arrow: {
                width: string;
                height: string;
                alignItems: string;
                justifyContent: string;
                '& > svg': {
                    minWidth: string;
                    width: string;
                    height: string;
                };
            };
        };
        radio: {
            base: {
                color: string;
                mr: string;
                'input ~ &.is-focused': {
                    boxShadow: string;
                    border: string;
                    borderColor: string;
                    boxSizing: string;
                    transform: string;
                    transformOrigin: string;
                    outline?: undefined;
                    outlineColor?: undefined;
                    outlineOffset?: undefined;
                } | {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                    boxShadow?: undefined;
                    border?: undefined;
                    borderColor?: undefined;
                    boxSizing?: undefined;
                    transform?: undefined;
                    transformOrigin?: undefined;
                };
            };
        };
        search: {
            wrapper: {
                opacity: number;
            };
            icon: {
                color: string;
                ml: string;
            };
        };
        switch: {
            container: {
                minWidth: string;
                color: string;
                bg: string;
                border: string;
                borderColor: string;
                borderRadius: number;
                '&.is-selected': {
                    bg: string;
                    borderColor: string;
                };
            };
            thumbContainer: {
                bg: string;
                border: string;
                width: string;
                height: number;
                py: string;
                px: string;
                'label.is-selected &': {
                    bg: string;
                };
            };
            thumb: {
                bg: string;
                minHeight: number;
                maxHeight: number;
                width: number;
                border: string;
                '&.is-selected': {
                    bg: string;
                    transform: string;
                };
            };
        };
        numberField: {
            arrowsWrapper: {
                '> textarea': {
                    borderRadius: any;
                    border: string;
                    borderColor: string;
                    outline: string;
                };
                '&.is-disabled': {
                    '> label': {
                        opacity: number;
                    };
                    opacity: number;
                    '> input': {
                        backgroundColor: any;
                        border: string;
                        borderColor: any;
                        opacity: number;
                        fontWeight: number;
                    };
                    '> textarea': {
                        backgroundColor: any;
                        border: string;
                        borderColor: any;
                        opacity: number;
                        fontWeight: number;
                    };
                    '&:after': {
                        display: string;
                    };
                };
                '&:after': {
                    display: string;
                };
                '& > input': {
                    borderLeftWidth: number;
                };
                '> button': {
                    borderLeftWidth: number;
                    borderRadius: any;
                    border: string;
                    borderColor: any;
                };
                '&.is-read-only': {
                    '> input': {
                        backgroundColor: any;
                        border: string;
                        borderColor: any;
                    };
                    '> textarea': {
                        backgroundColor: any;
                        border: string;
                        borderColor: any;
                    };
                    '&:after': {
                        display: string;
                    };
                };
                '&.is-focused': {
                    '> textarea': {
                        boxShadow: string;
                        outline: string;
                    };
                };
            };
        };
        timeField: {
            inputField: {
                color: string;
                alignItems: string;
                justifyContent: string;
                lineHeight: string;
                minWidth: string;
                '&:focus-within:not(.is-read-only)': {
                    borderColor: string;
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                '&.is-read-only': {
                    border: string;
                    borderColor: string;
                    backgroundColor: string;
                };
                '&.is-disabled': {
                    opacity: number;
                    border: string;
                    borderColor: string;
                    backgroundColor: string;
                };
                grid?: import("theme-ui").StylePropertyValue<import("csstype").Property.Grid | undefined>;
                accentColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.AccentColor | undefined>;
                alignContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignContent | undefined>;
                alignSelf?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignSelf | undefined>;
                alignTracks?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignTracks | undefined>;
                animationComposition?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationComposition | undefined>;
                animationDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationDelay<string & {}> | undefined>;
                animationDirection?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationDirection | undefined>;
                animationDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationDuration<string & {}> | undefined>;
                animationFillMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationFillMode | undefined>;
                animationIterationCount?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationIterationCount | undefined>;
                animationName?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationName | undefined>;
                animationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
                animationRangeEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeEnd<string | number> | undefined>;
                animationRangeStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeStart<string | number> | undefined>;
                animationTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimeline | undefined>;
                animationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
                appearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.Appearance | undefined>;
                aspectRatio?: import("theme-ui").StylePropertyValue<import("csstype").Property.AspectRatio | undefined>;
                backdropFilter?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackdropFilter | undefined>;
                backfaceVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackfaceVisibility | undefined>;
                backgroundAttachment?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundAttachment | undefined>;
                backgroundBlendMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundBlendMode | undefined>;
                backgroundClip?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundClip | undefined>;
                backgroundColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundColor | undefined>;
                backgroundImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundImage | undefined>;
                backgroundOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundOrigin | undefined>;
                backgroundPositionX?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundPositionX<string | number> | undefined>;
                backgroundPositionY?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundPositionY<string | number> | undefined>;
                backgroundRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundRepeat | undefined>;
                backgroundSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundSize<string | number> | undefined>;
                blockOverflow?: import("theme-ui").StylePropertyValue<import("csstype").Property.BlockOverflow | undefined>;
                blockSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.BlockSize<string | number> | undefined>;
                borderBlockColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlockColor | undefined>;
                borderBlockEndColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlockEndColor | undefined>;
                borderBlockEndStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlockEndStyle | undefined>;
                borderBlockEndWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlockEndWidth<string | number> | undefined>;
                borderBlockStartColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlockStartColor | undefined>;
                borderBlockStartStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlockStartStyle | undefined>;
                borderBlockStartWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlockStartWidth<string | number> | undefined>;
                borderBlockStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlockStyle | undefined>;
                borderBlockWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlockWidth<string | number> | undefined>;
                borderBottomColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBottomColor | undefined>;
                borderBottomLeftRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined>;
                borderBottomRightRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBottomRightRadius<string | number> | undefined>;
                borderBottomWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBottomWidth<string | number> | undefined>;
                borderCollapse?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderCollapse | undefined>;
                borderEndEndRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderEndEndRadius<string | number> | undefined>;
                borderEndStartRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderEndStartRadius<string | number> | undefined>;
                borderImageOutset?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImageOutset<string | number> | undefined>;
                borderImageRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImageRepeat | undefined>;
                borderImageSlice?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImageSlice | undefined>;
                borderImageSource?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImageSource | undefined>;
                borderImageWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImageWidth<string | number> | undefined>;
                borderInlineColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineColor | undefined>;
                borderInlineEndColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndColor | undefined>;
                borderInlineEndStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndStyle | undefined>;
                borderInlineEndWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndWidth<string | number> | undefined>;
                borderInlineStartColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineStartColor | undefined>;
                borderInlineStartStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineStartStyle | undefined>;
                borderInlineStartWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineStartWidth<string | number> | undefined>;
                borderInlineStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineStyle | undefined>;
                borderInlineWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineWidth<string | number> | undefined>;
                borderLeftColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderLeftColor | undefined>;
                borderLeftWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderLeftWidth<string | number> | undefined>;
                borderRightColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderRightColor | undefined>;
                borderRightWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderRightWidth<string | number> | undefined>;
                borderSpacing?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderSpacing<string | number> | undefined>;
                borderStartEndRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderStartEndRadius<string | number> | undefined>;
                borderStartStartRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderStartStartRadius<string | number> | undefined>;
                borderTopColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTopColor | undefined>;
                borderTopLeftRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTopLeftRadius<string | number> | undefined>;
                borderTopRightRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTopRightRadius<string | number> | undefined>;
                borderTopWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTopWidth<string | number> | undefined>;
                bottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.Bottom<string | number> | undefined>;
                boxDecorationBreak?: import("theme-ui").StylePropertyValue<import("csstype").Property.BoxDecorationBreak | undefined>;
                boxSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.BoxSizing | undefined>;
                breakAfter?: import("theme-ui").StylePropertyValue<import("csstype").Property.BreakAfter | undefined>;
                breakBefore?: import("theme-ui").StylePropertyValue<import("csstype").Property.BreakBefore | undefined>;
                breakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.BreakInside | undefined>;
                captionSide?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaptionSide | undefined>;
                caretColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretColor | undefined>;
                caretShape?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretShape | undefined>;
                clear?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clear | undefined>;
                clipPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.ClipPath | undefined>;
                colorAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.PrintColorAdjust | undefined>;
                colorScheme?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColorScheme | undefined>;
                columnCount?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnCount | undefined>;
                columnFill?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnFill | undefined>;
                columnGap?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnGap<string | number> | undefined>;
                columnRuleColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRuleColor | undefined>;
                columnRuleStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRuleStyle | undefined>;
                columnRuleWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRuleWidth<string | number> | undefined>;
                columnSpan?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnSpan | undefined>;
                columnWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnWidth<string | number> | undefined>;
                contain?: import("theme-ui").StylePropertyValue<import("csstype").Property.Contain | undefined>;
                containIntrinsicBlockSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined>;
                containIntrinsicHeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined>;
                containIntrinsicInlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined>;
                containIntrinsicWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined>;
                containerName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerName | undefined>;
                containerType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerType | undefined>;
                content?: import("theme-ui").StylePropertyValue<import("csstype").Property.Content | undefined>;
                contentVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContentVisibility | undefined>;
                counterIncrement?: import("theme-ui").StylePropertyValue<import("csstype").Property.CounterIncrement | undefined>;
                counterReset?: import("theme-ui").StylePropertyValue<import("csstype").Property.CounterReset | undefined>;
                counterSet?: import("theme-ui").StylePropertyValue<import("csstype").Property.CounterSet | undefined>;
                cursor?: import("theme-ui").StylePropertyValue<import("csstype").Property.Cursor | undefined>;
                direction?: import("theme-ui").StylePropertyValue<import("csstype").Property.Direction | undefined>;
                display?: import("theme-ui").StylePropertyValue<import("csstype").Property.Display | undefined>;
                emptyCells?: import("theme-ui").StylePropertyValue<import("csstype").Property.EmptyCells | undefined>;
                filter?: import("theme-ui").StylePropertyValue<import("csstype").Property.Filter | undefined>;
                flexBasis?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
                flexDirection?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexDirection | undefined>;
                flexGrow?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexGrow | undefined>;
                flexShrink?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexShrink | undefined>;
                flexWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexWrap | undefined>;
                float?: import("theme-ui").StylePropertyValue<import("csstype").Property.Float | undefined>;
                fontFamily?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontFamily | undefined>;
                fontFeatureSettings?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontFeatureSettings | undefined>;
                fontKerning?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontKerning | undefined>;
                fontLanguageOverride?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontLanguageOverride | undefined>;
                fontOpticalSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontOpticalSizing | undefined>;
                fontPalette?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontPalette | undefined>;
                fontSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSize<string | number> | undefined>;
                fontSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSizeAdjust | undefined>;
                fontSmooth?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
                fontStretch?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStretch | undefined>;
                fontStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStyle | undefined>;
                fontSynthesis?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesis | undefined>;
                fontSynthesisPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisPosition | undefined>;
                fontSynthesisSmallCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisSmallCaps | undefined>;
                fontSynthesisStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisStyle | undefined>;
                fontSynthesisWeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisWeight | undefined>;
                fontVariant?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariant | undefined>;
                fontVariantAlternates?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantAlternates | undefined>;
                fontVariantCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantCaps | undefined>;
                fontVariantEastAsian?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEastAsian | undefined>;
                fontVariantEmoji?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEmoji | undefined>;
                fontVariantLigatures?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantLigatures | undefined>;
                fontVariantNumeric?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantNumeric | undefined>;
                fontVariantPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantPosition | undefined>;
                fontVariationSettings?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariationSettings | undefined>;
                forcedColorAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.ForcedColorAdjust | undefined>;
                gridAutoColumns?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridAutoColumns<string | number> | undefined>;
                gridAutoFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridAutoFlow | undefined>;
                gridAutoRows?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridAutoRows<string | number> | undefined>;
                gridColumnEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridColumnEnd | undefined>;
                gridColumnStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridColumnStart | undefined>;
                gridRowEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridRowEnd | undefined>;
                gridRowStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridRowStart | undefined>;
                gridTemplateAreas?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridTemplateAreas | undefined>;
                gridTemplateColumns?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
                gridTemplateRows?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
                hangingPunctuation?: import("theme-ui").StylePropertyValue<import("csstype").Property.HangingPunctuation | undefined>;
                height?: import("theme-ui").StylePropertyValue<import("csstype").Property.Height<string | number> | undefined>;
                hyphenateCharacter?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateCharacter | undefined>;
                hyphenateLimitChars?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateLimitChars | undefined>;
                hyphens?: import("theme-ui").StylePropertyValue<import("csstype").Property.Hyphens | undefined>;
                imageOrientation?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageOrientation | undefined>;
                imageRendering?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageRendering | undefined>;
                imageResolution?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageResolution | undefined>;
                initialLetter?: import("theme-ui").StylePropertyValue<import("csstype").Property.InitialLetter | undefined>;
                inlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.InlineSize<string | number> | undefined>;
                inputSecurity?: import("theme-ui").StylePropertyValue<import("csstype").Property.InputSecurity | undefined>;
                insetBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockEnd<string | number> | undefined>;
                insetBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockStart<string | number> | undefined>;
                insetInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineEnd<string | number> | undefined>;
                insetInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineStart<string | number> | undefined>;
                isolation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Isolation | undefined>;
                justifyItems?: import("theme-ui").StylePropertyValue<import("csstype").Property.JustifyItems | undefined>;
                justifySelf?: import("theme-ui").StylePropertyValue<import("csstype").Property.JustifySelf | undefined>;
                justifyTracks?: import("theme-ui").StylePropertyValue<import("csstype").Property.JustifyTracks | undefined>;
                left?: import("theme-ui").StylePropertyValue<import("csstype").Property.Left<string | number> | undefined>;
                letterSpacing?: import("theme-ui").StylePropertyValue<import("csstype").Property.LetterSpacing<string | number> | undefined>;
                lineBreak?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineBreak | undefined>;
                lineHeightStep?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineHeightStep<string | number> | undefined>;
                listStyleImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleImage | undefined>;
                listStylePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStylePosition | undefined>;
                listStyleType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleType | undefined>;
                marginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockEnd<string | number> | undefined>;
                marginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockStart<string | number> | undefined>;
                marginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBottom<string | number> | undefined>;
                marginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineEnd<string | number> | undefined>;
                marginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
                marginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginLeft<string | number> | undefined>;
                marginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginRight<string | number> | undefined>;
                marginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTop<string | number> | undefined>;
                marginTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTrim | undefined>;
                maskBorderMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderMode | undefined>;
                maskBorderOutset?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderOutset<string | number> | undefined>;
                maskBorderRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderRepeat | undefined>;
                maskBorderSlice?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderSlice | undefined>;
                maskBorderSource?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderSource | undefined>;
                maskBorderWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderWidth<string | number> | undefined>;
                maskClip?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskClip | undefined>;
                maskComposite?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskComposite | undefined>;
                maskImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskImage | undefined>;
                maskMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskMode | undefined>;
                maskOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskOrigin | undefined>;
                maskPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskPosition<string | number> | undefined>;
                maskRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskRepeat | undefined>;
                maskSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskSize<string | number> | undefined>;
                maskType?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskType | undefined>;
                masonryAutoFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.MasonryAutoFlow | undefined>;
                mathDepth?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathDepth | undefined>;
                mathShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathShift | undefined>;
                mathStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathStyle | undefined>;
                maxBlockSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaxBlockSize<string | number> | undefined>;
                maxHeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaxHeight<string | number> | undefined>;
                maxInlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaxInlineSize<string | number> | undefined>;
                maxLines?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaxLines | undefined>;
                maxWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaxWidth<string | number> | undefined>;
                minBlockSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.MinBlockSize<string | number> | undefined>;
                minHeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.MinHeight<string | number> | undefined>;
                minInlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.MinInlineSize<string | number> | undefined>;
                mixBlendMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.MixBlendMode | undefined>;
                motionDistance?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetDistance<string | number> | undefined>;
                motionPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPath | undefined>;
                motionRotation?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
                objectFit?: import("theme-ui").StylePropertyValue<import("csstype").Property.ObjectFit | undefined>;
                objectPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.ObjectPosition<string | number> | undefined>;
                offsetAnchor?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetAnchor<string | number> | undefined>;
                offsetDistance?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetDistance<string | number> | undefined>;
                offsetPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPath | undefined>;
                offsetPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPosition<string | number> | undefined>;
                offsetRotate?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
                offsetRotation?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
                opacity?: import("theme-ui").StylePropertyValue<import("csstype").Property.Opacity | undefined>;
                order?: import("theme-ui").StylePropertyValue<import("csstype").Property.Order | undefined>;
                orphans?: import("theme-ui").StylePropertyValue<import("csstype").Property.Orphans | undefined>;
                outlineColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.OutlineColor | undefined>;
                outlineOffset?: import("theme-ui").StylePropertyValue<import("csstype").Property.OutlineOffset<string | number> | undefined>;
                outlineStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.OutlineStyle | undefined>;
                outlineWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.OutlineWidth<string | number> | undefined>;
                overflowAnchor?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowAnchor | undefined>;
                overflowBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowBlock | undefined>;
                overflowClipBox?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowClipBox | undefined>;
                overflowClipMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowClipMargin<string | number> | undefined>;
                overflowInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowInline | undefined>;
                overflowWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowWrap | undefined>;
                overflowX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowX | undefined>;
                overflowY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowY | undefined>;
                overlay?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overlay | undefined>;
                overscrollBehaviorBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorBlock | undefined>;
                overscrollBehaviorInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorInline | undefined>;
                overscrollBehaviorX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorX | undefined>;
                overscrollBehaviorY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorY | undefined>;
                paddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockEnd<string | number> | undefined>;
                paddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockStart<string | number> | undefined>;
                paddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBottom<string | number> | undefined>;
                paddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
                paddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
                paddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingLeft<string | number> | undefined>;
                paddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingRight<string | number> | undefined>;
                paddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingTop<string | number> | undefined>;
                page?: import("theme-ui").StylePropertyValue<import("csstype").Property.Page | undefined>;
                pageBreakAfter?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakAfter | undefined>;
                pageBreakBefore?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakBefore | undefined>;
                pageBreakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakInside | undefined>;
                paintOrder?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaintOrder | undefined>;
                perspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
                perspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
                pointerEvents?: import("theme-ui").StylePropertyValue<import("csstype").Property.PointerEvents | undefined>;
                position?: import("theme-ui").StylePropertyValue<import("csstype").Property.Position | undefined>;
                printColorAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.PrintColorAdjust | undefined>;
                quotes?: import("theme-ui").StylePropertyValue<import("csstype").Property.Quotes | undefined>;
                resize?: import("theme-ui").StylePropertyValue<import("csstype").Property.Resize | undefined>;
                right?: import("theme-ui").StylePropertyValue<import("csstype").Property.Right<string | number> | undefined>;
                rotate?: import("theme-ui").StylePropertyValue<import("csstype").Property.Rotate | undefined>;
                rowGap?: import("theme-ui").StylePropertyValue<import("csstype").Property.RowGap<string | number> | undefined>;
                rubyAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.RubyAlign | undefined>;
                rubyMerge?: import("theme-ui").StylePropertyValue<import("csstype").Property.RubyMerge | undefined>;
                rubyPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.RubyPosition | undefined>;
                scale?: import("theme-ui").StylePropertyValue<import("csstype").Property.Scale | undefined>;
                scrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollBehavior | undefined>;
                scrollMarginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined>;
                scrollMarginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined>;
                scrollMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
                scrollMarginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined>;
                scrollMarginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined>;
                scrollMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
                scrollMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
                scrollMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
                scrollPaddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined>;
                scrollPaddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined>;
                scrollPaddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBottom<string | number> | undefined>;
                scrollPaddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined>;
                scrollPaddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined>;
                scrollPaddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingLeft<string | number> | undefined>;
                scrollPaddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingRight<string | number> | undefined>;
                scrollPaddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingTop<string | number> | undefined>;
                scrollSnapAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapAlign | undefined>;
                scrollSnapMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
                scrollSnapMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
                scrollSnapMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
                scrollSnapMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
                scrollSnapStop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapStop | undefined>;
                scrollSnapType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapType | undefined>;
                scrollTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineAxis | undefined>;
                scrollTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineName | undefined>;
                scrollbarColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarColor | undefined>;
                scrollbarGutter?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarGutter | undefined>;
                scrollbarWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarWidth | undefined>;
                shapeImageThreshold?: import("theme-ui").StylePropertyValue<import("csstype").Property.ShapeImageThreshold | undefined>;
                shapeMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ShapeMargin<string | number> | undefined>;
                shapeOutside?: import("theme-ui").StylePropertyValue<import("csstype").Property.ShapeOutside | undefined>;
                tabSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.TabSize<string | number> | undefined>;
                tableLayout?: import("theme-ui").StylePropertyValue<import("csstype").Property.TableLayout | undefined>;
                textAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextAlign | undefined>;
                textAlignLast?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextAlignLast | undefined>;
                textCombineUpright?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextCombineUpright | undefined>;
                textDecorationColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecorationColor | undefined>;
                textDecorationLine?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecorationLine | undefined>;
                textDecorationSkip?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecorationSkip | undefined>;
                textDecorationSkipInk?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecorationSkipInk | undefined>;
                textDecorationStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecorationStyle | undefined>;
                textDecorationThickness?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecorationThickness<string | number> | undefined>;
                textEmphasisColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasisColor | undefined>;
                textEmphasisPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasisPosition | undefined>;
                textEmphasisStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasisStyle | undefined>;
                textIndent?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextIndent<string | number> | undefined>;
                textJustify?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextJustify | undefined>;
                textOrientation?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextOrientation | undefined>;
                textOverflow?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextOverflow | undefined>;
                textRendering?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextRendering | undefined>;
                textShadow?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextShadow | undefined>;
                textSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextSizeAdjust | undefined>;
                textTransform?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextTransform | undefined>;
                textUnderlineOffset?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlineOffset<string | number> | undefined>;
                textUnderlinePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlinePosition | undefined>;
                textWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextWrap | undefined>;
                timelineScope?: import("theme-ui").StylePropertyValue<import("csstype").Property.TimelineScope | undefined>;
                top?: import("theme-ui").StylePropertyValue<import("csstype").Property.Top<string | number> | undefined>;
                touchAction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TouchAction | undefined>;
                transform?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transform | undefined>;
                transformBox?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformBox | undefined>;
                transformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
                transformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
                transitionBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionBehavior | undefined>;
                transitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
                transitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
                transitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
                transitionTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionTimingFunction | undefined>;
                translate?: import("theme-ui").StylePropertyValue<import("csstype").Property.Translate<string | number> | undefined>;
                unicodeBidi?: import("theme-ui").StylePropertyValue<import("csstype").Property.UnicodeBidi | undefined>;
                userSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
                verticalAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.VerticalAlign<string | number> | undefined>;
                viewTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineAxis | undefined>;
                viewTimelineInset?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineInset<string | number> | undefined>;
                viewTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineName | undefined>;
                viewTransitionName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTransitionName | undefined>;
                visibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.Visibility | undefined>;
                whiteSpace?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpace | undefined>;
                whiteSpaceCollapse?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceCollapse | undefined>;
                whiteSpaceTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceTrim | undefined>;
                widows?: import("theme-ui").StylePropertyValue<import("csstype").Property.Widows | undefined>;
                width?: import("theme-ui").StylePropertyValue<import("csstype").Property.Width<string | number> | undefined>;
                willChange?: import("theme-ui").StylePropertyValue<import("csstype").Property.WillChange | undefined>;
                wordBreak?: import("theme-ui").StylePropertyValue<import("csstype").Property.WordBreak | undefined>;
                wordSpacing?: import("theme-ui").StylePropertyValue<import("csstype").Property.WordSpacing<string | number> | undefined>;
                wordWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.WordWrap | undefined>;
                writingMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.WritingMode | undefined>;
                zoom?: import("theme-ui").StylePropertyValue<import("csstype").Property.Zoom | undefined>;
                all?: import("theme-ui").StylePropertyValue<import("csstype").Globals | undefined>;
                animation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Animation<string & {}> | undefined>;
                animationRange?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRange<string | number> | undefined>;
                background?: import("theme-ui").StylePropertyValue<import("csstype").Property.Background<string | number> | undefined>;
                backgroundPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundPosition<string | number> | undefined>;
                border?: import("theme-ui").StylePropertyValue<import("csstype").Property.Border<string | number> | undefined>;
                borderBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlock<string | number> | undefined>;
                borderBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlockEnd<string | number> | undefined>;
                borderBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBlockStart<string | number> | undefined>;
                borderBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBottom<string | number> | undefined>;
                borderColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderColor | undefined>;
                borderImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImage | undefined>;
                borderInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInline<string | number> | undefined>;
                borderInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEnd<string | number> | undefined>;
                borderInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineStart<string | number> | undefined>;
                borderLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderLeft<string | number> | undefined>;
                borderRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderRight<string | number> | undefined>;
                borderStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderStyle | undefined>;
                borderTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTop<string | number> | undefined>;
                borderWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderWidth<string | number> | undefined>;
                caret?: import("theme-ui").StylePropertyValue<import("csstype").Property.Caret | undefined>;
                columnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
                columns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
                containIntrinsicSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicSize<string | number> | undefined>;
                container?: import("theme-ui").StylePropertyValue<import("csstype").Property.Container | undefined>;
                flex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
                flexFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexFlow | undefined>;
                font?: import("theme-ui").StylePropertyValue<import("csstype").Property.Font | undefined>;
                gap?: import("theme-ui").StylePropertyValue<import("csstype").Property.Gap<string | number> | undefined>;
                gridArea?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridArea | undefined>;
                gridColumn?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridColumn | undefined>;
                gridRow?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridRow | undefined>;
                gridTemplate?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridTemplate | undefined>;
                inset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Inset<string | number> | undefined>;
                insetBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlock<string | number> | undefined>;
                insetInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInline<string | number> | undefined>;
                lineClamp?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineClamp | undefined>;
                listStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyle | undefined>;
                margin?: import("theme-ui").StylePropertyValue<import("csstype").Property.Margin<string | number> | undefined>;
                marginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlock<string | number> | undefined>;
                marginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInline<string | number> | undefined>;
                mask?: import("theme-ui").StylePropertyValue<import("csstype").Property.Mask<string | number> | undefined>;
                maskBorder?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorder | undefined>;
                motion?: import("theme-ui").StylePropertyValue<import("csstype").Property.Offset<string | number> | undefined>;
                offset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Offset<string | number> | undefined>;
                outline?: import("theme-ui").StylePropertyValue<import("csstype").Property.Outline<string | number> | undefined>;
                overflow?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overflow | undefined>;
                overscrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehavior | undefined>;
                padding?: import("theme-ui").StylePropertyValue<import("csstype").Property.Padding<string | number> | undefined>;
                paddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
                paddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
                placeContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceContent | undefined>;
                placeItems?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceItems | undefined>;
                placeSelf?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceSelf | undefined>;
                scrollMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
                scrollMarginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlock<string | number> | undefined>;
                scrollMarginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInline<string | number> | undefined>;
                scrollPadding?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPadding<string | number> | undefined>;
                scrollPaddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined>;
                scrollPaddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInline<string | number> | undefined>;
                scrollSnapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
                scrollTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimeline | undefined>;
                textDecoration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecoration<string | number> | undefined>;
                textEmphasis?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasis | undefined>;
                transition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
                viewTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimeline | undefined>;
                alignmentBaseline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignmentBaseline | undefined>;
                baselineShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.BaselineShift<string | number> | undefined>;
                clip?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clip | undefined>;
                clipRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ClipRule | undefined>;
                colorInterpolation?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColorInterpolation | undefined>;
                colorRendering?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColorRendering | undefined>;
                dominantBaseline?: import("theme-ui").StylePropertyValue<import("csstype").Property.DominantBaseline | undefined>;
                fill?: import("theme-ui").StylePropertyValue<import("csstype").Property.Fill | undefined>;
                fillOpacity?: import("theme-ui").StylePropertyValue<import("csstype").Property.FillOpacity | undefined>;
                fillRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.FillRule | undefined>;
                floodColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.FloodColor | undefined>;
                floodOpacity?: import("theme-ui").StylePropertyValue<import("csstype").Property.FloodOpacity | undefined>;
                glyphOrientationVertical?: import("theme-ui").StylePropertyValue<import("csstype").Property.GlyphOrientationVertical | undefined>;
                lightingColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.LightingColor | undefined>;
                marker?: import("theme-ui").StylePropertyValue<import("csstype").Property.Marker | undefined>;
                markerEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarkerEnd | undefined>;
                markerMid?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarkerMid | undefined>;
                markerStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarkerStart | undefined>;
                shapeRendering?: import("theme-ui").StylePropertyValue<import("csstype").Property.ShapeRendering | undefined>;
                stopColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.StopColor | undefined>;
                stopOpacity?: import("theme-ui").StylePropertyValue<import("csstype").Property.StopOpacity | undefined>;
                stroke?: import("theme-ui").StylePropertyValue<import("csstype").Property.Stroke | undefined>;
                strokeDasharray?: import("theme-ui").StylePropertyValue<import("csstype").Property.StrokeDasharray<string | number> | undefined>;
                strokeDashoffset?: import("theme-ui").StylePropertyValue<import("csstype").Property.StrokeDashoffset<string | number> | undefined>;
                strokeLinecap?: import("theme-ui").StylePropertyValue<import("csstype").Property.StrokeLinecap | undefined>;
                strokeLinejoin?: import("theme-ui").StylePropertyValue<import("csstype").Property.StrokeLinejoin | undefined>;
                strokeMiterlimit?: import("theme-ui").StylePropertyValue<import("csstype").Property.StrokeMiterlimit | undefined>;
                strokeOpacity?: import("theme-ui").StylePropertyValue<import("csstype").Property.StrokeOpacity | undefined>;
                strokeWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.StrokeWidth<string | number> | undefined>;
                textAnchor?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextAnchor | undefined>;
                vectorEffect?: import("theme-ui").StylePropertyValue<import("csstype").Property.VectorEffect | undefined>;
                MozAnimationDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationDelay<string & {}> | undefined>;
                MozAnimationDirection?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationDirection | undefined>;
                MozAnimationDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationDuration<string & {}> | undefined>;
                MozAnimationFillMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationFillMode | undefined>;
                MozAnimationIterationCount?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationIterationCount | undefined>;
                MozAnimationName?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationName | undefined>;
                MozAnimationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
                MozAnimationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
                MozAppearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozAppearance | undefined>;
                MozBinding?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBinding | undefined>;
                MozBorderBottomColors?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBorderBottomColors | undefined>;
                MozBorderEndColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndColor | undefined>;
                MozBorderEndStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndStyle | undefined>;
                MozBorderEndWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndWidth<string | number> | undefined>;
                MozBorderLeftColors?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBorderLeftColors | undefined>;
                MozBorderRightColors?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBorderRightColors | undefined>;
                MozBorderStartColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineStartColor | undefined>;
                MozBorderStartStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineStartStyle | undefined>;
                MozBorderTopColors?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBorderTopColors | undefined>;
                MozBoxSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.BoxSizing | undefined>;
                MozColumnCount?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnCount | undefined>;
                MozColumnFill?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnFill | undefined>;
                MozColumnRuleColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRuleColor | undefined>;
                MozColumnRuleStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRuleStyle | undefined>;
                MozColumnRuleWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRuleWidth<string | number> | undefined>;
                MozColumnWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnWidth<string | number> | undefined>;
                MozContextProperties?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozContextProperties | undefined>;
                MozFontFeatureSettings?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontFeatureSettings | undefined>;
                MozFontLanguageOverride?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontLanguageOverride | undefined>;
                MozHyphens?: import("theme-ui").StylePropertyValue<import("csstype").Property.Hyphens | undefined>;
                MozImageRegion?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozImageRegion | undefined>;
                MozMarginEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineEnd<string | number> | undefined>;
                MozMarginStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
                MozOrient?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOrient | undefined>;
                MozOsxFontSmoothing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
                MozOutlineRadiusBottomleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined>;
                MozOutlineRadiusBottomright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined>;
                MozOutlineRadiusTopleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined>;
                MozOutlineRadiusTopright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined>;
                MozPaddingEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
                MozPaddingStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
                MozStackSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozStackSizing | undefined>;
                MozTabSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.TabSize<string | number> | undefined>;
                MozTextBlink?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozTextBlink | undefined>;
                MozTextSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextSizeAdjust | undefined>;
                MozUserFocus?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserFocus | undefined>;
                MozUserModify?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserModify | undefined>;
                MozUserSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
                MozWindowDragging?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozWindowDragging | undefined>;
                MozWindowShadow?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozWindowShadow | undefined>;
                msAccelerator?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsAccelerator | undefined>;
                msBlockProgression?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsBlockProgression | undefined>;
                msContentZoomChaining?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomChaining | undefined>;
                msContentZoomLimitMax?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomLimitMax | undefined>;
                msContentZoomLimitMin?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomLimitMin | undefined>;
                msContentZoomSnapPoints?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomSnapPoints | undefined>;
                msContentZoomSnapType?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomSnapType | undefined>;
                msContentZooming?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZooming | undefined>;
                msFilter?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsFilter | undefined>;
                msFlexDirection?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexDirection | undefined>;
                msFlexPositive?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexGrow | undefined>;
                msFlowFrom?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsFlowFrom | undefined>;
                msFlowInto?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsFlowInto | undefined>;
                msGridColumns?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsGridColumns<string | number> | undefined>;
                msGridRows?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsGridRows<string | number> | undefined>;
                msHighContrastAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsHighContrastAdjust | undefined>;
                msHyphenateLimitChars?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsHyphenateLimitChars | undefined>;
                msHyphenateLimitLines?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsHyphenateLimitLines | undefined>;
                msHyphenateLimitZone?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsHyphenateLimitZone<string | number> | undefined>;
                msHyphens?: import("theme-ui").StylePropertyValue<import("csstype").Property.Hyphens | undefined>;
                msImeAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsImeAlign | undefined>;
                msLineBreak?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineBreak | undefined>;
                msOrder?: import("theme-ui").StylePropertyValue<import("csstype").Property.Order | undefined>;
                msOverflowStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsOverflowStyle | undefined>;
                msOverflowX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowX | undefined>;
                msOverflowY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowY | undefined>;
                msScrollChaining?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollChaining | undefined>;
                msScrollLimitXMax?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollLimitXMax<string | number> | undefined>;
                msScrollLimitXMin?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollLimitXMin<string | number> | undefined>;
                msScrollLimitYMax?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollLimitYMax<string | number> | undefined>;
                msScrollLimitYMin?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollLimitYMin<string | number> | undefined>;
                msScrollRails?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollRails | undefined>;
                msScrollSnapPointsX?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollSnapPointsX | undefined>;
                msScrollSnapPointsY?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollSnapPointsY | undefined>;
                msScrollSnapType?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollSnapType | undefined>;
                msScrollTranslation?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollTranslation | undefined>;
                msScrollbar3dlightColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollbar3dlightColor | undefined>;
                msScrollbarArrowColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollbarArrowColor | undefined>;
                msScrollbarBaseColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollbarBaseColor | undefined>;
                msScrollbarDarkshadowColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollbarDarkshadowColor | undefined>;
                msScrollbarFaceColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollbarFaceColor | undefined>;
                msScrollbarHighlightColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollbarHighlightColor | undefined>;
                msScrollbarShadowColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollbarShadowColor | undefined>;
                msScrollbarTrackColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollbarTrackColor | undefined>;
                msTextAutospace?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsTextAutospace | undefined>;
                msTextCombineHorizontal?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextCombineUpright | undefined>;
                msTextOverflow?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextOverflow | undefined>;
                msTouchAction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TouchAction | undefined>;
                msTouchSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsTouchSelect | undefined>;
                msTransform?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transform | undefined>;
                msTransformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
                msTransitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
                msTransitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
                msTransitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
                msTransitionTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionTimingFunction | undefined>;
                msUserSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsUserSelect | undefined>;
                msWordBreak?: import("theme-ui").StylePropertyValue<import("csstype").Property.WordBreak | undefined>;
                msWrapFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsWrapFlow | undefined>;
                msWrapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsWrapMargin<string | number> | undefined>;
                msWrapThrough?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsWrapThrough | undefined>;
                msWritingMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.WritingMode | undefined>;
                WebkitAlignContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignContent | undefined>;
                WebkitAlignItems?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignItems | undefined>;
                WebkitAlignSelf?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignSelf | undefined>;
                WebkitAnimationDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationDelay<string & {}> | undefined>;
                WebkitAnimationDirection?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationDirection | undefined>;
                WebkitAnimationDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationDuration<string & {}> | undefined>;
                WebkitAnimationFillMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationFillMode | undefined>;
                WebkitAnimationIterationCount?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationIterationCount | undefined>;
                WebkitAnimationName?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationName | undefined>;
                WebkitAnimationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
                WebkitAnimationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
                WebkitAppearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitAppearance | undefined>;
                WebkitBackdropFilter?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackdropFilter | undefined>;
                WebkitBackfaceVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackfaceVisibility | undefined>;
                WebkitBackgroundClip?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundClip | undefined>;
                WebkitBackgroundOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundOrigin | undefined>;
                WebkitBackgroundSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundSize<string | number> | undefined>;
                WebkitBorderBeforeColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitBorderBeforeColor | undefined>;
                WebkitBorderBeforeStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitBorderBeforeStyle | undefined>;
                WebkitBorderBeforeWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitBorderBeforeWidth<string | number> | undefined>;
                WebkitBorderBottomLeftRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined>;
                WebkitBorderBottomRightRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderBottomRightRadius<string | number> | undefined>;
                WebkitBorderImageSlice?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImageSlice | undefined>;
                WebkitBorderTopLeftRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTopLeftRadius<string | number> | undefined>;
                WebkitBorderTopRightRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTopRightRadius<string | number> | undefined>;
                WebkitBoxDecorationBreak?: import("theme-ui").StylePropertyValue<import("csstype").Property.BoxDecorationBreak | undefined>;
                WebkitBoxReflect?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitBoxReflect<string | number> | undefined>;
                WebkitBoxShadow?: import("theme-ui").StylePropertyValue<import("csstype").Property.BoxShadow | undefined>;
                WebkitBoxSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.BoxSizing | undefined>;
                WebkitClipPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.ClipPath | undefined>;
                WebkitColumnCount?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnCount | undefined>;
                WebkitColumnFill?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnFill | undefined>;
                WebkitColumnRuleColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRuleColor | undefined>;
                WebkitColumnRuleStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRuleStyle | undefined>;
                WebkitColumnRuleWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRuleWidth<string | number> | undefined>;
                WebkitColumnSpan?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnSpan | undefined>;
                WebkitColumnWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnWidth<string | number> | undefined>;
                WebkitFilter?: import("theme-ui").StylePropertyValue<import("csstype").Property.Filter | undefined>;
                WebkitFlexBasis?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
                WebkitFlexDirection?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexDirection | undefined>;
                WebkitFlexGrow?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexGrow | undefined>;
                WebkitFlexShrink?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexShrink | undefined>;
                WebkitFlexWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexWrap | undefined>;
                WebkitFontFeatureSettings?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontFeatureSettings | undefined>;
                WebkitFontKerning?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontKerning | undefined>;
                WebkitFontSmoothing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
                WebkitFontVariantLigatures?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantLigatures | undefined>;
                WebkitHyphenateCharacter?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateCharacter | undefined>;
                WebkitHyphens?: import("theme-ui").StylePropertyValue<import("csstype").Property.Hyphens | undefined>;
                WebkitInitialLetter?: import("theme-ui").StylePropertyValue<import("csstype").Property.InitialLetter | undefined>;
                WebkitJustifyContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.JustifyContent | undefined>;
                WebkitLineBreak?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineBreak | undefined>;
                WebkitLineClamp?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitLineClamp | undefined>;
                WebkitMarginEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineEnd<string | number> | undefined>;
                WebkitMarginStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
                WebkitMaskAttachment?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskAttachment | undefined>;
                WebkitMaskBoxImageOutset?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderOutset<string | number> | undefined>;
                WebkitMaskBoxImageRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderRepeat | undefined>;
                WebkitMaskBoxImageSlice?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderSlice | undefined>;
                WebkitMaskBoxImageSource?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderSource | undefined>;
                WebkitMaskBoxImageWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderWidth<string | number> | undefined>;
                WebkitMaskClip?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskClip | undefined>;
                WebkitMaskComposite?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskComposite | undefined>;
                WebkitMaskImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskImage | undefined>;
                WebkitMaskOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskOrigin | undefined>;
                WebkitMaskPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskPosition<string | number> | undefined>;
                WebkitMaskPositionX?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskPositionX<string | number> | undefined>;
                WebkitMaskPositionY?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskPositionY<string | number> | undefined>;
                WebkitMaskRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskRepeat | undefined>;
                WebkitMaskRepeatX?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskRepeatX | undefined>;
                WebkitMaskRepeatY?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskRepeatY | undefined>;
                WebkitMaskSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMaskSize<string | number> | undefined>;
                WebkitMaxInlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaxInlineSize<string | number> | undefined>;
                WebkitOrder?: import("theme-ui").StylePropertyValue<import("csstype").Property.Order | undefined>;
                WebkitOverflowScrolling?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitOverflowScrolling | undefined>;
                WebkitPaddingEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
                WebkitPaddingStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
                WebkitPerspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
                WebkitPerspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
                WebkitPrintColorAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.PrintColorAdjust | undefined>;
                WebkitRubyPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.RubyPosition | undefined>;
                WebkitScrollSnapType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapType | undefined>;
                WebkitShapeMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ShapeMargin<string | number> | undefined>;
                WebkitTapHighlightColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitTapHighlightColor | undefined>;
                WebkitTextCombine?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextCombineUpright | undefined>;
                WebkitTextDecorationColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecorationColor | undefined>;
                WebkitTextDecorationLine?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecorationLine | undefined>;
                WebkitTextDecorationSkip?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecorationSkip | undefined>;
                WebkitTextDecorationStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecorationStyle | undefined>;
                WebkitTextEmphasisColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasisColor | undefined>;
                WebkitTextEmphasisPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasisPosition | undefined>;
                WebkitTextEmphasisStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasisStyle | undefined>;
                WebkitTextFillColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitTextFillColor | undefined>;
                WebkitTextOrientation?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextOrientation | undefined>;
                WebkitTextSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextSizeAdjust | undefined>;
                WebkitTextStrokeColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitTextStrokeColor | undefined>;
                WebkitTextStrokeWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitTextStrokeWidth<string | number> | undefined>;
                WebkitTextUnderlinePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlinePosition | undefined>;
                WebkitTouchCallout?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitTouchCallout | undefined>;
                WebkitTransform?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transform | undefined>;
                WebkitTransformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
                WebkitTransformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
                WebkitTransitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
                WebkitTransitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
                WebkitTransitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
                WebkitTransitionTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionTimingFunction | undefined>;
                WebkitUserModify?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitUserModify | undefined>;
                WebkitUserSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
                WebkitWritingMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.WritingMode | undefined>;
                MozAnimation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Animation<string & {}> | undefined>;
                MozBorderImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImage | undefined>;
                MozColumnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
                MozColumns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
                MozOutlineRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadius<string | number> | undefined>;
                msContentZoomLimit?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomLimit | undefined>;
                msContentZoomSnap?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomSnap | undefined>;
                msFlex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
                msScrollLimit?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollLimit | undefined>;
                msScrollSnapX?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollSnapX | undefined>;
                msScrollSnapY?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsScrollSnapY | undefined>;
                msTransition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
                WebkitAnimation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Animation<string & {}> | undefined>;
                WebkitBorderBefore?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>;
                WebkitBorderImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImage | undefined>;
                WebkitBorderRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderRadius<string | number> | undefined>;
                WebkitColumnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
                WebkitColumns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
                WebkitFlex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
                WebkitFlexFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexFlow | undefined>;
                WebkitMask?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitMask<string | number> | undefined>;
                WebkitMaskBoxImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorder | undefined>;
                WebkitTextEmphasis?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasis | undefined>;
                WebkitTextStroke?: import("theme-ui").StylePropertyValue<import("csstype").Property.WebkitTextStroke<string | number> | undefined>;
                WebkitTransition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
                bg?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundColor | undefined>;
                m?: import("theme-ui").StylePropertyValue<import("csstype").Property.Margin<string | number> | undefined>;
                mt?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTop<string | number> | undefined>;
                mr?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginRight<string | number> | undefined>;
                mb?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBottom<string | number> | undefined>;
                ml?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginLeft<string | number> | undefined>;
                mx?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginLeft<string | number> | undefined>;
                marginX?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginLeft<string | number> | undefined>;
                my?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTop<string | number> | undefined>;
                marginY?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTop<string | number> | undefined>;
                p?: import("theme-ui").StylePropertyValue<import("csstype").Property.Padding<string | number> | undefined>;
                pt?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingTop<string | number> | undefined>;
                pr?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingRight<string | number> | undefined>;
                pb?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBottom<string | number> | undefined>;
                pl?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingLeft<string | number> | undefined>;
                px?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingLeft<string | number> | undefined>;
                paddingX?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingLeft<string | number> | undefined>;
                py?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingTop<string | number> | undefined>;
                paddingY?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingTop<string | number> | undefined>;
                scrollMarginX?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
                scrollMarginY?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
                scrollPaddingX?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingLeft<string | number> | undefined>;
                scrollPaddingY?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingTop<string | number> | undefined>;
                size?: import("theme-ui").StylePropertyValue<import("csstype").Property.Width<string | number> | undefined>;
                boxShadow?: import("theme-ui").StylePropertyValue<number | import("csstype").Property.BoxShadow | undefined>;
                fontWeight?: import("theme-ui").StylePropertyValue<string | (string & {}) | (number & {}) | undefined>;
                borderTopStyle?: import("theme-ui").StylePropertyValue<string | undefined>;
                borderBottomStyle?: import("theme-ui").StylePropertyValue<string | undefined>;
                borderRightStyle?: import("theme-ui").StylePropertyValue<string | undefined>;
                borderLeftStyle?: import("theme-ui").StylePropertyValue<string | undefined>;
                borderRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderRadius<string | number> | undefined>;
                zIndex?: import("theme-ui").StylePropertyValue<string | (string & {}) | (number & {}) | undefined>;
                ":-moz-any()"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-moz-dir"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-webkit-any()"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::cue"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::cue-region"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::part"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::slotted"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::view-transition-group"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::view-transition-image-pair"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::view-transition-new"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::view-transition-old"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":dir"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":has"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":host"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":host-context"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":is"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":lang"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":matches()"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":not"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":nth-child"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":nth-last-child"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":nth-last-of-type"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":nth-of-type"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":where"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-khtml-any-link"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-moz-any-link"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-moz-focusring"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-moz-full-screen"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-moz-placeholder"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-moz-read-only"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-moz-read-write"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-moz-ui-invalid"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-moz-ui-valid"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-ms-fullscreen"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-ms-input-placeholder"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-webkit-any-link"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":-webkit-full-screen"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-moz-placeholder"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-moz-progress-bar"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-moz-range-progress"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-moz-range-thumb"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-moz-range-track"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-moz-selection"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-backdrop"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-browse"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-check"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-clear"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-expand"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-fill"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-fill-lower"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-fill-upper"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-input-placeholder"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-reveal"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-thumb"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-ticks-after"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-ticks-before"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-tooltip"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-track"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-ms-value"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-webkit-backdrop"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-webkit-input-placeholder"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-webkit-progress-bar"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-webkit-progress-inner-value"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-webkit-progress-value"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-webkit-slider-runnable-track"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::-webkit-slider-thumb"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::after"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::backdrop"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::before"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::first-letter"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::first-line"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::grammar-error"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::marker"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::placeholder"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::selection"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::spelling-error"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::target-text"?: import("theme-ui").ThemeUIStyleObject | undefined;
                "::view-transition"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":active"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":after"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":any-link"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":before"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":blank"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":checked"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":current"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":default"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":defined"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":disabled"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":empty"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":enabled"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":first"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":first-child"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":first-letter"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":first-line"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":first-of-type"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":focus"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":focus-visible"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":focus-within"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":fullscreen"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":future"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":hover"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":in-range"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":indeterminate"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":invalid"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":last-child"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":last-of-type"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":left"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":link"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":local-link"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":nth-col"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":nth-last-col"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":only-child"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":only-of-type"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":optional"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":out-of-range"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":past"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":paused"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":picture-in-picture"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":placeholder-shown"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":playing"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":read-only"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":read-write"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":required"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":right"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":root"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":scope"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":target"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":target-within"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":user-invalid"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":user-valid"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":valid"?: import("theme-ui").ThemeUIStyleObject | undefined;
                ":visited"?: import("theme-ui").ThemeUIStyleObject | undefined;
                variant?: string;
                label?: string;
            };
            segment: {
                px: string;
                textTransform: string;
                '&:empty': {
                    px: number;
                };
            };
        };
    };
    fontSizes: {
        avatar: {
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        xs: string;
        tiny: string;
        sm: string;
        small: string;
        md: string;
        lg: string;
        xl: string;
        xx: string;
        xxx: string;
    };
    fontWeights: {
        [-1]: number;
        0: number;
        1: number;
        2: number;
        3: number;
    };
    lineHeights: {
        body: any;
        xs: string;
        sm: string;
        md: string;
    };
    text: {
        aiPanelHeader: {
            fontFamily: string;
            color: string;
            fontSize: string;
            fontWeight: number;
        };
        panelHeaderText: {
            textOverflow: string;
            overflow: string;
            whiteSpace: string;
            color: string;
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            fontFamily: string;
        };
        messagesText: {
            '&.is-success, &.is-warning, &.is-error, &.is-default': {
                color: any;
                '& > a': {
                    fontWeight: string;
                    textDecoration: string;
                    color: any;
                };
            };
        };
        panelHeaderSubtext: {
            fontSize: string;
            lineHeight: string;
            color: string;
            marginTop: string;
        };
        pageHeaderTitle: {
            lineHeight: string;
            fontSize: string;
            fontWeight: number;
        };
        requirementsListText: {
            color: string;
            fontSize: string;
            fontWeight: number;
            lineHeight: string;
        };
        stepperTabContent: {
            fontSize: string;
            color: string;
            lineHeight: string;
        };
        stepperTabContentHeader: {
            color: string;
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            fontFamily: string;
        };
        H1: {
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            color: string;
            fontFamily: string;
        };
        H2: {
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            color: string;
            fontFamily: string;
        };
        H3: {
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            color: string;
            fontFamily: string;
        };
        H4: {
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            color: string;
            fontFamily: string;
        };
        H5: {
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            color: string;
            fontFamily: string;
        };
        H6: {
            lineHeight: string;
            textTransform: string;
            color: string;
            fontFamily: string;
            fontWeight: number;
            fontSize: any;
            letterSpacing: string;
        };
        h1: {
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            color: string;
            fontFamily: string;
        };
        h2: {
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            color: string;
            fontFamily: string;
        };
        h3: {
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            color: string;
            fontFamily: string;
        };
        h4: {
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            color: string;
            fontFamily: string;
        };
        h5: {
            lineHeight: string;
            fontSize: any;
            fontWeight: number;
            color: string;
            fontFamily: string;
        };
        h6: {
            lineHeight: string;
            textTransform: string;
            color: string;
            fontFamily: string;
            fontWeight: number;
            fontSize: any;
            letterSpacing: string;
        };
        base: {
            lineHeight: string;
        };
        buttonSubtitle: {
            fontSize: string;
            fontWeight: number;
        };
        buttonTitle: {
            fontSize: string;
        };
        pageHeaderBody: {
            lineHeight: string;
            color: string;
            fontSize: string;
        };
        sideNavHeader: {
            py: string;
            lineHeight: string;
            textDecoration: string;
            color: string;
            px: string;
            fontWeight: string;
            letterSpacing: string;
        };
        suggestion: {
            fontSize: string;
            fontFamily: string;
            color: string;
            lineHeight: string;
        };
        tabLabel: {
            color: string;
            wordBreak: string;
        };
        placeholder: {
            color: any;
            fontWeight: number;
        };
        paragraph: {
            lineHeight: string;
        };
        listViewItemText: {
            fontSize: string;
            fontFamily: string;
            color: string;
            fontWeight: number;
            lineHeight: string;
        };
        listViewItemExpandedText: {
            mt: string;
            fontWeight: number;
            lineHeight: string;
        };
        listViewItemSubtext: {
            fontSize: string;
            lineHeight: string;
            color: string;
            mt: number;
        };
        itemTitle: {
            fontWeight: number;
            color: string;
        };
        small: {
            fontSize: string;
            fontFamily: string;
            lineHeight: string;
            color: string;
        };
        response: {
            color: string;
            fontFamily: string;
            fontSize: string;
            display: string;
            whiteSpace: string;
            lineHeight: string;
            '&.has-bullet': {
                display: string;
            };
            '&::marker': {
                color: string;
            };
        };
    };
    icons: {
        [x: number]: string;
        aic: (props: any) => import("react/jsx-runtime").JSX.Element;
        applicationsIcon: string;
        Ascending: string;
        authenticationIcon: string;
        clipboard: string;
        CreateIcon: string;
        daVinci: string;
        DefaultCircle: string;
        Descending: string;
        popoverMenuIcon: string;
        ErrorCircle: string;
        integrationsIcon: string;
        listViewMenu: string;
        mdiAccountCog: string;
        mdiAccountMultiple: string;
        mdiEarth: import("@pingux/mdi-react").MdiReactIconComponentType;
        mdiEmoticonHappyOutline: import("@pingux/mdi-react").MdiReactIconComponentType;
        mdiFingerprint: string;
        mdiPlayCircleIcon: string;
        mdiScaleBalance: string;
        mdiShoCard: string;
        mdiTransitConnectionVariant: import("@pingux/mdi-react").MdiReactIconComponentType;
        mdiViewDashboard: string;
        mdiWeb: string;
        MenuDown: string;
        MenuUp: string;
        monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
        openInNew: string;
        overviewIcon: string;
        p1verify: string;
        pam: (props: any) => import("react/jsx-runtime").JSX.Element;
        PingAuthorize: string;
        pingLogoHorizontalSmall: import("react/jsx-runtime").JSX.Element;
        protect: (props: any) => import("react/jsx-runtime").JSX.Element;
        rocketLaunchIcon: string;
        shareFeedbackIcon: string;
        shieldStar: import("@pingux/mdi-react").MdiReactIconComponentType;
        SuccessCircle: string;
        userExperienceIcon: string;
        WarningIcon: string;
    };
    fonts: {
        standard: string;
        body: string;
        heading: string;
        codeView: string;
    };
    shadows: {
        standard: string;
    };
    sizes: {
        avatar: {
            sm: string;
            md: string;
            xmd: string;
            lg: string;
            xl: string;
        };
        avatarLogo: {
            sm: string;
            md: string;
            xmd: string;
            lg: string;
            xl: string;
        };
        avatarFontSize: {
            sm: any;
            md: any;
            xmd: string;
            lg: any;
            xl: any;
        };
        container: {
            xs: string[];
            sm: string[];
            md: string[];
            lg: string[];
            xl: string[];
            xx: string[];
            fluid: string[];
        };
        iconBadge: {
            md: string;
            xl: string;
        };
        icons: {
            xxxl: string;
        };
    };
    badges: {
        dataTableBadge: {
            minWidth: string;
            border: string;
        };
        baseBadge: {
            '& span': {
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        default: {
            '& span': {
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        primary: {
            backgroundColor: string;
            '& span': {
                color: any;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        countBadge: {
            backgroundColor: string;
            '& span': {
                color: string;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        countNeutral: {
            backgroundColor: string;
            '& span': {
                color: any;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        secondary: {
            backgroundColor: string;
            '& span': {
                color: any;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        success: {
            '& span': {
                color: any;
                fontWeight: string;
            };
            backgroundColor: string;
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        danger: {
            backgroundColor: string;
            '& span': {
                color: any;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        warning: {
            backgroundColor: string;
            '& span': {
                color: any;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        dark: {
            backgroundColor: string;
            '& span': {
                color: string;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        info: {
            backgroundColor: string;
            '& span': {
                color: string;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        selectedItemBadge: {
            backgroundColor: string;
            paddingRight: string;
            '& span': {
                color: string;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        selected: {
            backgroundColor: string;
            '& span': {
                color: any;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
            border: string;
        };
        readOnlyBadge: {
            border: string;
            borderColor: string;
            backgroundColor: string;
            '& span': {
                color: string;
                lineHeight: string;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        readOnlyFieldBadge: {
            '& span': {
                color: string;
                lineHeight: string;
                fontWeight: string;
            };
            border: string;
            borderColor: string;
            backgroundColor: string;
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        activeStatusBadge: {
            backgroundColor: string;
            '& span': {
                color: any;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
            border: string;
        };
        warningStatusBadge: {
            backgroundColor: string;
            '& span': {
                color: any;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
            border: string;
        };
        criticalStatusBadge: {
            backgroundColor: string;
            '& span': {
                color: any;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
            border: string;
        };
        healthyStatusBadge: {
            '& span': {
                color: any;
                fontWeight: string;
            };
            backgroundColor: string;
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
            border: string;
        };
        secondaryStatusBadge: {
            backgroundColor: string;
            '& span': {
                color: any;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
            border: string;
        };
        badgeDeleteButton: {
            borderRadius: string;
            cursor: string;
            height: number;
            p: number;
            width: number;
            path: {
                fill: string;
            };
            '&.is-hovered': {
                backgroundColor: any;
                path: {
                    fill: string;
                };
            };
            '&.is-pressed': {
                backgroundColor: any;
                path: {
                    fill: string;
                };
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            transition: string;
            outline: string;
            border: string;
            boxShadow: string;
            alignSelf: string;
        };
        itemBadgeWithSlot: {
            border: string;
            '& span': {
                color: string;
                fontWeight: string;
            };
            '& svg': {
                fill: string;
            };
            backgroundColor: string;
            paddingRight: string;
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        removableBadge: {
            border: string;
            backgroundColor: string;
            '& span': {
                color: any;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        invertedRemovableBadge: {
            backgroundColor: string;
            '& span': {
                color: string;
                fontWeight: string;
            };
            '& button': {
                alignSelf: string;
                p: string;
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    '& svg': {
                        path: {
                            fill: string;
                        };
                    };
                };
            };
            '& svg': {
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            padding: string;
            borderRadius: string;
            fontSize: string;
            alignSelf: string;
            display: string;
            width: string;
            color: string;
        };
        errorCalloutBadge: {
            backgroundColor: string;
        };
        infoCalloutBadge: {
            backgroundColor: string;
        };
        successCalloutBadge: {
            backgroundColor: string;
        };
        warningCalloutBadge: {
            backgroundColor: string;
        };
    };
    navigationHeader: {
        headerPlaceholder: {
            fontSize: string;
            ml: string;
            color: string;
            lineHeight: string;
            fontWeight: string;
            '&.is-hovered': {
                color: string;
            };
        };
        link: {
            display: string;
            height: string;
            fontSize: string;
            fontFamily: string;
            py: string;
            px: string;
            fontWeight: string;
            lineHeight: string;
            color: string;
            textDecoration: string;
            borderRadius: string;
            '&.is-hovered': {
                textDecoration: string;
                color: string;
            };
            '&.is-focused, &:focus-visible ': {
                textDecoration: string;
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-pressed': {
                textDecoration: string;
            };
            '&.is-visited': {
                textDecoration: string;
            };
        };
        container: {
            fontFamily: string;
            borderBottom: string;
            borderColor: string;
            backgroundColor: string;
            height: string;
            justifyContent: string;
        };
        wrapper: {
            px: string[];
            maxWidth: string;
            mx: string;
            width: string;
            backgroundColor: string;
        };
        dropdownMenu: {
            backgroundColor: string;
            maxWidth: string;
            p: string;
            '&:focus': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '& > li': {
                p: string;
            };
        };
        dropdownMenuItem: {
            height: string;
            padding: string;
            pr: string;
            '&.is-hovered': {
                textDecoration: string;
            };
            '&.is-pressed': {
                textDecoration: string;
            };
            '&.is-focused': {
                textDecoration: string;
            };
            '&.is-visited': {
                textDecoration: string;
            };
            display: string;
            fontSize: string;
            fontFamily: string;
            py: string;
            px: string;
            fontWeight: string;
            lineHeight: string;
            color: string;
            textDecoration: string;
            borderRadius: string;
            '&.is-focused, &:focus-visible ': {
                textDecoration: string;
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
        };
        accountButton: {
            display: string;
            width: string;
            height: string;
            cursor: string;
            p: string;
            px: string;
            py: string;
            border: string;
            borderRadius: string;
            bg: string;
            '&.is-hovered': {
                bg: string;
                border: string;
                boxShadow: string;
            };
            '&.is-pressed': {
                bg: string;
                border: string;
                boxShadow: string;
            };
            '&.is-focused': {
                bg: string;
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-visited': {
                bg: string;
            };
            minWidth: string;
        };
    };
    space: {
        xs: any;
        sm: any;
        md: any;
        lg: any;
        xl: any;
        xx: string;
    };
    links: {
        app: {
            lineHeight: string;
            '&.is-hovered': {
                color: any;
                textDecorationColor: any;
            };
            '&.is-focused': {
                borderRadius: string;
                outline: string;
                outlineColor: string;
            };
            '&.is-pressed': {
                color: any;
                textDecorationColor: any;
            };
            '&:visited': {
                color: any;
                textDecoration: string;
            };
        };
        skip: {
            py: string;
            px: string;
            height: string;
            lineHeight: string;
        };
        nextGen: {
            color: string;
            fontSize: string;
            py: string;
            px: string;
            textDecoration: string;
            borderRadius: string;
            lineHeight: string;
            minHeight: string;
            fontFamily: string;
            cursor: string;
            '&.is-hovered': {
                color: any;
            };
            '&.is-pressed': {
                color: any;
            };
        };
        navItem: {
            boxShadow: string;
            '&.is-focused': {
                borderRadius: string;
                outlineOffset: string;
                outline: string;
                outlineColor: string;
            };
        };
        onyx: {
            color: string;
            fontSize: string;
            py: string;
            px: string;
            textDecoration: string;
            borderRadius: string;
            lineHeight: string;
            minHeight: string;
            fontFamily: string;
            cursor: string;
            '&.is-hovered': {
                color: any;
            };
            '&.is-pressed': {
                color: any;
            };
        };
        sideNav: {
            px: string;
            display: string;
            position: string;
            cursor: string;
            '&:before': {
                position: string;
                display: string;
                borderRadius: string;
                content: string;
                top: string;
                right: string;
                bottom: number;
                left: string;
                transition: string;
            };
            '&.is-selected': {
                color: any;
                '&:before': {
                    backgroundColor: string;
                };
            };
            color: string;
            fontSize: string;
            py: string;
            textDecoration: string;
            borderRadius: string;
            lineHeight: string;
            minHeight: string;
            fontFamily: string;
            '&.is-hovered': {
                color: any;
            };
            '&.is-pressed': {
                color: any;
            };
        };
        footerLinks: {
            px: string;
            display: string;
            position: string;
            cursor: string;
            '&:before': {
                position: string;
                display: string;
                borderRadius: string;
                content: string;
                top: string;
                right: string;
                bottom: number;
                left: string;
                transition: string;
            };
            '&.is-selected': {
                color: any;
                '&:before': {
                    backgroundColor: string;
                };
            };
            color: string;
            fontSize: string;
            py: string;
            textDecoration: string;
            borderRadius: string;
            lineHeight: string;
            minHeight: string;
            fontFamily: string;
            '&.is-hovered': {
                color: any;
            };
            '&.is-pressed': {
                color: any;
            };
        };
        footerHeader: {
            fontWeight: string;
            px: string;
            display: string;
            position: string;
            cursor: string;
            '&:before': {
                position: string;
                display: string;
                borderRadius: string;
                content: string;
                top: string;
                right: string;
                bottom: number;
                left: string;
                transition: string;
            };
            '&.is-selected': {
                color: any;
                '&:before': {
                    backgroundColor: string;
                };
            };
            color: string;
            fontSize: string;
            py: string;
            textDecoration: string;
            borderRadius: string;
            lineHeight: string;
            minHeight: string;
            fontFamily: string;
            '&.is-hovered': {
                color: any;
            };
            '&.is-pressed': {
                color: any;
            };
        };
        button: {
            textDecoration: string;
            backgroundColor: string;
            borderColor: any;
            color: any;
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
                color: string;
                path: {
                    fill: string;
                };
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
                color: string;
                path: {
                    fill: string;
                };
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            transition: string;
        };
        primaryButton: {
            textDecoration: string;
            color: string;
            backgroundColor: string;
            borderColor: string;
            '&.is-pressed': {
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-hovered': {
                boxShadow: string;
                backgroundColor: any;
                borderColor: any;
            };
            '&.is-focused': {
                backgroundColor: any;
                borderColor: any;
                outline: string;
            };
            alignItems: string;
            justifyContent: string;
            flexShrink: number;
            minWidth: string;
            cursor: string;
            display: string;
            maxWidth: string;
            fontFamily: string;
            fontSize: string;
            fontWeight: number;
            textAlign: string;
            verticalAlign: string;
            lineHeight: number;
            borderRadius: string;
            border: string;
            px: any;
            py: any;
            maxHeight: string;
            height: string;
            '&.is-disabled': {
                opacity: number;
            };
            transition: string;
        };
        navBarLogoLink: {
            borderRadius: string;
            px: string;
            py: string;
            '&.is-focused': {
                outline: string;
                outlineColor: string;
            };
        };
        copyRightLink: {
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
        };
        footerEALink: {
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
        };
        footerLink: {
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
        };
    };
    cards: {
        interactive: {
            boxShadow: string;
            borderRadius: string;
            border: string;
            borderColor: any;
            transition: string;
            '&.is-focused': {
                backgroundColor: string;
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-hovered': {
                outline: string;
                borderColor: string;
                bg: string;
            };
        };
        dark: {
            border: string;
            backgroundColor: string;
            p: string;
            gap: string;
            boxShadow: string;
            borderColor: string;
            borderRadius: string;
            display: string;
            color: string;
            fontSize: string;
            fontWeight: number;
            flex: string;
        };
        light: {
            border: string;
            backgroundColor: string;
            p: string;
            gap: string;
            boxShadow: string;
            borderColor: string;
            borderRadius: string;
            display: string;
            color: string;
            fontSize: string;
            fontWeight: number;
            flex: string;
        };
        activeCard: {
            borderColor: any;
            '&.is-hovered': {
                borderColor: string;
                bg: string;
            };
            boxShadow: string;
            borderRadius: string;
            border: string;
            transition: string;
            '&.is-focused': {
                backgroundColor: string;
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
        };
        container: {
            p: string;
            borderColor: any;
            lineHeight: string;
            boxShadow: string;
            border: string;
            borderRadius: string;
            display: string;
            color: string;
            fontSize: string;
            fontWeight: number;
            flex: string;
        };
        suggestionColumn: {
            display: string;
            backgroundColor: string;
            borderRadius: string;
            p: string;
            '&.is-hovered': {
                cursor: string;
                backgroundColor: string;
            };
            gap: string;
            flexGrow: number;
            transition: string;
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
                backgroundColor: string;
            };
        };
        suggestionRow: {
            display: string;
            backgroundColor: string;
            borderRadius: string;
            p: string;
            '&.is-hovered': {
                cursor: string;
                backgroundColor: string;
            };
            gap: string;
            flexGrow: number;
            transition: string;
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
                backgroundColor: string;
            };
        };
        tableWrapper: {
            p: string;
            borderColor: any;
            lineHeight: string;
            boxShadow: string;
            border: string;
            borderRadius: string;
            display: string;
            color: string;
            fontSize: string;
            fontWeight: number;
            flex: string;
        };
        withShadow: {
            boxShadow: string;
            backgroundColor: string;
            p: string;
            borderColor: any;
            lineHeight: string;
            border: string;
            borderRadius: string;
            display: string;
            color: string;
            fontSize: string;
            fontWeight: number;
            flex: string;
        };
        flat: {
            boxShadow: string;
        };
    };
    variants: {
        accordion: {
            accordion: {
                '&:not(:last-of-type)': {
                    borderBottom: string;
                    borderBottomColor: string;
                };
                pb: string;
                mb: string;
                mt: string;
            };
            body: {
                pt: string;
            };
            header: {
                '&.is-focused': {
                    borderRadius: string;
                };
            };
        };
        accordionGrid: {
            header: {
                px: string;
                py: string;
                minHeight: string;
                border: string;
                '&.is-hovered': {
                    backgroundColor: any;
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
            };
            body: {
                p: string;
                pt: number;
            };
            item: {};
        };
        attachment: {
            container: {
                backgroundColor: string;
                mt: string;
                borderRadius: string;
                border: string;
                borderColor: string;
                position: string;
                maxWidth: string;
                minWidth: string;
                '&.is-full-screen': {
                    maxWidth: string;
                    minWidth: string;
                };
            };
            iconWrapper: {
                position: string;
                top: string;
                right: string;
            };
        };
        avatar: {
            cursor: string;
            '&.is-orange': {
                backgroundColor: string;
                color: string;
            };
            '&.is-green': {
                backgroundColor: string;
                color: string;
            };
            '&.is-purple': {
                backgroundColor: string;
                color: string;
            };
            '&.is-pink': {
                backgroundColor: string;
                color: string;
            };
            '&.is-red': {
                backgroundColor: string;
                color: string;
            };
            '&.is-yellow': {
                backgroundColor: string;
                color: string;
            };
            '&.is-cyan': {
                backgroundColor: string;
                color: string;
            };
            '&.is-teal': {
                backgroundColor: string;
                color: string;
            };
            '&.is-blue': {
                backgroundColor: string;
                color: string;
            };
            '&.is-indigo': {
                backgroundColor: string;
                color: string;
            };
            '&.size-sm': {
                width: string;
                height: string;
            };
            '&.size-md': {
                width: string;
                height: string;
            };
            '&.size-xmd': {
                width: string;
                height: string;
            };
            '&.size-lg': {
                width: string;
                height: string;
            };
            '&.size-xl': {
                width: string;
                height: string;
            };
            '&.font-size-sm': {
                fontSize: any;
            };
            '&.font-size-md': {
                fontSize: any;
            };
            '&.font-size-xmd': {
                fontSize: string;
            };
            '&.font-size-lg': {
                fontSize: any;
            };
            '&.font-size-xl': {
                fontSize: any;
            };
            '&.is-square': {
                borderRadius: string;
            };
            '&.is-square.size-lg': {
                borderRadius: string;
            };
            '&.is-square.size-xl': {
                borderRadius: string;
            };
            '&.is-logo': {
                borderWidth: string;
                borderStyle: string;
                borderColor: any;
                backgroundColor: string;
                '&.size-sm': {
                    img: {
                        width: string;
                        height: string;
                        borderRadius: string;
                    };
                };
                '&.size-md': {
                    img: {
                        width: string;
                        height: string;
                        borderRadius: string;
                    };
                };
                '&.size-xmd': {
                    img: {
                        width: string;
                        height: string;
                        borderRadius: string;
                    };
                };
                '&.size-lg': {
                    img: {
                        width: string;
                        height: string;
                        borderRadius: string;
                    };
                };
                '&.size-xl': {
                    img: {
                        width: string;
                        height: string;
                        borderRadius: string;
                    };
                };
            };
            '&.is-image:not(.is-logo)': {
                '&.size-sm': {
                    img: {
                        width: string;
                        height: string;
                    };
                };
                '&.size-md': {
                    img: {
                        width: string;
                        height: string;
                    };
                };
                '&.size-xmd': {
                    img: {
                        width: string;
                        height: string;
                    };
                };
                '&.size-lg': {
                    img: {
                        width: string;
                        height: string;
                    };
                };
                '&.size-xl': {
                    img: {
                        width: string;
                        height: string;
                    };
                };
            };
            display: string;
            borderRadius: string;
            textAlign: string;
            alignItems: string;
            justifyContent: string;
            fontFamily: string;
        };
        breadcrumb: {
            link: {
                fontWeight: number;
                fontSize: string;
            };
        };
        box: {
            indeterminateCheckboxIcon: {
                height: string;
                width: string;
                '&.is-disabled': {
                    '& rect[id="indeterminate-checkbox-icon-wrapper"]': {
                        fill: string;
                        stroke: string;
                    };
                };
                '&.is-focused': {
                    boxShadow: string;
                };
            };
            inputDropDownContentLeft: {
                left: number;
                position: string;
                top: string;
                transform: string;
                height: string;
                width: string;
                justifyContent: string;
            };
            inputGroupContentLeft: {
                left: number;
                borderRight: string;
                position: string;
                top: string;
                transform: string;
                height: string;
                width: string;
                justifyContent: string;
            };
            inputDropDownContentRight: {
                right: number;
                position: string;
                top: string;
                transform: string;
                height: string;
                width: string;
                justifyContent: string;
            };
            inputGroupContentRight: {
                right: number;
                borderLeft: string;
                position: string;
                top: string;
                transform: string;
                height: string;
                width: string;
                justifyContent: string;
            };
        };
        buttonBar: {
            container: {
                gap: string;
                backgroundColor: string;
            };
            justifyRightContainer: {
                gap: string;
                backgroundColor: string;
            };
        };
        callout: {
            base: {
                width: string;
                backgroundColor: string;
                lineHeight: string;
                p: string;
                border: string;
                borderLeft: string;
                borderLeftColor: string;
                borderRadius: string;
                alignItems: string;
                color: string;
                '&.is-success, > .is-success': {
                    borderColor: string;
                    borderLeftColor: string;
                };
                '&.is-warning, > .is-warning': {
                    borderColor: string;
                    borderLeftColor: string;
                };
                '&.is-error, > .is-error': {
                    borderColor: string;
                    borderLeftColor: string;
                };
            };
            icon: {
                ml: string;
                mr: string;
                minWidth: string;
                width: string;
                height: string;
            };
        };
        codeView: {
            default: {
                theme: {
                    plain: {
                        color: string;
                        backgroundColor: string;
                    };
                    styles: ({
                        types: string[];
                        style: {
                            color: string;
                            background?: undefined;
                            fontWeight?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            color: string;
                            background: string;
                            fontWeight?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            fontWeight: string;
                            color?: undefined;
                            background?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            cursor: string;
                            color?: undefined;
                            background?: undefined;
                            fontWeight?: undefined;
                        };
                    })[];
                };
                wrapper: {
                    backgroundColor: string;
                    border: string;
                    borderColor: string;
                    borderRadius: string;
                    width: number;
                    height: number;
                    my: string;
                    overflow: string;
                    alignItems: string;
                    '&.is-focused, &:focus': {
                        boxShadow: string;
                        outline: string;
                    };
                    pre: {
                        backgroundColor: string;
                        padding: string;
                        height: string;
                        width: string;
                        overflowX: string;
                        overflowY: string;
                        fontSize: string;
                        '& .token-line': {
                            display: string;
                            alignItems: string;
                            '& .token': {
                                whiteSpace: string;
                                wordBreak: string;
                            };
                        };
                        fontFamily: string;
                        lineHeight: string;
                    };
                    '&.has-no-copy-button': {
                        pre: {
                            p: string;
                        };
                    };
                    '&.has-line-numbers': {
                        pre: {
                            p: string;
                            overflow: string;
                            '& .token-line:first-of-type *': {
                                pt: string;
                            };
                            '& .token-line': {
                                display: string;
                                '& .token': {
                                    whiteSpace: string;
                                };
                            };
                        };
                    };
                };
                lineNo: {
                    display: string;
                    userSelect: string;
                    px: string;
                    m: string;
                    bg: string;
                    minWidth: number;
                    color: string;
                    lineHeight: string;
                    backgroundColor: string;
                };
                header: {
                    backgroundColor: string;
                    color: string;
                    px: string;
                    width: string;
                    borderBottom: string;
                    borderBottomColor: string;
                    lineHeight: string;
                };
                copyButton: {
                    default: {
                        mx: string;
                        path: {
                            fill: string;
                        };
                        border: string;
                    };
                    light: {
                        mx: string;
                        path: {
                            fill: string;
                        };
                        border: string;
                    };
                };
            };
            light: {
                theme: {
                    styles: ({
                        types: string[];
                        style: {
                            color: string;
                            background?: undefined;
                            fontWeight?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            color: string;
                            background: string;
                            fontWeight?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            fontWeight: string;
                            color?: undefined;
                            background?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            cursor: string;
                            color?: undefined;
                            background?: undefined;
                            fontWeight?: undefined;
                        };
                    })[];
                    plain: {
                        color: string;
                        backgroundColor: string;
                    };
                };
                wrapper: {
                    backgroundColor: string;
                    borderColor: string;
                    border: string;
                    borderRadius: string;
                    width: number;
                    height: number;
                    my: string;
                    overflow: string;
                    alignItems: string;
                    '&.is-focused, &:focus': {
                        boxShadow: string;
                        outline: string;
                    };
                    pre: {
                        backgroundColor: string;
                        padding: string;
                        height: string;
                        width: string;
                        overflowX: string;
                        overflowY: string;
                        fontSize: string;
                        '& .token-line': {
                            display: string;
                            alignItems: string;
                            '& .token': {
                                whiteSpace: string;
                                wordBreak: string;
                            };
                        };
                        fontFamily: string;
                        lineHeight: string;
                    };
                    '&.has-no-copy-button': {
                        pre: {
                            p: string;
                        };
                    };
                    '&.has-line-numbers': {
                        pre: {
                            p: string;
                            overflow: string;
                            '& .token-line:first-of-type *': {
                                pt: string;
                            };
                            '& .token-line': {
                                display: string;
                                '& .token': {
                                    whiteSpace: string;
                                };
                            };
                        };
                    };
                };
                header: {
                    backgroundColor: string;
                    borderBottomColor: string;
                    color: string;
                    px: string;
                    width: string;
                    borderBottom: string;
                    lineHeight: string;
                };
                lineNo: {
                    display: string;
                    userSelect: string;
                    px: string;
                    m: string;
                    bg: string;
                    minWidth: number;
                    color: string;
                    lineHeight: string;
                    backgroundColor: string;
                };
                copyButton: {
                    default: {
                        mx: string;
                        path: {
                            fill: string;
                        };
                        border: string;
                    };
                    light: {
                        mx: string;
                        path: {
                            fill: string;
                        };
                        border: string;
                    };
                };
            };
        };
        dataTable: {
            container: {
                border: string;
                borderColor: string;
                borderRadius: string;
            };
            tableRow: {
                borderTop: string;
                borderTopColor: string;
                borderBottom: string;
                pl: string;
                '&:last-of-type': {
                    borderBottomLeftRadius: string;
                    borderBottomRightRadius: string;
                };
            };
            selectableTableRow: {
                bg: string;
                '&.is-hovered': {
                    bg: any;
                };
                '&.is-selected': {
                    bg: any;
                };
                '&.is-focused': {
                    boxShadow: string;
                    bg: any;
                };
                '&.is-disabled': {
                    opacity: string;
                };
                borderTop: string;
                borderTopColor: string;
                borderBottom: string;
                pl: string;
                '&:last-of-type': {
                    borderBottomLeftRadius: string;
                    borderBottomRightRadius: string;
                };
            };
            tableHeadWrapper: {
                borderBottom: string;
            };
            tableHeadCell: {
                px: string;
                fontWeight: string;
                fontSize: string;
                '&.is-column-sortable': {
                    svg: {
                        fill: string;
                    };
                };
                '&.is-first-column': {
                    borderTopLeftRadius: string;
                };
                '&.is-last-column': {
                    borderTopRightRadius: string;
                };
                '&.is-key-focused': {
                    outline: string;
                    outlineStyle: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
            };
            rowHeader: {
                py: string;
            };
            tableCell: {
                fontSize: string;
                px: string;
            };
        };
        fieldHelperText: {
            title: {
                fontSize: string;
                pt: string;
                mt: string;
                '&.is-default': {
                    color: string;
                };
                '&.is-error': {
                    color: string;
                };
                '&.is-warning': {
                    color: string;
                };
                '&.is-success': {
                    color: string;
                };
            };
        };
        footer: {
            container: {
                fontFamily: string;
                justifyContent: string;
                backgroundColor: any;
            };
            wrapper: {
                px: string[];
                py: string;
                maxWidth: string;
                mx: string;
                width: string;
                flexDirection: string[];
                justifyContent: string;
                alignItems: string;
            };
            footerLeftSection: {
                columnGap: string;
                flexDirection: string[];
            };
            footerNav: {
                listStyle: string;
                margin: string;
                padding: string;
                alignItems: string;
                justifyContent: string[];
                gap: string;
                flexWrap: string;
                my: string;
            };
        };
        iconWrapper: {
            sm: {
                '&.is-circle': {
                    borderRadius: string;
                };
                borderRadius: string;
                minHeight: string;
                minWidth: string;
                height: string;
                width: string;
                p: string;
            };
            md: {
                '&.is-circle': {
                    borderRadius: string;
                };
                borderRadius: string;
                minHeight: string;
                minWidth: string;
                height: string;
                width: string;
                p: string;
            };
            lg: {
                '&.is-circle': {
                    borderRadius: string;
                };
                borderRadius: string;
                minHeight: string;
                minWidth: string;
                height: string;
                width: string;
                p: string;
            };
        };
        listBox: {
            container: {
                px: string;
                py: string;
            };
            option: {
                py: string;
                pl: string;
                pr: string;
                justifyContent: string;
                borderRadius: string;
                lineHeight: string;
                color: string;
                '&.is-focused': {
                    color: string;
                    bg: string;
                    borderRadius: string;
                };
                '&.is-focus-visible': {
                    boxShadow: string;
                    borderRadius: string;
                    zIndex: number;
                };
                '&.is-selected': {
                    color: string;
                    bg: string;
                    pl: string;
                    borderRadius: string;
                    '&.is-focused': {
                        color: string;
                    };
                    '&.is-focus-visible': {
                        bg: string;
                    };
                };
                '&.is-pressed': {
                    color: string;
                    bg: string;
                };
                '&.is-condensed': {
                    pl: string;
                    bg: string;
                    color: string;
                    '&.is-selected': {
                        bg: string;
                    };
                    '&.is-focused': {
                        bg: string;
                        color: string;
                    };
                };
            };
            sectionTitle: {
                color: string;
                fontWeight: string;
                fontSize: string;
                lineHeight: string;
                textTransform: string;
                letterSpacing: string;
                pl: string;
                ml: string;
                py: string;
            };
        };
        listView: {
            container: {
                borderRadius: string;
                border: string;
                borderColor: string;
            };
        };
        listViewItem: {
            rightOfData: {
                whiteSpace: string;
            };
            iconContainer: {
                ml: string;
            };
            iconWrapper: {
                ml: string;
            };
            imageWrapper: {
                ml: string;
            };
            styledListItem: {
                bg: string;
                '&.is-selected': {
                    bg: any;
                };
                borderBottom: string;
                '&.has-separator': {
                    borderBottom: string;
                    borderBottomColor: any;
                };
                '&.is-hovered': {
                    bg: any;
                };
                '&.is-focused': {
                    boxShadow: string;
                    bg: any;
                };
                '&.is-first-item': {
                    borderTopLeftRadius: string;
                    borderTopRightRadius: string;
                };
                '&.is-last-item': {
                    borderBottomLeftRadius: string;
                    borderBottomRightRadius: string;
                    '&.has-separator': {
                        border: string;
                    };
                };
            };
            styledContainer: {
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    cursor: string;
                };
            };
            expandableStyledListItem: {
                px: string;
                py: number;
                bg: string;
                '&.is-first-item': {
                    borderTopLeftRadius: string;
                    borderTopRightRadius: string;
                };
                '&.is-last-item': {
                    borderBottomLeftRadius: string;
                    borderBottomRightRadius: string;
                    '&.is-expanded.is-hovered, &.is-expanded.is-expanded': {
                        borderBottomLeftRadius: string;
                        borderBottomRightRadius: string;
                    };
                };
                '&.is-hovered': {
                    bg: any;
                };
                '&.is-selected': {
                    bg: any;
                };
                '&.is-focused': {
                    boxShadow: string;
                    bg: any;
                };
            };
            expandableItemBody: {
                px: string;
                outline: string;
                '&.is-last-item-body': {
                    borderBottomLeftRadius: string;
                    borderBottomRightRadius: string;
                };
                '&.is-focused': {
                    boxShadow: string;
                };
            };
            expandableRow: {
                '&.has-separator': {
                    borderBottomColor: any;
                };
                '&.has-separator.is-last-row': {
                    border: string;
                };
            };
            editIcon: {
                width: string;
                height: string;
            };
            menuIcon: {
                width: string;
                height: string;
            };
            loaderContainer: {
                pt: string;
                pb: string;
            };
        };
        lisViewItemChart: {
            title: {
                color: any;
                fontSize: string;
            };
            count: {
                color: any;
                fontSize: string;
            };
            countLabel: {
                color: any;
                fontSize: string;
            };
            chartLabel: {
                color: any;
                fontSize: string;
            };
            trend: {
                color: any;
            };
            chartButton: {
                color: any;
            };
        };
        loader: {
            withinListView: {
                color: string;
                py: string;
            };
            circleSpinner: {
                borderColor: string;
            };
        };
        menu: {
            p: string;
            border: string;
            borderColor: string;
        };
        menuItem: {
            item: {
                bg: string;
                padding: string;
                outline: string;
                color: any;
                fontSize: string;
                lineHeight: string;
                cursor: string;
                borderRadius: string;
                '&.is-hovered': {
                    bg: any;
                    color: string;
                    '> *': {
                        color: string;
                    };
                };
                '&.is-focused': {
                    bg: any;
                    color: string;
                    outline: string;
                    outlineOffset: string;
                    outlineColor: string;
                    '> *': {
                        color: string;
                    };
                };
                '&.is-pressed, &.is-selected': {
                    bg: string;
                    color: string;
                    '> *': {
                        color: string;
                    };
                };
            };
            separator: {
                my: string;
            };
        };
        menuSection: {
            sectionTitle: {
                fontWeight: string;
                fontSize: string;
                lineHeight: string;
                textTransform: string;
                letterSpacing: string;
                height: string;
                py: string;
                px: string;
                color: string;
                ml: number;
            };
        };
        menuTab: {
            ml: string;
        };
        message: {
            wrapper: {
                gap: string;
                right: string;
            };
            item: {
                maxWidth: number;
                pointerEvents: string;
                mb: string;
                p: string;
                wordBreak: string;
                alignItems: string;
                backgroundColor: any;
                borderLeftWidth: string;
                borderLeftStyle: string;
                borderLeftColor: string;
                color: any;
                fontSize: string;
                lineHeight: string;
                borderRadius: number;
                '& > svg': {
                    minWidth: string;
                    width: string;
                    height: string;
                    color: any;
                    path: {
                        fill: any;
                        transform: string;
                        transformOrigin: string;
                    };
                    alignSelf: string;
                };
                '&.is-success': {
                    bg: any;
                    borderLeftColor: any;
                    color: any;
                };
                '&.is-warning': {
                    bg: string;
                    borderLeftColor: any;
                    color: any;
                };
                '&.is-error, > .is-error': {
                    bg: string;
                };
                '&.is-error, > button > svg': {
                    color: string;
                    path: {
                        fill: any;
                    };
                };
                '&.is-error': {
                    borderLeftColor: any;
                };
            };
        };
        modal: {
            content: {
                boxShadow: string;
                borderRadius: string;
                opacity: number;
                transition: string;
                m: string[];
                '&.is-open-no-transition': {
                    opacity: string;
                    transform: string;
                };
                '&.is-open.is-transitioning': {
                    opacity: string;
                    transform: string;
                };
                '&.is-extra-small': {
                    width: string;
                    maxWidth: any[];
                };
                '&.is-small': {
                    width: string;
                    maxWidth: any[];
                };
                '&.is-medium': {
                    width: string;
                    maxWidth: any[];
                };
                '&.is-large': {
                    width: string;
                    maxWidth: any[];
                };
                '&.is-full': {
                    width: string;
                    maxWidth: string[];
                };
            };
            headingContainer: {
                borderBottom: string;
                borderBottomColor: any;
                bg: string;
                borderRadius: string;
            };
            header: {
                bg: string;
                borderBottom: string;
                borderBottomColor: string;
                borderRadius: string;
                px: string;
                py: string;
            };
            bodyContainer: {
                p: string;
            };
            body: {
                p: string;
            };
            footer: {
                borderTop: string;
                borderTopColor: string;
                borderRadius: string;
                p: string;
            };
            footerContainer: {
                borderTop: string;
                borderTopColor: string;
                borderRadius: string;
            };
        };
        navBar: {
            itemIcon: {
                color: string;
                fill: string;
            };
            itemIconSelected: {
                color: string;
                fill: string;
            };
            container: {
                fontFamily: string;
                width: string;
                p: string;
                backgroundColor: string;
                boxShadow: string;
            };
            sectionContainer: {
                pt: string;
            };
            sectionButton: {
                borderRadius: string;
                '&.is-hovered': {
                    backgroundColor: string;
                };
                '&.is-pressed': {
                    backgroundColor: any;
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
            };
            itemButton: {
                py: string;
                paddingLeft: string;
                color: any;
                borderRadius: string;
                fontWeight: number;
                fontSize: any;
                lineHeight: string;
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                '&.is-hovered': {
                    backgroundColor: string;
                };
                '&.is-pressed': {
                    backgroundColor: any;
                    color: any;
                };
                '&.is-selected': {
                    bg: any;
                    boxShadow: string;
                    color: string;
                };
            };
            subtitle: {
                color: any;
            };
            headerText: {
                color: any;
                fontWeight: number;
                fontSize: any;
                lineHeight: string;
                ml: string;
                '.is-selected &': {
                    color: string;
                };
            };
            headerNav: {
                borderRadius: string;
                color: string;
                '&.is-hovered': {
                    backgroundColor: string;
                };
                '&.is-focused': {
                    boxShadow: string;
                    WebkitBoxShadow: string;
                    MozBoxShadow: string;
                };
            };
            item: {
                px: string;
                py: string;
                color: any;
                borderRadius: string;
                '&.is-hovered': {
                    backgroundColor: any;
                };
                '> div > svg': {
                    fill: any;
                };
                '> div > span': {
                    color: string;
                };
                '&.is-pressed': {
                    backgroundColor: any;
                };
                '&.is-selected': {
                    '> div > svg': {
                        fill: string;
                    };
                    '> div > span': {
                        color: string;
                    };
                    '&.is-hovered': {
                        backgroundColor: string;
                    };
                    backgroundColor: any;
                    boxShadow: string;
                };
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                    boxShadow: string;
                    WebkitBoxShadow: string;
                    MozBoxShadow: string;
                };
            };
            itemHeaderContainer: {
                boxShadow: string;
                maxWidth: string;
                px: string;
                py: string;
                '&.is-selected': {
                    '> svg': {
                        fill: string;
                    };
                    '> div > svg': {
                        fill: string;
                    };
                    '> div > span': {
                        color: string;
                    };
                    backgroundColor: any;
                    boxShadow: string;
                };
                '&.is-hovered': {
                    backgroundColor: string;
                };
                backgroundColor: string;
                '> svg': {
                    fill: any;
                };
                '> div > svg': {
                    fill: any;
                };
            };
            navBarItemBody: {
                mb: string;
            };
        };
        overlayPanel: {
            container: {
                backgroundColor: string;
                borderColor: string;
            };
            aiPanelContainer: {
                backgroundColor: string;
                border: string;
                borderLeft: string;
                position: string;
                overflowY: string;
                top: number;
                bottom: number;
                alignItems: string;
                justifyContent: string;
                boxShadow: string;
                display: string;
                opacity: number;
                right: string;
                transition: string;
                maxWidth: string;
                p: string;
                '&.is-small': {
                    width: string;
                };
                '&.is-full': {
                    width: string;
                };
                '&.is-open.is-transitioning': {
                    right: number;
                    opacity: number;
                };
            };
            body: {
                gap: string;
                minHeight: string;
                maxWidth: string;
                alignSelf: string;
            };
            innerPanel: {
                backgroundColor: string;
            };
        };
        panelHeader: {
            container: {
                bg: string;
                border: string;
                pt: string;
                px: string;
                pb: string;
            };
            controls: {
                gap: string;
                alignSelf: string;
                mr: string;
            };
            wrapper: {
                mr: string;
            };
        };
        popoverMenu: {
            container: {
                minWidth: string;
                boxShadow: string;
                transition: string;
                '&.animate': {
                    opacity: number;
                };
                '&.animate.is-mounted.is-transitioning': {
                    opacity: string;
                };
                '&.is-dark-mode': {
                    color: string;
                    alignItems: string;
                    bg: any;
                    '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]:before': {
                        borderTopColor: any;
                    };
                    '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]:before': {
                        borderBottomColor: any;
                    };
                    '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]:before': {
                        borderLeftColor: any;
                    };
                    '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]:before': {
                        borderRightColor: any;
                    };
                };
            };
            arrow: {
                color: string;
                fontSize: string;
                '&:before': {
                    content: string;
                    position: string;
                    borderColor: string;
                    borderStyle: string;
                };
            };
        };
        progressBar: {
            transition: string;
            container: {
                backgroundColor: string;
                borderRadius: string;
                height: string;
            };
            percentageBar: {
                backgroundColor: string;
                borderRadius: string;
                height: string;
            };
        };
        prompt: {
            container: {
                backgroundColor: string;
                maxWidth: string;
                width: string;
                p: string;
                borderRadius: string;
                marginLeft: string;
            };
        };
        rangeCalendar: {
            calendarBody: {
                py: string;
                borderTop: string;
                borderTopColor: string;
                backgroundColor: string;
                '& > tr:nth-of-type(odd) ': {
                    backgroundColor: string;
                };
            };
            calendarButton: {
                height: string;
                width: string;
                fontWeight: string;
                borderRadius: string;
                color: string;
                '&.is-hovered': {
                    bg: string;
                    color: string;
                    cursor: string;
                };
                '&.is-selected': {
                    bg: string;
                    '&.is-hovered': {
                        bg: string;
                        color: string;
                    };
                };
                '&.is-range-ends': {
                    bg: string;
                    color: string;
                    outline: string;
                    boxShadow: string;
                };
                '&.is-selection-start': {
                    borderRadius: string;
                };
                '&.is-selection-end': {
                    borderRadius: string;
                };
                '&.is-start-and-end': {
                    borderRadius: string;
                };
                '&.is-focused': {
                    outline: string;
                    outlineStyle: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
                '&.is-unavailable': {
                    backgroundColor: any;
                    color: string;
                };
                '&:not(.is-outside-visible-range)&.is-extreme&:not(.is-completely-disabled)': {
                    backgroundColor: any;
                    color: string;
                    opacity: number;
                };
                '&.is-disabled': {
                    '&.is-hovered': {
                        color: any;
                        backgroundColor: string;
                    };
                };
            };
            calendarCell: {
                height: string;
            };
            calendarContainer: {
                width: string;
                textAlign: string;
                color: string;
                border: string;
                borderColor: string;
                boxShadow: string;
                borderRadius: string;
                p: string;
            };
            columnHeader: {
                color: string;
            };
            calendarRow: {
                bg: string;
            };
        };
        response: {
            iconWrapper: {
                border: string;
                p: string;
                borderColor: string;
                borderRadius: string;
                alignContent: string;
                alignItems: string;
                justifyContent: string;
                width: string;
                height: string;
                minWidth: string;
                minHeight: string;
            };
            list: {
                pl: string;
                listStyleType: string;
                listStylePosition: string;
                '&.is-numeric': {
                    listStyleType: string;
                };
                '& > li': {
                    '&:marker': {
                        content: string;
                    };
                };
            };
            attachmentWrapper: {
                alignItems: string;
                height: string;
                border: string;
                borderColor: string;
                p: string;
                gap: string;
                borderRadius: string;
                '&.is-not-loaded': {
                    display: string;
                };
            };
            toolbar: {
                '&.is-not-loaded': {
                    display: string;
                };
            };
            markupComplexContainer: {
                display: string;
                flexDirection: string;
                '&.is-not-loaded': {
                    display: string;
                };
            };
            textWrapper: {
                height: string;
                '&.has-bullet': {
                    display: string;
                    height: string;
                };
                '&.has-rendered': {
                    display: string;
                };
                '&.has-block': {
                    maxHeight: string;
                    display: string;
                };
                '&::marker': {
                    color: string;
                };
                listStylePosition: string;
                flexDirection: string;
            };
        };
        rockerButton: {
            innerContainer: {
                boxShadow: string;
                backgroundColor: string;
                borderRadius: string;
                padding: number;
                border: string;
            };
            thumbSwitch: {
                textTransform: string;
                backgroundColor: string;
                padding: string;
                height: string;
                color: string;
                border: string;
                borderColor: string;
                borderRadius: number;
                '&:not(:last-of-type)': {
                    borderRight: string;
                };
                '&:first-of-type': {
                    borderTopLeftRadius: string;
                    borderBottomLeftRadius: string;
                };
                '&:last-of-type': {
                    borderTopRightRadius: string;
                    borderBottomRightRadius: string;
                };
                '&.is-selected': {
                    color: string;
                    backgroundColor: string;
                    '& > div.status-icon': {
                        bg: string;
                        span: {
                            color: string;
                        };
                    };
                };
                '&.is-hovered': {
                    borderColor: string;
                    backgroundColor: string;
                    color: string;
                };
                '&.is-pressed': {
                    borderColor: string;
                    backgroundColor: string;
                    color: string;
                };
                '&.is-focused:focus': {
                    position: string;
                    zIndex: string;
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
            };
        };
        searchNav: {
            tab: {
                marginBottom: string;
            };
        };
        separator: {
            base: {
                bg: string;
                my: string;
                '&.is-vertical': {
                    m: string;
                };
            };
            navBarSeparator: {
                my: string;
                mx: string;
                maxWidth: string;
                backgroundColor: string;
            };
            navBarSubtitleSeparator: {
                backgroundColor: string;
            };
        };
        skeleton: {
            base: {
                backgroundColor: string;
                position: string;
                overflow: string;
                '&.is-pulsate': {
                    animation: string;
                };
                '&.is-wave': {
                    webkitMaskImage: string;
                    '&:after': {
                        content: string;
                        background: string;
                        position: string;
                        webkitTransform: string;
                        mozTransform: string;
                        msTransform: string;
                        transform: string;
                        bottom: string;
                        left: string;
                        right: string;
                        top: string;
                        animation: string;
                    };
                };
            };
            text: {
                height: string;
                transform: string;
                borderRadius: string;
                backgroundColor: string;
                position: string;
                overflow: string;
                '&.is-pulsate': {
                    animation: string;
                };
                '&.is-wave': {
                    webkitMaskImage: string;
                    '&:after': {
                        content: string;
                        background: string;
                        position: string;
                        webkitTransform: string;
                        mozTransform: string;
                        msTransform: string;
                        transform: string;
                        bottom: string;
                        left: string;
                        right: string;
                        top: string;
                        animation: string;
                    };
                };
            };
            circular: {
                borderRadius: string;
                backgroundColor: string;
                position: string;
                overflow: string;
                '&.is-pulsate': {
                    animation: string;
                };
                '&.is-wave': {
                    webkitMaskImage: string;
                    '&:after': {
                        content: string;
                        background: string;
                        position: string;
                        webkitTransform: string;
                        mozTransform: string;
                        msTransform: string;
                        transform: string;
                        bottom: string;
                        left: string;
                        right: string;
                        top: string;
                        animation: string;
                    };
                };
            };
            rounded: {
                borderRadius: string;
                backgroundColor: string;
                position: string;
                overflow: string;
                '&.is-pulsate': {
                    animation: string;
                };
                '&.is-wave': {
                    webkitMaskImage: string;
                    '&:after': {
                        content: string;
                        background: string;
                        position: string;
                        webkitTransform: string;
                        mozTransform: string;
                        msTransform: string;
                        transform: string;
                        bottom: string;
                        left: string;
                        right: string;
                        top: string;
                        animation: string;
                    };
                };
            };
        };
        stepper: {
            tab: {
                mr: string;
            };
            line: {
                mx: string;
                maxWidth: string;
                borderBottomWidth: string;
                borderBottomColor: string;
                '&.is-inactive': {
                    borderBottomStyle: string;
                    borderBottomColor: any;
                };
                '&.is-default': {
                    width: string;
                    height: string;
                    maxHeight: string;
                    borderBottomWidth: number;
                    borderRightWidth: string;
                    borderRightStyle: string;
                    borderRightColor: any;
                    my: string;
                };
            };
            step: {
                active: {
                    '&.is-horizontal': {
                        '&:before': {
                            content: string;
                            height: string;
                            width: string;
                            top: number;
                            left: number;
                            position: string;
                            borderRadius: string;
                            borderStyle: string;
                            borderColor: string;
                            borderWidth: string;
                            zIndex: number;
                        };
                        borderWidth: string;
                        width: number;
                        height: number;
                        minWidth: number;
                        minHeight: number;
                        position: string;
                        fontWeight: number;
                        fontSize: string;
                        backgroundColor: string;
                        borderColor: string;
                        color: string;
                    };
                };
                completed: {
                    borderColor: string;
                    borderWidth: string;
                    width: number;
                    height: number;
                    minWidth: number;
                    minHeight: number;
                    position: string;
                    fontWeight: number;
                    fontSize: string;
                };
                inactive: {
                    '&.is-horizontal': {
                        borderWidth: string;
                        width: number;
                        height: number;
                        minWidth: number;
                        minHeight: number;
                        position: string;
                        fontWeight: number;
                        fontSize: string;
                        backgroundColor: string;
                        borderColor: any;
                        color: string;
                    };
                };
                default: {
                    borderWidth: string;
                    width: number;
                    height: number;
                    minWidth: number;
                    minHeight: number;
                    position: string;
                    fontWeight: number;
                    fontSize: string;
                    backgroundColor: string;
                    borderColor: any;
                    color: string;
                };
            };
        };
        suggestion: {
            iconContainer: {
                ml: string;
                mr: string;
                minWidth: string;
            };
        };
        suggestions: {
            justifyContent: string;
            gap: string;
            flexDirection: string;
            '&.is-full-screen': {
                gap: string;
                flexDirection: string;
            };
        };
        statusIcon: {
            base: {
                '&.is-default': {
                    bg: any;
                    span: {
                        fontSize: string;
                        color: any;
                    };
                };
                '&.is-critical': {
                    bg: any;
                    span: {
                        fontSize: string;
                        color: any;
                    };
                };
                '&.is-warning': {
                    bg: any;
                    span: {
                        fontSize: string;
                        color: any;
                    };
                };
                '&.is-info': {
                    bg: any;
                    span: {
                        fontSize: string;
                        color: any;
                    };
                };
                '&.is-major': {
                    bg: any;
                    span: {
                        fontSize: string;
                        color: any;
                    };
                };
                '&.is-minor': {
                    bg: any;
                    span: {
                        fontSize: string;
                        color: any;
                    };
                };
                '&.is-warning-neutral': {
                    bg: any;
                    span: {
                        fontSize: string;
                        color: any;
                    };
                };
                '&.is-fatal': {
                    bg: any;
                    span: {
                        fontSize: string;
                        color: any;
                    };
                };
                '&.is-selected.is-selected': {
                    bg: string;
                    span: {
                        color: string;
                    };
                };
            };
        };
        tab: {
            borderRadius: string;
            pt: string;
            '& > span': {
                px: string;
                fontSize: string;
            };
            '&.is-focused': {
                boxShadow: string;
                outline: string;
                outlineColor: string;
                outlineOffset: string;
                '& > span': {
                    outline: string;
                };
            };
            '& > div': {
                borderBottom: string;
                borderBottomColor: string;
                ml: string;
            };
        };
        table: {
            container: {
                overflow: string;
            };
            caption: {
                px: string;
                color: string;
                borderBottom: string;
                borderBottomColor: string;
            };
            head: {
                px: string;
                py: string;
                fontSize: string;
                fontWeight: string;
                color: string;
                lineHeight: string;
            };
            body: {
                borderTopColor: string;
                borderBottom: string;
                backgroundColor: string;
                borderBottomLeftRadius: string;
                borderBottomRightRadius: string;
                '&& > tr:not(:last-child)': {
                    borderBottom: string;
                    borderBottomColor: string;
                };
                '&& > tr:nth-of-type(odd) ': {
                    backgroundColor: string;
                };
                '&& > tr:last-child': {
                    borderBottomLeftRadius: string;
                    borderBottomRightRadius: string;
                };
            };
            data: {
                py: string;
                fontWeight: string;
                px: string;
                fontSize: string;
                color: string;
                lineHeight: string;
            };
        };
        tableBase: {
            container: {
                '& > thead > tr': {
                    '& > th:first-of-type': {
                        borderTopLeftRadius: string;
                    };
                    '& > th:last-of-type': {
                        borderTopRightRadius: string;
                    };
                };
                '& > tbody > tr:last-child': {
                    borderBottom: string;
                    borderBottomLeftRadius: string;
                    borderBottomRightRadius: string;
                    '&.is-focused': {
                        borderBottomLeftRadius: string;
                        borderBottomRightRadius: string;
                    };
                    '& > td:first-of-type': {
                        borderBottomLeftRadius: string;
                    };
                    '& > td:last-of-type': {
                        borderBottomRightRadius: string;
                    };
                };
                '&.has-caption > thead > tr:first-of-type > th': {
                    borderRadius: string;
                };
                '&.has-pagination > tbody > tr:last-child': {
                    borderRadius: number;
                    '& > td': {
                        borderRadius: number;
                    };
                };
            };
            caption: {
                backgroundColor: string;
                px: string;
                color: string;
                borderBottom: string;
                borderBottomColor: string;
                borderTopLeftRadius: string;
                borderTopRightRadius: string;
            };
            row: {
                borderBottom: string;
                borderBottomColor: string;
                '&.is-focused': {
                    outlineOffset: string;
                    outline: string;
                    outlineColor: string;
                };
                '&.is-hovered': {
                    bg: string;
                    '& > td:last-of-type': {
                        bg: string;
                    };
                };
                '&:nth-of-type(odd)': {
                    bg: string;
                    '&.is-hovered': {
                        bg: string;
                    };
                    '& > td:last-of-type': {
                        bg: string;
                    };
                };
            };
            thead: {
                borderBottomColor: string;
                backgroundColor: string;
                '&.is-sticky': {
                    boxShadow: string;
                };
            };
            head: {
                px: string;
                py: string;
                fontSize: string;
                fontWeight: string;
                color: string;
                lineHeight: string;
                '&.is-focused': {
                    outlineOffset: string;
                    outline: string;
                    outlineColor: string;
                };
                '&:last-of-type': {
                    backgroundColor: string;
                };
            };
            tbody: {
                borderTopColor: string;
                borderBottom: string;
                backgroundColor: string;
                borderBottomLeftRadius: string;
                borderBottomRightRadius: string;
            };
            data: {
                py: string;
                fontWeight: string;
                '&:last-of-type': {
                    backgroundColor: string;
                    zIndex: number;
                };
                px: string;
                fontSize: string;
                color: string;
                lineHeight: string;
                '&.is-focused': {
                    outlineOffset: string;
                    outline: string;
                    outlineColor: string;
                };
            };
        };
        tabs: {
            '&.is-horizontal': {
                gap: string;
            };
        };
        tooltip: {
            container: {
                backgroundColor: any;
                borderRadius: string;
                fontSize: string;
                fontFamily: string;
                lineHeight: string;
                p: string;
                px: string;
                py: string;
            };
            badge: {
                borderRadius: string;
                position: string;
                '&.is-focused:before': {
                    position: string;
                    content: string;
                    width: string;
                    height: string;
                    padding: string;
                    borderRadius: string;
                    border: string;
                    borderColor: string;
                };
            };
            inline: {
                color: any;
                '&.is-focused': {
                    outline: string;
                    outlineColor: string;
                    outlineOffset: string;
                };
            };
        };
    };
    images: {
        avatar: {};
    };
    overrides: {
        codeView: {
            default: {
                theme: {
                    plain: {
                        color: string;
                        backgroundColor: string;
                    };
                    styles: ({
                        types: string[];
                        style: {
                            color: string;
                            background?: undefined;
                            fontWeight?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            color: string;
                            background: string;
                            fontWeight?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            fontWeight: string;
                            color?: undefined;
                            background?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            cursor: string;
                            color?: undefined;
                            background?: undefined;
                            fontWeight?: undefined;
                        };
                    })[];
                };
                wrapper: {
                    backgroundColor: string;
                    border: string;
                    borderColor: string;
                    borderRadius: string;
                    width: number;
                    height: number;
                    my: string;
                    overflow: string;
                    alignItems: string;
                    '&.is-focused, &:focus': {
                        boxShadow: string;
                        outline: string;
                    };
                    pre: {
                        backgroundColor: string;
                        padding: string;
                        height: string;
                        width: string;
                        overflowX: string;
                        overflowY: string;
                        fontSize: string;
                        '& .token-line': {
                            display: string;
                            alignItems: string;
                            '& .token': {
                                whiteSpace: string;
                                wordBreak: string;
                            };
                        };
                        fontFamily: string;
                        lineHeight: string;
                    };
                    '&.has-no-copy-button': {
                        pre: {
                            p: string;
                        };
                    };
                    '&.has-line-numbers': {
                        pre: {
                            p: string;
                            overflow: string;
                            '& .token-line:first-of-type *': {
                                pt: string;
                            };
                            '& .token-line': {
                                display: string;
                                '& .token': {
                                    whiteSpace: string;
                                };
                            };
                        };
                    };
                };
                lineNo: {
                    display: string;
                    userSelect: string;
                    px: string;
                    m: string;
                    bg: string;
                    minWidth: number;
                    color: string;
                    lineHeight: string;
                    backgroundColor: string;
                };
                header: {
                    backgroundColor: string;
                    color: string;
                    px: string;
                    width: string;
                    borderBottom: string;
                    borderBottomColor: string;
                    lineHeight: string;
                };
                copyButton: {
                    default: {
                        mx: string;
                        path: {
                            fill: string;
                        };
                        border: string;
                    };
                    light: {
                        mx: string;
                        path: {
                            fill: string;
                        };
                        border: string;
                    };
                };
            };
            light: {
                theme: {
                    styles: ({
                        types: string[];
                        style: {
                            color: string;
                            background?: undefined;
                            fontWeight?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            color: string;
                            background: string;
                            fontWeight?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            fontWeight: string;
                            color?: undefined;
                            background?: undefined;
                            cursor?: undefined;
                        };
                    } | {
                        types: string[];
                        style: {
                            cursor: string;
                            color?: undefined;
                            background?: undefined;
                            fontWeight?: undefined;
                        };
                    })[];
                    plain: {
                        color: string;
                        backgroundColor: string;
                    };
                };
                wrapper: {
                    backgroundColor: string;
                    borderColor: string;
                    border: string;
                    borderRadius: string;
                    width: number;
                    height: number;
                    my: string;
                    overflow: string;
                    alignItems: string;
                    '&.is-focused, &:focus': {
                        boxShadow: string;
                        outline: string;
                    };
                    pre: {
                        backgroundColor: string;
                        padding: string;
                        height: string;
                        width: string;
                        overflowX: string;
                        overflowY: string;
                        fontSize: string;
                        '& .token-line': {
                            display: string;
                            alignItems: string;
                            '& .token': {
                                whiteSpace: string;
                                wordBreak: string;
                            };
                        };
                        fontFamily: string;
                        lineHeight: string;
                    };
                    '&.has-no-copy-button': {
                        pre: {
                            p: string;
                        };
                    };
                    '&.has-line-numbers': {
                        pre: {
                            p: string;
                            overflow: string;
                            '& .token-line:first-of-type *': {
                                pt: string;
                            };
                            '& .token-line': {
                                display: string;
                                '& .token': {
                                    whiteSpace: string;
                                };
                            };
                        };
                    };
                };
                header: {
                    backgroundColor: string;
                    borderBottomColor: string;
                    color: string;
                    px: string;
                    width: string;
                    borderBottom: string;
                    lineHeight: string;
                };
                lineNo: {
                    display: string;
                    userSelect: string;
                    px: string;
                    m: string;
                    bg: string;
                    minWidth: number;
                    color: string;
                    lineHeight: string;
                    backgroundColor: string;
                };
                copyButton: {
                    default: {
                        mx: string;
                        path: {
                            fill: string;
                        };
                        border: string;
                    };
                    light: {
                        mx: string;
                        path: {
                            fill: string;
                        };
                        border: string;
                    };
                };
            };
        };
    };
};
export default _default;