Interface MetricCardProps

interface MetricCardProps {
    align?: ThemeStyleFlexAlignmentProp;
    alignSelf?: ThemeStyleFlexAlignmentProp;
    ariaProps?: AriaAttributes & { role?: AriaRole };
    bg?:
        | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit";
    blurBg?: boolean;
    border?: | "primary"
    | "primaryContrast"
    | "primaryAccent"
    | "primaryMuted"
    | "primaryBackground"
    | "secondary"
    | "secondaryContrast"
    | "secondaryAccent"
    | "secondaryMuted"
    | "secondaryBackground"
    | "tertiary"
    | "tertiaryAccent"
    | "tertiaryMuted"
    | "tertiaryBackground"
    | "background"
    | "backgroundAccent"
    | "backgroundMuted"
    | "backgroundDisabled"
    | "backgroundHover"
    | "foreground"
    | "foregroundAccent"
    | "foregroundMuted"
    | "foregroundDisabled"
    | "foregroundInverted"
    | "surface"
    | "border"
    | "borderAccent"
    | "borderMuted"
    | "error"
    | "errorAccent"
    | "errorMuted"
    | "errorBackground"
    | "warning"
    | "warningAccent"
    | "warningMuted"
    | "warningBackground"
    | "success"
    | "successAccent"
    | "successMuted"
    | "successBackground"
    | "info"
    | "infoAccent"
    | "infoMuted"
    | "infoBackground"
    | "custom"
    | "customAccent"
    | "customMuted"
    | "customBackground"
    | "inherit"
    | "transparent";
    borderBottom?: | "primary"
    | "primaryContrast"
    | "primaryAccent"
    | "primaryMuted"
    | "primaryBackground"
    | "secondary"
    | "secondaryContrast"
    | "secondaryAccent"
    | "secondaryMuted"
    | "secondaryBackground"
    | "tertiary"
    | "tertiaryAccent"
    | "tertiaryMuted"
    | "tertiaryBackground"
    | "background"
    | "backgroundAccent"
    | "backgroundMuted"
    | "backgroundDisabled"
    | "backgroundHover"
    | "foreground"
    | "foregroundAccent"
    | "foregroundMuted"
    | "foregroundDisabled"
    | "foregroundInverted"
    | "surface"
    | "border"
    | "borderAccent"
    | "borderMuted"
    | "error"
    | "errorAccent"
    | "errorMuted"
    | "errorBackground"
    | "warning"
    | "warningAccent"
    | "warningMuted"
    | "warningBackground"
    | "success"
    | "successAccent"
    | "successMuted"
    | "successBackground"
    | "info"
    | "infoAccent"
    | "infoMuted"
    | "infoBackground"
    | "custom"
    | "customAccent"
    | "customMuted"
    | "customBackground"
    | "inherit"
    | "transparent";
    borderLeft?: | "primary"
    | "primaryContrast"
    | "primaryAccent"
    | "primaryMuted"
    | "primaryBackground"
    | "secondary"
    | "secondaryContrast"
    | "secondaryAccent"
    | "secondaryMuted"
    | "secondaryBackground"
    | "tertiary"
    | "tertiaryAccent"
    | "tertiaryMuted"
    | "tertiaryBackground"
    | "background"
    | "backgroundAccent"
    | "backgroundMuted"
    | "backgroundDisabled"
    | "backgroundHover"
    | "foreground"
    | "foregroundAccent"
    | "foregroundMuted"
    | "foregroundDisabled"
    | "foregroundInverted"
    | "surface"
    | "border"
    | "borderAccent"
    | "borderMuted"
    | "error"
    | "errorAccent"
    | "errorMuted"
    | "errorBackground"
    | "warning"
    | "warningAccent"
    | "warningMuted"
    | "warningBackground"
    | "success"
    | "successAccent"
    | "successMuted"
    | "successBackground"
    | "info"
    | "infoAccent"
    | "infoMuted"
    | "infoBackground"
    | "custom"
    | "customAccent"
    | "customMuted"
    | "customBackground"
    | "inherit"
    | "transparent";
    borderRight?: | "primary"
    | "primaryContrast"
    | "primaryAccent"
    | "primaryMuted"
    | "primaryBackground"
    | "secondary"
    | "secondaryContrast"
    | "secondaryAccent"
    | "secondaryMuted"
    | "secondaryBackground"
    | "tertiary"
    | "tertiaryAccent"
    | "tertiaryMuted"
    | "tertiaryBackground"
    | "background"
    | "backgroundAccent"
    | "backgroundMuted"
    | "backgroundDisabled"
    | "backgroundHover"
    | "foreground"
    | "foregroundAccent"
    | "foregroundMuted"
    | "foregroundDisabled"
    | "foregroundInverted"
    | "surface"
    | "border"
    | "borderAccent"
    | "borderMuted"
    | "error"
    | "errorAccent"
    | "errorMuted"
    | "errorBackground"
    | "warning"
    | "warningAccent"
    | "warningMuted"
    | "warningBackground"
    | "success"
    | "successAccent"
    | "successMuted"
    | "successBackground"
    | "info"
    | "infoAccent"
    | "infoMuted"
    | "infoBackground"
    | "custom"
    | "customAccent"
    | "customMuted"
    | "customBackground"
    | "inherit"
    | "transparent";
    borderStyle?: "solid"
    | "dashed";
    borderTop?:
        | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
        | "transparent";
    borderWidth?: number;
    bottom?: string
    | number;
    bottomLeftRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
    bottomRightRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
    c?:
        | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit";
    centered?: boolean;
    children?: ReactNode;
    classes?: ThemeStyleClass[];
    classNames?: string[];
    column?: boolean;
    cursor?: "text"
    | "default"
    | "pointer"
    | "not-allowed"
    | "unset";
    darkenBg?: boolean;
    display?: "block" | "flex" | "grid" | "none";
    filter?: string;
    fontFamily?: "body" | "display" | "heading";
    fontSize?:
        | number
        | "base"
        | "xs"
        | "sm"
        | "lg"
        | "xl"
        | "xxl"
        | "xxxl"
        | "inherit"
        | "xxs";
    fontWeight?: "normal"
    | "bold";
    gridArea?: string;
    gridGap?: string;
    gridTemplateColumns?: string;
    gridTemplateRows?: string;
    grow?: boolean;
    h?: string;
    href?: string;
    iconButtonProps?: Omit<ButtonProps, "children" | "variant">;
    id?: string;
    inline?: boolean;
    isLastInGroup?: boolean;
    isLoading?: boolean;
    italic?: boolean;
    justify?: ThemeStyleFlexAlignmentProp;
    justifySelf?: ThemeStyleFlexAlignmentProp;
    label: string;
    left?: string | number;
    lightenBg?: boolean;
    lineHeight?:
        | 1
        | "base"
        | "xs"
        | "sm"
        | "lg"
        | "xl"
        | "xxl"
        | "xxxl"
        | "inherit"
        | "xxs";
    m?: ThemeStyleSpacingProp;
    maxH?: string;
    maxW?: string;
    mb?: ThemeStyleSpacingProp;
    metadata?: string;
    minH?: string;
    minW?: string;
    ml?: ThemeStyleSpacingProp;
    mr?: ThemeStyleSpacingProp;
    mt?: ThemeStyleSpacingProp;
    mx?: ThemeStyleSpacingProp
    | "auto";
    my?: ThemeStyleSpacingProp | "auto";
    onMobile?: Omit<
        Partial<
            {
                align: ThemeStyleFlexAlignmentProp;
                alignSelf: ThemeStyleFlexAlignmentProp;
                bg: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit";
                blurBg: boolean;
                border: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent";
                borderBottom: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderLeft: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderRight: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderStyle: "solid"
                | "dashed";
                borderTop:
                    | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent"
                    | undefined;
                borderWidth: number;
                bottom: string
                | number;
                bottomLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                bottomRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                c:
                    | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit";
                centered: boolean;
                classes: ThemeStyleClass[];
                column: boolean;
                cursor: "text"
                | "default"
                | "pointer"
                | "not-allowed"
                | "unset";
                darkenBg: boolean;
                display: "block" | "flex" | "grid" | "none";
                filter: string;
                fontFamily: "body" | "display" | "heading";
                fontSize:
                    | number
                    | "base"
                    | "xs"
                    | "sm"
                    | "lg"
                    | "xl"
                    | "xxl"
                    | "xxxl"
                    | "inherit"
                    | "xxs";
                fontWeight: "normal"
                | "bold";
                gridArea: string;
                gridGap: string;
                gridTemplateColumns: string;
                gridTemplateRows: string;
                grow: boolean;
                h: string;
                inline: boolean;
                italic: boolean;
                justify: ThemeStyleFlexAlignmentProp;
                justifySelf: ThemeStyleFlexAlignmentProp;
                left: string | number;
                lightenBg: boolean;
                lineHeight:
                    | 1
                    | "base"
                    | "xs"
                    | "sm"
                    | "lg"
                    | "xl"
                    | "xxl"
                    | "xxxl"
                    | "inherit"
                    | "xxs";
                m: ThemeStyleSpacingProp;
                maxH: string;
                maxW: string;
                mb: ThemeStyleSpacingProp;
                minH: string;
                minW: string;
                ml: ThemeStyleSpacingProp;
                mr: ThemeStyleSpacingProp;
                mt: ThemeStyleSpacingProp;
                mx: ThemeStyleSpacingProp
                | "auto";
                my: ThemeStyleSpacingProp | "auto";
                onMobile: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                onTablet: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                opacity: "hidden" | "subtle" | "loading" | "disabled";
                overflow: "hidden" | "auto";
                overflowX: "hidden" | "auto" | undefined;
                overflowY: "hidden" | "auto" | undefined;
                p: ThemeStyleSpacingProp;
                pb: ThemeStyleSpacingProp;
                pl: ThemeStyleSpacingProp;
                pointerEvents: "none" | "auto";
                position: "relative" | "absolute" | "fixed" | "sticky";
                pr: ThemeStyleSpacingProp;
                pt: ThemeStyleSpacingProp;
                px: ThemeStyleSpacingProp;
                py: ThemeStyleSpacingProp;
                radius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                reverse: boolean;
                right: string | number;
                shadow: "base" | "text" | "sm" | "focus";
                shrink: boolean;
                strikethrough: boolean;
                textAlign: "left" | "right" | "center";
                textShadow: boolean;
                textWrap: "nowrap" | "balance";
                top: string | number;
                topLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                topRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                transform: string;
                transformOrigin: string;
                transition: boolean;
                transitionDelay: number;
                transitionDuration: number;
                transitions: Partial<Record<ThemeStyleTransition, boolean>>;
                underline: boolean;
                w: string;
                wrap: boolean;
                zIndex: number | ThemeStyleZIndexCategory;
            },
        >,
        "classes"
        | "transitions",
    >;
    onTablet?: Omit<
        Partial<
            {
                align: ThemeStyleFlexAlignmentProp;
                alignSelf: ThemeStyleFlexAlignmentProp;
                bg: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit";
                blurBg: boolean;
                border: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent";
                borderBottom: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderLeft: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderRight: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderStyle: "solid"
                | "dashed";
                borderTop:
                    | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent"
                    | undefined;
                borderWidth: number;
                bottom: string
                | number;
                bottomLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                bottomRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                c:
                    | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit";
                centered: boolean;
                classes: ThemeStyleClass[];
                column: boolean;
                cursor: "text"
                | "default"
                | "pointer"
                | "not-allowed"
                | "unset";
                darkenBg: boolean;
                display: "block" | "flex" | "grid" | "none";
                filter: string;
                fontFamily: "body" | "display" | "heading";
                fontSize:
                    | number
                    | "base"
                    | "xs"
                    | "sm"
                    | "lg"
                    | "xl"
                    | "xxl"
                    | "xxxl"
                    | "inherit"
                    | "xxs";
                fontWeight: "normal"
                | "bold";
                gridArea: string;
                gridGap: string;
                gridTemplateColumns: string;
                gridTemplateRows: string;
                grow: boolean;
                h: string;
                inline: boolean;
                italic: boolean;
                justify: ThemeStyleFlexAlignmentProp;
                justifySelf: ThemeStyleFlexAlignmentProp;
                left: string | number;
                lightenBg: boolean;
                lineHeight:
                    | 1
                    | "base"
                    | "xs"
                    | "sm"
                    | "lg"
                    | "xl"
                    | "xxl"
                    | "xxxl"
                    | "inherit"
                    | "xxs";
                m: ThemeStyleSpacingProp;
                maxH: string;
                maxW: string;
                mb: ThemeStyleSpacingProp;
                minH: string;
                minW: string;
                ml: ThemeStyleSpacingProp;
                mr: ThemeStyleSpacingProp;
                mt: ThemeStyleSpacingProp;
                mx: ThemeStyleSpacingProp
                | "auto";
                my: ThemeStyleSpacingProp | "auto";
                onMobile: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                onTablet: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                opacity: "hidden" | "subtle" | "loading" | "disabled";
                overflow: "hidden" | "auto";
                overflowX: "hidden" | "auto" | undefined;
                overflowY: "hidden" | "auto" | undefined;
                p: ThemeStyleSpacingProp;
                pb: ThemeStyleSpacingProp;
                pl: ThemeStyleSpacingProp;
                pointerEvents: "none" | "auto";
                position: "relative" | "absolute" | "fixed" | "sticky";
                pr: ThemeStyleSpacingProp;
                pt: ThemeStyleSpacingProp;
                px: ThemeStyleSpacingProp;
                py: ThemeStyleSpacingProp;
                radius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                reverse: boolean;
                right: string | number;
                shadow: "base" | "text" | "sm" | "focus";
                shrink: boolean;
                strikethrough: boolean;
                textAlign: "left" | "right" | "center";
                textShadow: boolean;
                textWrap: "nowrap" | "balance";
                top: string | number;
                topLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                topRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                transform: string;
                transformOrigin: string;
                transition: boolean;
                transitionDelay: number;
                transitionDuration: number;
                transitions: Partial<Record<ThemeStyleTransition, boolean>>;
                underline: boolean;
                w: string;
                wrap: boolean;
                zIndex: number | ThemeStyleZIndexCategory;
            },
        >,
        "classes"
        | "transitions",
    >;
    opacity?: "hidden" | "subtle" | "loading" | "disabled";
    overflow?: "hidden" | "auto";
    overflowX?: "hidden" | "auto";
    overflowY?: "hidden" | "auto";
    p?: ThemeStyleSpacingProp;
    pb?: ThemeStyleSpacingProp;
    pl?: ThemeStyleSpacingProp;
    pointerEvents?: "none" | "auto";
    position?: "relative" | "absolute" | "fixed" | "sticky";
    pr?: ThemeStyleSpacingProp;
    pt?: ThemeStyleSpacingProp;
    px?: ThemeStyleSpacingProp;
    py?: ThemeStyleSpacingProp;
    radius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
    reference?: RefObject<HTMLDivElement>;
    reverse?: boolean;
    right?: string | number;
    shadow?: "base" | "text" | "sm" | "focus";
    shrink?: boolean;
    strikethrough?: boolean;
    textAlign?: "left" | "right" | "center";
    textShadow?: boolean;
    textWrap?: "nowrap" | "balance";
    top?: string | number;
    topLeftRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
    topRightRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
    transform?: string;
    transformOrigin?: string;
    transition?: boolean;
    transitionDelay?: number;
    transitionDuration?: number;
    transitions?: Partial<Record<ThemeStyleTransition, boolean>>;
    underline?: boolean;
    w?: string;
    wrap?: boolean;
    zIndex?: number | ThemeStyleZIndexCategory;
}