export declare const atoms: ((props: {
    readonly position?: "sticky" | "relative" | "absolute" | undefined;
    readonly opacity?: 0 | 1 | 0.1 | 0.5 | undefined;
    readonly zIndex?: "base" | "modal" | "auto" | "hide" | "simple" | "docked" | "dropdown" | "sticky" | "banner" | "overlay" | "skipLink" | undefined;
    readonly fontWeight?: "bold" | "medium" | "tokenSelect" | "normal" | "semibold" | "extrabold" | "modalHeading" | "primaryButton" | "secondaryButton" | undefined;
    readonly border?: "none" | undefined;
    readonly borderRadius?: "base" | "none" | "3xl" | "2xl" | "sm" | "md" | "lg" | "xl" | "primaryButton" | "secondaryButton" | "full" | "half" | "widgetBorderRadius" | undefined;
    readonly textAlign?: "left" | "center" | "right" | "end" | undefined;
    readonly flex?: 5 | 3 | 2 | 1 | 4 | undefined;
    readonly flexGrow?: 0 | 3 | 2 | 1 | undefined;
    readonly flexShrink?: 0 | 3 | 2 | 1 | undefined;
    readonly lineHeight?: "base" | "none" | "3xl" | "4xl" | "2xl" | "xs" | "sm" | "md" | "lg" | "xl" | "5xl" | "6xl" | "shorter" | "short" | "tall" | "taller" | undefined;
    readonly letterSpacing?: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | undefined;
    readonly borderWidth?: 3 | 2 | 1 | 0.5 | undefined;
    readonly borderStyle?: "solid" | undefined;
    readonly overflowWrap?: "normal" | "break-word" | "anywhere" | undefined;
} & {
    readonly display?: "none" | "block" | "inline" | "inline-block" | "flex" | "inline-flex" | {
        mobile?: "none" | "block" | "inline" | "inline-block" | "flex" | "inline-flex" | undefined;
        tablet?: "none" | "block" | "inline" | "inline-block" | "flex" | "inline-flex" | undefined;
    } | undefined;
    readonly fontSize?: "3xl" | "4xl" | "2xl" | "xs" | "sm" | "md" | "lg" | "lgx" | "xl" | "5xl" | "6xl" | {
        mobile?: "3xl" | "4xl" | "2xl" | "xs" | "sm" | "md" | "lg" | "lgx" | "xl" | "5xl" | "6xl" | undefined;
        tablet?: "3xl" | "4xl" | "2xl" | "xs" | "sm" | "md" | "lg" | "lgx" | "xl" | "5xl" | "6xl" | undefined;
    } | undefined;
    readonly marginTop?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly marginBottom?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly marginRight?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly marginLeft?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly paddingTop?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly paddingBottom?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly paddingRight?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly paddingLeft?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | {
        mobile?: "center" | "flex-start" | "flex-end" | "stretch" | undefined;
        tablet?: "center" | "flex-start" | "flex-end" | "stretch" | undefined;
    } | undefined;
    readonly alignSelf?: "auto" | "center" | "flex-start" | "flex-end" | "stretch" | {
        mobile?: "auto" | "center" | "flex-start" | "flex-end" | "stretch" | undefined;
        tablet?: "auto" | "center" | "flex-start" | "flex-end" | "stretch" | undefined;
    } | undefined;
    readonly justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | {
        mobile?: "center" | "flex-start" | "flex-end" | "space-between" | undefined;
        tablet?: "center" | "flex-start" | "flex-end" | "space-between" | undefined;
    } | undefined;
    readonly flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | {
        mobile?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
        tablet?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
    } | undefined;
    readonly flexWrap?: "wrap" | "nowrap" | {
        mobile?: "wrap" | "nowrap" | undefined;
        tablet?: "wrap" | "nowrap" | undefined;
    } | undefined;
    readonly height?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly width?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly minWidth?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly minHeight?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly maxWidth?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly maxHeight?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    readonly gap?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    px?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    py?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    mx?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    my?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
    hw?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
        mobile?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
        tablet?: "0" | "1" | "2" | "unset" | "auto" | "10" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
    } | undefined;
} & {
    color?: "text" | "connectKit" | "white" | "black" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "smallButtonColor" | "smallButtonBackground" | "smallButtonOutline" | "smallButtonHoverColor" | "smallButtonHoverBackground" | "smallButtonHoverOutline" | "smallButtonActiveColor" | "smallButtonActiveBackground" | "smallButtonActiveOutline" | "smallLightButtonColor" | "smallLightButtonBackground" | "smallLightButtonOutline" | "smallLightButtonHoverColor" | "smallLightButtonHoverBackground" | "smallLightButtonHoverOutline" | "smallLightButtonActiveColor" | "smallLightButtonActiveBackground" | "smallLightButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | {
        light?: "text" | "connectKit" | "white" | "black" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "smallButtonColor" | "smallButtonBackground" | "smallButtonOutline" | "smallButtonHoverColor" | "smallButtonHoverBackground" | "smallButtonHoverOutline" | "smallButtonActiveColor" | "smallButtonActiveBackground" | "smallButtonActiveOutline" | "smallLightButtonColor" | "smallLightButtonBackground" | "smallLightButtonOutline" | "smallLightButtonHoverColor" | "smallLightButtonHoverBackground" | "smallLightButtonHoverOutline" | "smallLightButtonActiveColor" | "smallLightButtonActiveBackground" | "smallLightButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
        dark?: "text" | "connectKit" | "white" | "black" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "smallButtonColor" | "smallButtonBackground" | "smallButtonOutline" | "smallButtonHoverColor" | "smallButtonHoverBackground" | "smallButtonHoverOutline" | "smallButtonActiveColor" | "smallButtonActiveBackground" | "smallButtonActiveOutline" | "smallLightButtonColor" | "smallLightButtonBackground" | "smallLightButtonOutline" | "smallLightButtonHoverColor" | "smallLightButtonHoverBackground" | "smallLightButtonHoverOutline" | "smallLightButtonActiveColor" | "smallLightButtonActiveBackground" | "smallLightButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
    } | undefined;
    background?: "text" | "connectKit" | "white" | "black" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "smallButtonColor" | "smallButtonBackground" | "smallButtonOutline" | "smallButtonHoverColor" | "smallButtonHoverBackground" | "smallButtonHoverOutline" | "smallButtonActiveColor" | "smallButtonActiveBackground" | "smallButtonActiveOutline" | "smallLightButtonColor" | "smallLightButtonBackground" | "smallLightButtonOutline" | "smallLightButtonHoverColor" | "smallLightButtonHoverBackground" | "smallLightButtonHoverOutline" | "smallLightButtonActiveColor" | "smallLightButtonActiveBackground" | "smallLightButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | {
        light?: "text" | "connectKit" | "white" | "black" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "smallButtonColor" | "smallButtonBackground" | "smallButtonOutline" | "smallButtonHoverColor" | "smallButtonHoverBackground" | "smallButtonHoverOutline" | "smallButtonActiveColor" | "smallButtonActiveBackground" | "smallButtonActiveOutline" | "smallLightButtonColor" | "smallLightButtonBackground" | "smallLightButtonOutline" | "smallLightButtonHoverColor" | "smallLightButtonHoverBackground" | "smallLightButtonHoverOutline" | "smallLightButtonActiveColor" | "smallLightButtonActiveBackground" | "smallLightButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
        dark?: "text" | "connectKit" | "white" | "black" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "smallButtonColor" | "smallButtonBackground" | "smallButtonOutline" | "smallButtonHoverColor" | "smallButtonHoverBackground" | "smallButtonHoverOutline" | "smallButtonActiveColor" | "smallButtonActiveBackground" | "smallButtonActiveOutline" | "smallLightButtonColor" | "smallLightButtonBackground" | "smallLightButtonOutline" | "smallLightButtonHoverColor" | "smallLightButtonHoverBackground" | "smallLightButtonHoverOutline" | "smallLightButtonActiveColor" | "smallLightButtonActiveBackground" | "smallLightButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
    } | undefined;
    borderColor?: "text" | "connectKit" | "white" | "black" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "smallButtonColor" | "smallButtonBackground" | "smallButtonOutline" | "smallButtonHoverColor" | "smallButtonHoverBackground" | "smallButtonHoverOutline" | "smallButtonActiveColor" | "smallButtonActiveBackground" | "smallButtonActiveOutline" | "smallLightButtonColor" | "smallLightButtonBackground" | "smallLightButtonOutline" | "smallLightButtonHoverColor" | "smallLightButtonHoverBackground" | "smallLightButtonHoverOutline" | "smallLightButtonActiveColor" | "smallLightButtonActiveBackground" | "smallLightButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | {
        light?: "text" | "connectKit" | "white" | "black" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "smallButtonColor" | "smallButtonBackground" | "smallButtonOutline" | "smallButtonHoverColor" | "smallButtonHoverBackground" | "smallButtonHoverOutline" | "smallButtonActiveColor" | "smallButtonActiveBackground" | "smallButtonActiveOutline" | "smallLightButtonColor" | "smallLightButtonBackground" | "smallLightButtonOutline" | "smallLightButtonHoverColor" | "smallLightButtonHoverBackground" | "smallLightButtonHoverOutline" | "smallLightButtonActiveColor" | "smallLightButtonActiveBackground" | "smallLightButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
        dark?: "text" | "connectKit" | "white" | "black" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "smallButtonColor" | "smallButtonBackground" | "smallButtonOutline" | "smallButtonHoverColor" | "smallButtonHoverBackground" | "smallButtonHoverOutline" | "smallButtonActiveColor" | "smallButtonActiveBackground" | "smallButtonActiveOutline" | "smallLightButtonColor" | "smallLightButtonBackground" | "smallLightButtonOutline" | "smallLightButtonHoverColor" | "smallLightButtonHoverBackground" | "smallLightButtonHoverOutline" | "smallLightButtonActiveColor" | "smallLightButtonActiveBackground" | "smallLightButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
    } | undefined;
}) => string) & {
    properties: Set<"position" | "color" | "fontSize" | "letterSpacing" | "lineHeight" | "fontWeight" | "borderRadius" | "background" | "px" | "flex" | "alignItems" | "alignSelf" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "width" | "zIndex" | "border" | "borderColor" | "borderStyle" | "borderWidth" | "gap" | "py" | "mx" | "my" | "hw">;
};
export type Atoms = Parameters<typeof atoms>[0];
