import { ColorScheme, Modifiers, Spacings, TextSizes } from "../dynamic";
import { BuildContext } from "./createStyler";
export declare const interactivityModule: <C extends ColorScheme, M extends Modifiers, T extends TextSizes, S extends Spacings>({ colors, withModifiers, withColors, }: BuildContext<C, M, T, S>) => {
    appearance: (param: import("../dynamic").VariantParam<{
        inherit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        initial: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        revert: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        unset: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        button: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        checkbox: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        listbox: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        menulist: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        meter: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "progress-bar": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "push-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        radio: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        searchfield: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "slider-horizontal": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "square-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        textarea: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "menulist-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        textfield: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "button-bevel": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        caret: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "scrollbarbutton-up": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "media-mute-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "revert-layer": (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", {
        inherit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        initial: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        revert: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        unset: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        button: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        checkbox: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        listbox: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        menulist: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        meter: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "progress-bar": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "push-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        radio: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        searchfield: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "slider-horizontal": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "square-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        textarea: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "menulist-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        textfield: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "button-bevel": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        caret: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "scrollbarbutton-up": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "media-mute-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "revert-layer": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        inherit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        initial: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        revert: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        unset: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        button: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        checkbox: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        listbox: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        menulist: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        meter: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "progress-bar": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "push-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        radio: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        searchfield: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "slider-horizontal": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "square-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        textarea: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "menulist-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        textfield: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "button-bevel": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        caret: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "scrollbarbutton-up": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "media-mute-button": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "revert-layer": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    will_change: (param: import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        scroll: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        contents: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        transform: (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", {
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        scroll: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        contents: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        transform: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        scroll: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        contents: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        transform: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    select: (param: import("../dynamic").VariantParam<{
        all: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        text: (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", {
        all: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        text: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        all: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        text: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    resize: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        x: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        y: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: () => {
            resize: "both";
        };
    }> | 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        x: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        y: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: () => {
            resize: "both";
        };
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        x: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        y: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: () => {
            resize: "both";
        };
    }>[]) => any;
    touch: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        manipulation: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-down": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-left": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-right": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-up": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-x": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-y": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pinch-zoom": (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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        manipulation: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-down": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-left": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-right": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-up": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-x": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-y": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pinch-zoom": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        manipulation: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-down": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-left": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-right": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-up": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-x": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pan-y": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pinch-zoom": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    snap: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        x: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        y: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        both: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        always: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "align-none": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        mandatory: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        proximity: (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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        x: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        y: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        both: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        always: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "align-none": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        mandatory: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        proximity: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        x: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        y: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        both: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        always: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "align-none": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        mandatory: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        proximity: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    scrollm: (param: import("../dynamic").VariantParam<{
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | 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", {
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    scrollp: (param: import("../dynamic").VariantParam<{
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | 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", {
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    scroll: (param: import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        smooth: (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", {
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        smooth: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        smooth: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    pointer_events: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    caret: (param: import("../dynamic").VariantParam<{
        inherit: () => {
            caretColor: "inherit";
        };
        current: () => {
            caretColor: "currentColor";
        };
        $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: () => {
            caretColor: "inherit";
        };
        current: () => {
            caretColor: "currentColor";
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParam<{
        inherit: () => {
            caretColor: "inherit";
        };
        current: () => {
            caretColor: "currentColor";
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }>[]) => any;
    accent: (param: import("../dynamic").VariantParam<{
        inherit: () => {
            accentColor: "inherit";
        };
        current: () => {
            accentColor: "currentColor";
        };
        $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: () => {
            accentColor: "inherit";
        };
        current: () => {
            accentColor: "currentColor";
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParam<{
        inherit: () => {
            accentColor: "inherit";
        };
        current: () => {
            accentColor: "currentColor";
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }>[]) => any;
};