import { ColorScheme, Modifiers, Spacings, TextSizes } from "../dynamic";
import { BuildContext } from "./createStyler";
export declare const backgroundModule: <C extends ColorScheme, M extends Modifiers, T extends TextSizes, S extends Spacings>({ colors, withModifiers, withColors, }: BuildContext<C, M, T, S>) => {
    via: (param: import("../dynamic").VariantParam<{
        inherit: () => {
            "--sm-gradient-stops": string;
        };
        current: () => {
            "--sm-gradient-stops": string;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParamWithModifier<"marker" | "default" | "hover" | "focus" | "focusWithin" | "focusVisible" | "active" | "visited" | "target" | "first" | "last" | "only" | "odd" | "even" | "firstOfType" | "lastOfType" | "onlyOfType" | "empty" | "disabled" | "checked" | "indeterminate" | "required" | "valid" | "invalid" | "inRange" | "outOfRange" | "placeholderShown" | "autoFill" | "readOnly" | "open" | "before" | "after" | "firstLetter" | "firstLine" | "selection" | "file" | "placeholder" | "sm" | "md" | "lg" | "xl" | "2xl" | "dark" | "portrait" | "landscape" | "motionSafe" | "motionReduce" | "print" | "rtl" | "ltr", {
        inherit: () => {
            "--sm-gradient-stops": string;
        };
        current: () => {
            "--sm-gradient-stops": string;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParam<{
        inherit: () => {
            "--sm-gradient-stops": string;
        };
        current: () => {
            "--sm-gradient-stops": string;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }>[]) => any;
    to: (param: import("../dynamic").VariantParam<{
        inherit: () => {
            "--sm-gradient-to": string;
        };
        current: () => {
            "--sm-gradient-to": string;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParamWithModifier<"marker" | "default" | "hover" | "focus" | "focusWithin" | "focusVisible" | "active" | "visited" | "target" | "first" | "last" | "only" | "odd" | "even" | "firstOfType" | "lastOfType" | "onlyOfType" | "empty" | "disabled" | "checked" | "indeterminate" | "required" | "valid" | "invalid" | "inRange" | "outOfRange" | "placeholderShown" | "autoFill" | "readOnly" | "open" | "before" | "after" | "firstLetter" | "firstLine" | "selection" | "file" | "placeholder" | "sm" | "md" | "lg" | "xl" | "2xl" | "dark" | "portrait" | "landscape" | "motionSafe" | "motionReduce" | "print" | "rtl" | "ltr", {
        inherit: () => {
            "--sm-gradient-to": string;
        };
        current: () => {
            "--sm-gradient-to": string;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParam<{
        inherit: () => {
            "--sm-gradient-to": string;
        };
        current: () => {
            "--sm-gradient-to": string;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }>[]) => any;
    from: (param: import("../dynamic").VariantParam<{
        inherit: () => {
            "--sm-gradient-from": string;
            "--sm-gradient-stops": string;
        };
        current: () => {
            "--sm-gradient-from": string;
            "--sm-gradient-stops": string;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParamWithModifier<"marker" | "default" | "hover" | "focus" | "focusWithin" | "focusVisible" | "active" | "visited" | "target" | "first" | "last" | "only" | "odd" | "even" | "firstOfType" | "lastOfType" | "onlyOfType" | "empty" | "disabled" | "checked" | "indeterminate" | "required" | "valid" | "invalid" | "inRange" | "outOfRange" | "placeholderShown" | "autoFill" | "readOnly" | "open" | "before" | "after" | "firstLetter" | "firstLine" | "selection" | "file" | "placeholder" | "sm" | "md" | "lg" | "xl" | "2xl" | "dark" | "portrait" | "landscape" | "motionSafe" | "motionReduce" | "print" | "rtl" | "ltr", {
        inherit: () => {
            "--sm-gradient-from": string;
            "--sm-gradient-stops": string;
        };
        current: () => {
            "--sm-gradient-from": string;
            "--sm-gradient-stops": string;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParam<{
        inherit: () => {
            "--sm-gradient-from": string;
            "--sm-gradient-stops": string;
        };
        current: () => {
            "--sm-gradient-from": string;
            "--sm-gradient-stops": string;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }>[]) => any;
    bg: (param: import("../dynamic").VariantParam<{
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-t": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-tl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-l": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-bl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-b": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-br": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-r": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-tr": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        contain: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        cover: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        repeat: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "no-repeat": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-x": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-y": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-round": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-space": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        bottom: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "left-bottom": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "left-top": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "right-bottom": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "right-top": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        top: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inherit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        current: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "origin-border": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "origin-padding": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "origin-content": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-border": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-padding": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-content": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-text": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fixed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        local: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        scroll: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParamWithModifier<"marker" | "default" | "hover" | "focus" | "focusWithin" | "focusVisible" | "active" | "visited" | "target" | "first" | "last" | "only" | "odd" | "even" | "firstOfType" | "lastOfType" | "onlyOfType" | "empty" | "disabled" | "checked" | "indeterminate" | "required" | "valid" | "invalid" | "inRange" | "outOfRange" | "placeholderShown" | "autoFill" | "readOnly" | "open" | "before" | "after" | "firstLetter" | "firstLine" | "selection" | "file" | "placeholder" | "sm" | "md" | "lg" | "xl" | "2xl" | "dark" | "portrait" | "landscape" | "motionSafe" | "motionReduce" | "print" | "rtl" | "ltr", {
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-t": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-tl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-l": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-bl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-b": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-br": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-r": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-tr": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        contain: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        cover: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        repeat: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "no-repeat": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-x": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-y": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-round": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-space": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        bottom: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "left-bottom": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "left-top": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "right-bottom": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "right-top": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        top: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inherit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        current: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "origin-border": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "origin-padding": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "origin-content": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-border": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-padding": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-content": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-text": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fixed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        local: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        scroll: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-t": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-tl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-l": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-bl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-b": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-br": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-r": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "gradient-to-tr": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        contain: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        cover: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        repeat: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "no-repeat": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-x": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-y": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-round": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "repeat-space": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        bottom: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "left-bottom": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "left-top": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "right-bottom": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "right-top": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        top: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inherit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        current: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "origin-border": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "origin-padding": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "origin-content": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-border": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-padding": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-content": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "clip-text": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fixed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        local: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        scroll: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
};