import { BuildContext } from "./createStyler";
import { ColorScheme, Modifiers, Spacings, TextSizes } from "../dynamic";
export declare const buildDefaultStyler: <C extends ColorScheme, M extends Modifiers, T extends TextSizes, S extends Spacings>(context: BuildContext<C, M, T, S>) => {
    pcontent: (param: any) => any;
    blend: (param: import("../dynamic").VariantParam<{
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        difference: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "hard-light": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        multiply: (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", {
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        difference: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "hard-light": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        multiply: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        difference: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "hard-light": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        multiply: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    shadow: (param: import("../dynamic").VariantParam<{
        $default: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        sm: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        md: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        lg: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        xl: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        "2xl": () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        inner: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        none: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        inherit: () => {
            "--sm-shadow-color": string;
        };
        current: () => {
            "--sm-shadow-color": 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", {
        $default: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        sm: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        md: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        lg: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        xl: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        "2xl": () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        inner: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        none: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        inherit: () => {
            "--sm-shadow-color": string;
        };
        current: () => {
            "--sm-shadow-color": string;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        sm: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        md: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        lg: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        xl: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        "2xl": () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        inner: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        none: () => {
            "--sm-shadow": string;
            "--sm-shadow-colored": string;
            boxShadow: "var(--sm-ring-offset-shadow,0 0 #0000),var(--sm-ring-shadow,0 0 #0000),var(--sm-shadow)";
        };
        inherit: () => {
            "--sm-shadow-color": string;
        };
        current: () => {
            "--sm-shadow-color": string;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }>[]) => any;
    outline: (param: import("../dynamic").VariantParam<{
        none: () => {
            outline: string;
            outlineOffset: string;
        };
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (value: number) => {
            outlineWidth: number;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $default: () => {
            outlineStyle: "solid";
        };
    }> | 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: () => {
            outline: string;
            outlineOffset: string;
        };
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (value: number) => {
            outlineWidth: number;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $default: () => {
            outlineStyle: "solid";
        };
    }> | import("../dynamic").VariantParam<{
        none: () => {
            outline: string;
            outlineOffset: string;
        };
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (value: number) => {
            outlineWidth: number;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $default: () => {
            outlineStyle: "solid";
        };
    }>[]) => any;
    rl: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    r: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    r_tl: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    r_bl: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    r_tr: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    r_br: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    rt: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    rb: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    rr: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    transition: (param: import("../dynamic").VariantParam<{
        all: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        opacity: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        shadow: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        transform: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        colors: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        linear: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        in: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        out: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "in-out": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: () => {
            transitionProperty: "none";
        };
        $number: (x: number) => {
            transitionDuration: string;
        };
    }> | 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;
        opacity: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        shadow: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        transform: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        colors: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        linear: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        in: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        out: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "in-out": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: () => {
            transitionProperty: "none";
        };
        $number: (x: number) => {
            transitionDuration: string;
        };
    }> | import("../dynamic").VariantParam<{
        all: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        opacity: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        shadow: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        transform: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        colors: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        linear: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        in: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        out: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "in-out": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: () => {
            transitionProperty: "none";
        };
        $number: (x: number) => {
            transitionDuration: string;
        };
    }>[]) => any;
    delay: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            transitionDelay: string;
        };
    }> | 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) => {
            transitionDelay: string;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            transitionDelay: string;
        };
    }>[]) => any;
    px: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    p: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    pl: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    pt: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    pr: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    pb: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    py: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    m: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        auto: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    ml: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        auto: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    mr: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        auto: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    mb: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        auto: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    mt: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        auto: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    mx: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        auto: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    my: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        auto: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (value: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $fraction: ([a, b]: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    s: import("../dynamic").DynamicRuleMapping<"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", {
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    sx: import("../dynamic").DynamicRuleMapping<"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", {
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    sy: import("../dynamic").DynamicRuleMapping<"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", {
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    d: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }>[]) => any;
    dx: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }>[]) => any;
    dy: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
        reverse: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }>[]) => any;
    backdrop_sepia: (param: import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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", {
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    backdrop_opacity: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    backdrop_saturate: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    backdrop_hue_rotate: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    backdrop_invert: (param: import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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", {
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    backdrop_grayscale: (param: import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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", {
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    backdrop_contrast: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    backdrop_brightness: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    backdrop_blur: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (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", {
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    drop_shadow: (param: import("../dynamic").VariantParam<{
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (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", {
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    sepia: (param: import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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", {
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    saturate: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    hue_rotate: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    invert: (param: import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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", {
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    grayscale: (param: import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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", {
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    contrast: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    brightness: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | 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) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
    }>[]) => any;
    blur: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (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", {
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            [x: string]: string | number;
            backdropFilter: string;
            filter?: undefined;
        } | {
            [x: string]: string | number;
            filter: string;
            backdropFilter?: undefined;
        };
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    stroke: (param: import("../dynamic").VariantParam<{
        inherit: () => {
            stroke: "inherit";
        };
        current: () => {
            stroke: "currentColor";
        };
        $number: (x: number) => {
            strokeWidth: number;
        };
        $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: () => {
            stroke: "inherit";
        };
        current: () => {
            stroke: "currentColor";
        };
        $number: (x: number) => {
            strokeWidth: number;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParam<{
        inherit: () => {
            stroke: "inherit";
        };
        current: () => {
            stroke: "currentColor";
        };
        $number: (x: number) => {
            strokeWidth: number;
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }>[]) => any;
    fill: (param: import("../dynamic").VariantParam<{
        inherit: () => {
            fill: "inherit";
        };
        current: () => {
            fill: "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: () => {
            fill: "inherit";
        };
        current: () => {
            fill: "currentColor";
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }> | import("../dynamic").VariantParam<{
        inherit: () => {
            fill: "inherit";
        };
        current: () => {
            fill: "currentColor";
        };
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
    }>[]) => any;
    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;
    animate: (param: import("../dynamic").VariantParam<{
        none: () => {
            animation: string;
        };
        spin: () => {
            animation: string;
        };
        ping: () => {
            animation: string;
        };
        pulse: () => {
            animation: string;
        };
        bounce: () => {
            animation: string;
        };
    }> | 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: () => {
            animation: string;
        };
        spin: () => {
            animation: string;
        };
        ping: () => {
            animation: string;
        };
        pulse: () => {
            animation: string;
        };
        bounce: () => {
            animation: string;
        };
    }> | import("../dynamic").VariantParam<{
        none: () => {
            animation: string;
        };
        spin: () => {
            animation: string;
        };
        ping: () => {
            animation: string;
        };
        pulse: () => {
            animation: string;
        };
        bounce: () => {
            animation: string;
        };
    }>[]) => any;
    opacity: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            opacity: number;
        };
    }> | 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) => {
            opacity: number;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            opacity: number;
        };
    }>[]) => any;
    outline_offset: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            outlineOffset: string;
        };
    }> | 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) => {
            outlineOffset: string;
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            outlineOffset: string;
        };
    }>[]) => any;
    container: () => {
        [x: string]: string | {
            maxWidth: string;
        };
        width: string;
    };
    columns: (param: import("../dynamic").VariantParam<{
        "3xs": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xs": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xs: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "4xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "5xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "6xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "7xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: () => {
            columns: string;
        };
        $number: (x: number) => {
            columns: number;
        };
    }> | 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", {
        "3xs": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xs": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xs: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "4xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "5xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "6xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "7xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: () => {
            columns: string;
        };
        $number: (x: number) => {
            columns: number;
        };
    }> | import("../dynamic").VariantParam<{
        "3xs": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xs": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xs: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "4xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "5xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "6xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "7xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: () => {
            columns: string;
        };
        $number: (x: number) => {
            columns: number;
        };
    }>[]) => any;
    break_after: (param: import("../dynamic").VariantParam<{
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        all: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        avoid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-page": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        column: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        page: (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", {
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        all: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        avoid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-page": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        column: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        page: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        all: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        avoid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-page": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        column: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        page: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    break_before: (param: import("../dynamic").VariantParam<{
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        all: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        avoid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-page": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        column: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        page: (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", {
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        all: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        avoid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-page": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        column: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        page: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        all: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        avoid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-page": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        column: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        page: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    break_inside: (param: import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        avoid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-column": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-page": (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;
        avoid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-column": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-page": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        avoid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-column": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "avoid-page": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    box_decoration: (param: import("../dynamic").VariantParam<{
        slice: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        clone: (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", {
        slice: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        clone: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        slice: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        clone: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    box: (param: import("../dynamic").VariantParam<{
        border: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        content: (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", {
        border: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        content: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        border: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        content: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    inline_block: (param: import("../dynamic").VariantParam<{
        $default: () => {
            display: "inline-block";
        };
    }> | 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", {
        $default: () => {
            display: "inline-block";
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            display: "inline-block";
        };
    }>[]) => any;
    flow_root: (param: import("../dynamic").VariantParam<{
        $default: () => {
            display: "flow-root";
        };
    }> | 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", {
        $default: () => {
            display: "flow-root";
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            display: "flow-root";
        };
    }>[]) => any;
    list_item: (param: import("../dynamic").VariantParam<{
        $default: () => {
            display: "list-item";
        };
    }> | 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", {
        $default: () => {
            display: "list-item";
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            display: "list-item";
        };
    }>[]) => any;
    hidden: (param: import("../dynamic").VariantParam<{
        $default: () => {
            display: "none";
        };
    }> | 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", {
        $default: () => {
            display: "none";
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            display: "none";
        };
    }>[]) => any;
    contents: (param: import("../dynamic").VariantParam<{
        $default: () => {
            display: "contents";
        };
    }> | 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", {
        $default: () => {
            display: "contents";
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            display: "contents";
        };
    }>[]) => any;
    inline: (param: import("../dynamic").VariantParam<{
        $default: () => {
            display: "inline";
        };
    }> | 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", {
        $default: () => {
            display: "inline";
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            display: "inline";
        };
    }>[]) => any;
    block: (param: import("../dynamic").VariantParam<{
        $default: () => {
            display: "block";
        };
    }> | 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", {
        $default: () => {
            display: "block";
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            display: "block";
        };
    }>[]) => any;
    float: (param: import("../dynamic").VariantParam<{
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (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", {
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    clear: (param: import("../dynamic").VariantParam<{
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        both: (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", {
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        both: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        both: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    isolate: (param: import("../dynamic").VariantParam<{
        $default: () => {
            isolation: "isolate";
        };
        auto: () => {
            isolation: "auto";
        };
    }> | 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", {
        $default: () => {
            isolation: "isolate";
        };
        auto: () => {
            isolation: "auto";
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            isolation: "isolate";
        };
        auto: () => {
            isolation: "auto";
        };
    }>[]) => any;
    object: (param: import("../dynamic").VariantParam<{
        $param: (values: string[]) => {
            objectFit: any;
            objectPosition: string;
        } | {
            objectFit: any;
            objectPosition?: undefined;
        } | {
            objectPosition: string;
            objectFit?: undefined;
        };
    }> | 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", {
        $param: (values: string[]) => {
            objectFit: any;
            objectPosition: string;
        } | {
            objectFit: any;
            objectPosition?: undefined;
        } | {
            objectPosition: string;
            objectFit?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $param: (values: string[]) => {
            objectFit: any;
            objectPosition: string;
        } | {
            objectFit: any;
            objectPosition?: undefined;
        } | {
            objectPosition: string;
            objectFit?: undefined;
        };
    }>[]) => any;
    overflow: (param: import("../dynamic").VariantParam<{
        clip: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        visible: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        scroll: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
    }> | 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", {
        clip: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        visible: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        scroll: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
    }> | import("../dynamic").VariantParam<{
        clip: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        visible: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        scroll: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $xy: () => true;
    }>[]) => any;
    overscroll: (param: import("../dynamic").VariantParam<{
        contain: (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;
        $xy: () => true;
    }> | 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", {
        contain: (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;
        $xy: () => true;
    }> | import("../dynamic").VariantParam<{
        contain: (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;
        $xy: () => true;
    }>[]) => any;
    zindex: (param: import("../dynamic").VariantParam<{
        auto: () => {
            zIndex: "auto";
        };
        $number: (x: number) => {
            zIndex: number;
        };
    }> | 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: () => {
            zIndex: "auto";
        };
        $number: (x: number) => {
            zIndex: number;
        };
    }> | import("../dynamic").VariantParam<{
        auto: () => {
            zIndex: "auto";
        };
        $number: (x: number) => {
            zIndex: number;
        };
    }>[]) => any;
    sticky: (param: import("../dynamic").VariantParam<{
        bottom: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        top: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: () => {
            position: "sticky";
        };
    }> | 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", {
        bottom: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        top: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: () => {
            position: "sticky";
        };
    }> | import("../dynamic").VariantParam<{
        bottom: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        top: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: () => {
            position: "sticky";
        };
    }>[]) => any;
    relative: () => {
        position: "relative";
    };
    absolute: () => {
        position: "absolute";
    };
    fixed: () => {
        position: "fixed";
    };
    static: () => {
        position: "static";
    };
    invisible: (param: import("../dynamic").VariantParam<{
        $default: () => {
            visibility: "hidden";
        };
    }> | 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", {
        $default: () => {
            visibility: "hidden";
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            visibility: "hidden";
        };
    }>[]) => any;
    visible: (param: import("../dynamic").VariantParam<{
        $default: () => {
            visibility: "visible";
        };
    }> | 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", {
        $default: () => {
            visibility: "visible";
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            visibility: "visible";
        };
    }>[]) => any;
    inset: (param: import("../dynamic").VariantParam<{
        $sides: () => true;
        $fraction: ([a, b]: any, { sides }: import("../dynamic").VariantContext) => {
            left: string;
            right: string;
            top?: undefined;
            bottom?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            top: string;
            bottom: string;
            left?: undefined;
            right?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            left: number;
            top: number;
            bottom: number;
            width: string;
            right?: undefined;
            height?: undefined;
        } | {
            right: number;
            top: number;
            bottom: number;
            width: string;
            left?: undefined;
            height?: undefined;
        } | {
            right: number;
            bottom: number;
            left: number;
            height: string;
            top?: undefined;
            width?: undefined;
        } | {
            right: number;
            top: number;
            left: number;
            height: string;
            bottom?: undefined;
            width?: undefined;
        } | {
            left: string;
            top: string;
            right: string;
            bottom: string;
            width?: undefined;
            height?: undefined;
        };
        $number: (x: number, { sides }: import("../dynamic").VariantContext) => {
            left: string;
            right: string;
            top?: undefined;
            bottom?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            top: string;
            bottom: string;
            left?: undefined;
            right?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            left: number;
            top: number;
            bottom: number;
            width: string;
            right?: undefined;
            height?: undefined;
        } | {
            right: number;
            top: number;
            bottom: number;
            width: string;
            left?: undefined;
            height?: undefined;
        } | {
            right: number;
            bottom: number;
            left: number;
            height: string;
            top?: undefined;
            width?: undefined;
        } | {
            right: number;
            top: number;
            left: number;
            height: string;
            bottom?: undefined;
            width?: undefined;
        } | {
            left: string;
            top: string;
            right: string;
            bottom: string;
            width?: undefined;
            height?: undefined;
        };
    }> | 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", {
        $sides: () => true;
        $fraction: ([a, b]: any, { sides }: import("../dynamic").VariantContext) => {
            left: string;
            right: string;
            top?: undefined;
            bottom?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            top: string;
            bottom: string;
            left?: undefined;
            right?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            left: number;
            top: number;
            bottom: number;
            width: string;
            right?: undefined;
            height?: undefined;
        } | {
            right: number;
            top: number;
            bottom: number;
            width: string;
            left?: undefined;
            height?: undefined;
        } | {
            right: number;
            bottom: number;
            left: number;
            height: string;
            top?: undefined;
            width?: undefined;
        } | {
            right: number;
            top: number;
            left: number;
            height: string;
            bottom?: undefined;
            width?: undefined;
        } | {
            left: string;
            top: string;
            right: string;
            bottom: string;
            width?: undefined;
            height?: undefined;
        };
        $number: (x: number, { sides }: import("../dynamic").VariantContext) => {
            left: string;
            right: string;
            top?: undefined;
            bottom?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            top: string;
            bottom: string;
            left?: undefined;
            right?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            left: number;
            top: number;
            bottom: number;
            width: string;
            right?: undefined;
            height?: undefined;
        } | {
            right: number;
            top: number;
            bottom: number;
            width: string;
            left?: undefined;
            height?: undefined;
        } | {
            right: number;
            bottom: number;
            left: number;
            height: string;
            top?: undefined;
            width?: undefined;
        } | {
            right: number;
            top: number;
            left: number;
            height: string;
            bottom?: undefined;
            width?: undefined;
        } | {
            left: string;
            top: string;
            right: string;
            bottom: string;
            width?: undefined;
            height?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $sides: () => true;
        $fraction: ([a, b]: any, { sides }: import("../dynamic").VariantContext) => {
            left: string;
            right: string;
            top?: undefined;
            bottom?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            top: string;
            bottom: string;
            left?: undefined;
            right?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            left: number;
            top: number;
            bottom: number;
            width: string;
            right?: undefined;
            height?: undefined;
        } | {
            right: number;
            top: number;
            bottom: number;
            width: string;
            left?: undefined;
            height?: undefined;
        } | {
            right: number;
            bottom: number;
            left: number;
            height: string;
            top?: undefined;
            width?: undefined;
        } | {
            right: number;
            top: number;
            left: number;
            height: string;
            bottom?: undefined;
            width?: undefined;
        } | {
            left: string;
            top: string;
            right: string;
            bottom: string;
            width?: undefined;
            height?: undefined;
        };
        $number: (x: number, { sides }: import("../dynamic").VariantContext) => {
            left: string;
            right: string;
            top?: undefined;
            bottom?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            top: string;
            bottom: string;
            left?: undefined;
            right?: undefined;
            width?: undefined;
            height?: undefined;
        } | {
            left: number;
            top: number;
            bottom: number;
            width: string;
            right?: undefined;
            height?: undefined;
        } | {
            right: number;
            top: number;
            bottom: number;
            width: string;
            left?: undefined;
            height?: undefined;
        } | {
            right: number;
            bottom: number;
            left: number;
            height: string;
            top?: undefined;
            width?: undefined;
        } | {
            right: number;
            top: number;
            left: number;
            height: string;
            bottom?: undefined;
            width?: undefined;
        } | {
            left: string;
            top: string;
            right: string;
            bottom: string;
            width?: undefined;
            height?: undefined;
        };
    }>[]) => any;
    bottom: (param: import("../dynamic").VariantParam<{
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }> | 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", {
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }> | import("../dynamic").VariantParam<{
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }>[]) => any;
    left: (param: import("../dynamic").VariantParam<{
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }> | 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", {
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }> | import("../dynamic").VariantParam<{
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }>[]) => any;
    right: (param: import("../dynamic").VariantParam<{
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }> | 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", {
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }> | import("../dynamic").VariantParam<{
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }>[]) => any;
    top: (param: import("../dynamic").VariantParam<{
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }> | 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", {
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }> | import("../dynamic").VariantParam<{
        $fraction: ([a, b]: any, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
        $number: (x: number, { key }: import("../dynamic").VariantContext) => {
            [x: string]: string;
        };
    }>[]) => any;
    aspect: (param: import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        squared: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        video: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: (x: string) => {
            aspectRatio: string;
        };
    }> | 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;
        squared: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        video: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: (x: string) => {
            aspectRatio: string;
        };
    }> | import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        squared: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        video: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: (x: string) => {
            aspectRatio: string;
        };
    }>[]) => any;
    origin: (param: import("../dynamic").VariantParam<{
        $param: (values: ("bottom" | "left" | "right" | "top" | "center")[]) => {
            transformOrigin: string;
        };
    }> | 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", {
        $param: (values: ("bottom" | "left" | "right" | "top" | "center")[]) => {
            transformOrigin: string;
        };
    }> | import("../dynamic").VariantParam<{
        $param: (values: ("bottom" | "left" | "right" | "top" | "center")[]) => {
            transformOrigin: string;
        };
    }>[]) => any;
    rotate: (param: import("../dynamic").VariantParam<{
        $number: (x: number) => {
            "--sm-rotate": string;
            transform: "translate(var(--sm-translate-x,0),var(--sm-translate-y,0)) rotate(var(--sm-rotate,0)) skewX(var(--sm-skew-x,0)) skewY(var(--sm-skew-y,0)) scaleX(var(--sm-scale-x,1)) scaleY(var(--sm-scale-y,1))";
        };
    }> | 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) => {
            "--sm-rotate": string;
            transform: "translate(var(--sm-translate-x,0),var(--sm-translate-y,0)) rotate(var(--sm-rotate,0)) skewX(var(--sm-skew-x,0)) skewY(var(--sm-skew-y,0)) scaleX(var(--sm-scale-x,1)) scaleY(var(--sm-scale-y,1))";
        };
    }> | import("../dynamic").VariantParam<{
        $number: (x: number) => {
            "--sm-rotate": string;
            transform: "translate(var(--sm-translate-x,0),var(--sm-translate-y,0)) rotate(var(--sm-rotate,0)) skewX(var(--sm-skew-x,0)) skewY(var(--sm-skew-y,0)) scaleX(var(--sm-scale-x,1)) scaleY(var(--sm-scale-y,1))";
        };
    }>[]) => any;
    translate: (param: import("../dynamic").VariantParam<{
        px: (_: any, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
        full: (_: any, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
        $xy: () => true;
        $fraction: ([a, b]: any, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
        $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", {
        px: (_: any, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
        full: (_: any, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
        $xy: () => true;
        $fraction: ([a, b]: any, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        px: (_: any, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
        full: (_: any, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
        $xy: () => true;
        $fraction: ([a, b]: any, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    skew: (param: import("../dynamic").VariantParam<{
        $xy: () => true;
        $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", {
        $xy: () => true;
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        $xy: () => true;
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    scale: (param: import("../dynamic").VariantParam<{
        $xy: () => true;
        $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", {
        $xy: () => true;
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        $xy: () => true;
        $number: (x: number, { withSides }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    table: (param: import("../dynamic").VariantParam<{
        fixed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        collapse: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        separate: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        column: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        row: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        cell: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        caption: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "column-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "footer-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "header-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: () => {
            display: "table";
        };
    }> | 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", {
        fixed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        collapse: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        separate: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        column: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        row: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        cell: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        caption: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "column-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "footer-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "header-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: () => {
            display: "table";
        };
    }> | import("../dynamic").VariantParam<{
        fixed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        collapse: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        separate: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        column: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        row: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        cell: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        caption: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "column-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "footer-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "header-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-group": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $default: () => {
            display: "table";
        };
    }>[]) => any;
    center: (param: import("../dynamic").VariantParam<{
        x: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        y: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (x: number) => {
            marginLeft: string;
            marginTop: string;
            width: string;
            height: string;
            left: string;
            top: string;
        };
        $fraction: ([w, h]: any) => {
            marginLeft: string;
            marginTop: string;
            width: string;
            height: string;
            left: string;
            top: string;
        };
        $default: () => {
            display: "flex";
            alignItems: "center";
            justifyContent: "center";
        };
    }> | 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", {
        x: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        y: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (x: number) => {
            marginLeft: string;
            marginTop: string;
            width: string;
            height: string;
            left: string;
            top: string;
        };
        $fraction: ([w, h]: any) => {
            marginLeft: string;
            marginTop: string;
            width: string;
            height: string;
            left: string;
            top: string;
        };
        $default: () => {
            display: "flex";
            alignItems: "center";
            justifyContent: "center";
        };
    }> | import("../dynamic").VariantParam<{
        x: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        y: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (x: number) => {
            marginLeft: string;
            marginTop: string;
            width: string;
            height: string;
            left: string;
            top: string;
        };
        $fraction: ([w, h]: any) => {
            marginLeft: string;
            marginTop: string;
            width: string;
            height: string;
            left: string;
            top: string;
        };
        $default: () => {
            display: "flex";
            alignItems: "center";
            justifyContent: "center";
        };
    }>[]) => any;
    place_self: (param: import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (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;
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    place_items: (param: import("../dynamic").VariantParam<{
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (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", {
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    place_content: (param: import("../dynamic").VariantParam<{
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        between: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        around: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        evenly: (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", {
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        between: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        around: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        evenly: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        between: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        around: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        evenly: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    self: (param: import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (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;
        baseline: (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;
        stretch: (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;
        baseline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (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;
        baseline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    items: (param: import("../dynamic").VariantParam<{
        stretch: (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;
        baseline: (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", {
        stretch: (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;
        baseline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        stretch: (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;
        baseline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    content: (param: import("../dynamic").VariantParam<{
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        between: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        around: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        evenly: (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", {
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        between: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        around: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        evenly: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        between: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        around: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        evenly: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    justify_self: (param: import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (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;
    }> | 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;
        stretch: (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;
    }> | import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        stretch: (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;
    }>[]) => any;
    justify_items: (param: import("../dynamic").VariantParam<{
        stretch: (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;
    }> | 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", {
        stretch: (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;
    }> | import("../dynamic").VariantParam<{
        stretch: (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;
    }>[]) => any;
    justify: (param: import("../dynamic").VariantParam<{
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        between: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        around: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        evenly: (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", {
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        between: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        around: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        evenly: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        start: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        end: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        between: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        around: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        evenly: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    g: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; } & {
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>;
    gx: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; } & {
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>;
    gy: import("../dynamic").DynamicRuleMapping<"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", {
        px: (_: any, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    } & { [key in keyof S]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; } & {
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>;
    row_end: (param: import("../dynamic").VariantParam<{
        auto: () => {
            gridRowEnd: "auto";
        };
        $number: (x: number) => {
            gridRowEnd: number;
        };
    }> | 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: () => {
            gridRowEnd: "auto";
        };
        $number: (x: number) => {
            gridRowEnd: number;
        };
    }> | import("../dynamic").VariantParam<{
        auto: () => {
            gridRowEnd: "auto";
        };
        $number: (x: number) => {
            gridRowEnd: number;
        };
    }>[]) => any;
    row_start: (param: import("../dynamic").VariantParam<{
        auto: () => {
            gridRowStart: "auto";
        };
        $number: (value: number) => {
            gridRowStart: number;
        };
    }> | 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: () => {
            gridRowStart: "auto";
        };
        $number: (value: number) => {
            gridRowStart: number;
        };
    }> | import("../dynamic").VariantParam<{
        auto: () => {
            gridRowStart: "auto";
        };
        $number: (value: number) => {
            gridRowStart: number;
        };
    }>[]) => any;
    row: (param: import("../dynamic").VariantParam<{
        auto: () => {
            gridRow: "auto";
        };
        full: () => {
            gridRow: " 1 / -1";
        };
        $number: (x: number) => {
            gridRow: `span ${number} / span ${number}`;
        };
    }> | 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: () => {
            gridRow: "auto";
        };
        full: () => {
            gridRow: " 1 / -1";
        };
        $number: (x: number) => {
            gridRow: `span ${number} / span ${number}`;
        };
    }> | import("../dynamic").VariantParam<{
        auto: () => {
            gridRow: "auto";
        };
        full: () => {
            gridRow: " 1 / -1";
        };
        $number: (x: number) => {
            gridRow: `span ${number} / span ${number}`;
        };
    }>[]) => any;
    col_end: (param: import("../dynamic").VariantParam<{
        auto: () => {
            gridColumnEnd: "auto";
        };
        $number: (x: number) => {
            gridColumnEnd: number;
        };
    }> | 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: () => {
            gridColumnEnd: "auto";
        };
        $number: (x: number) => {
            gridColumnEnd: number;
        };
    }> | import("../dynamic").VariantParam<{
        auto: () => {
            gridColumnEnd: "auto";
        };
        $number: (x: number) => {
            gridColumnEnd: number;
        };
    }>[]) => any;
    col_start: (param: import("../dynamic").VariantParam<{
        auto: () => {
            gridColumnStart: "auto";
        };
        $number: (x: number) => {
            gridColumnStart: number;
        };
    }> | 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: () => {
            gridColumnStart: "auto";
        };
        $number: (x: number) => {
            gridColumnStart: number;
        };
    }> | import("../dynamic").VariantParam<{
        auto: () => {
            gridColumnStart: "auto";
        };
        $number: (x: number) => {
            gridColumnStart: number;
        };
    }>[]) => any;
    col: (param: import("../dynamic").VariantParam<{
        auto: () => {
            gridColumn: "auto";
        };
        full: () => {
            gridColumn: " 1 / -1";
        };
        $number: (value: number) => {
            gridColumn: `span ${number} / span ${number}`;
        };
    }> | 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: () => {
            gridColumn: "auto";
        };
        full: () => {
            gridColumn: " 1 / -1";
        };
        $number: (value: number) => {
            gridColumn: `span ${number} / span ${number}`;
        };
    }> | import("../dynamic").VariantParam<{
        auto: () => {
            gridColumn: "auto";
        };
        full: () => {
            gridColumn: " 1 / -1";
        };
        $number: (value: number) => {
            gridColumn: `span ${number} / span ${number}`;
        };
    }>[]) => any;
    rows: (param: import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fr: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: () => {
            gridTemplateRows: string;
        };
        $number: (x: number) => {
            gridTemplateRows: string;
        };
    }> | 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;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fr: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: () => {
            gridTemplateRows: string;
        };
        $number: (x: number) => {
            gridTemplateRows: string;
        };
    }> | import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fr: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: () => {
            gridTemplateRows: string;
        };
        $number: (x: number) => {
            gridTemplateRows: string;
        };
    }>[]) => any;
    cols: (param: import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fr: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: () => {
            gridTemplateColumns: string;
        };
        $number: (x: number) => {
            gridTemplateColumns: string;
        };
    }> | 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;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fr: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: () => {
            gridTemplateColumns: string;
        };
        $number: (x: number) => {
            gridTemplateColumns: string;
        };
    }> | import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fr: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: () => {
            gridTemplateColumns: string;
        };
        $number: (x: number) => {
            gridTemplateColumns: string;
        };
    }>[]) => any;
    grid: (param: import("../dynamic").VariantParam<{
        row: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        col: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-dense": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "col-dense": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inline: () => {
            display: "inline-grid";
        };
        $default: () => {
            display: "grid";
        };
    }> | 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", {
        row: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        col: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-dense": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "col-dense": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inline: () => {
            display: "inline-grid";
        };
        $default: () => {
            display: "grid";
        };
    }> | import("../dynamic").VariantParam<{
        row: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        col: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-dense": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "col-dense": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inline: () => {
            display: "inline-grid";
        };
        $default: () => {
            display: "grid";
        };
    }>[]) => any;
    order: (param: import("../dynamic").VariantParam<{
        first: () => {
            order: number;
        };
        last: () => {
            order: number;
        };
        none: () => {
            order: number;
        };
        $number: (value: number) => {
            order: number;
        };
    }> | 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", {
        first: () => {
            order: number;
        };
        last: () => {
            order: number;
        };
        none: () => {
            order: number;
        };
        $number: (value: number) => {
            order: number;
        };
    }> | import("../dynamic").VariantParam<{
        first: () => {
            order: number;
        };
        last: () => {
            order: number;
        };
        none: () => {
            order: number;
        };
        $number: (value: number) => {
            order: number;
        };
    }>[]) => any;
    shrink: (param: import("../dynamic").VariantParam<{
        $default: () => {
            flexShrink: number;
        };
        $number: (value: number) => {
            flexShrink: number;
        };
    }> | 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", {
        $default: () => {
            flexShrink: number;
        };
        $number: (value: number) => {
            flexShrink: number;
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            flexShrink: number;
        };
        $number: (value: number) => {
            flexShrink: number;
        };
    }>[]) => any;
    grow: (param: import("../dynamic").VariantParam<{
        $default: () => {
            flexGrow: number;
        };
        $number: (value: number) => {
            flexGrow: number;
        };
    }> | 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", {
        $default: () => {
            flexGrow: number;
        };
        $number: (value: number) => {
            flexGrow: number;
        };
    }> | import("../dynamic").VariantParam<{
        $default: () => {
            flexGrow: number;
        };
        $number: (value: number) => {
            flexGrow: number;
        };
    }>[]) => any;
    basis: (param: import("../dynamic").VariantParam<{
        auto: () => {
            flexBasis: string;
        };
        full: () => {
            flexBasis: string;
        };
        px: () => {
            flexBasis: string;
        };
        $number: (value: number) => {
            flexBasis: string;
        };
        $fraction: ([a, b]: any) => string;
    }> | 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: () => {
            flexBasis: string;
        };
        full: () => {
            flexBasis: string;
        };
        px: () => {
            flexBasis: string;
        };
        $number: (value: number) => {
            flexBasis: string;
        };
        $fraction: ([a, b]: any) => string;
    }> | import("../dynamic").VariantParam<{
        auto: () => {
            flexBasis: string;
        };
        full: () => {
            flexBasis: string;
        };
        px: () => {
            flexBasis: string;
        };
        $number: (value: number) => {
            flexBasis: string;
        };
        $fraction: ([a, b]: any) => string;
    }>[]) => any;
    flex: (param: import("../dynamic").VariantParam<{
        nowrap: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wrap: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "wrap-reverse": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        row: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-reverse": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        col: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "col-reverse": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "1": () => {
            display: "flex";
            flex: string;
        };
        none: () => {
            display: "flex";
            flex: string;
        };
        auto: () => {
            display: "flex";
            flex: string;
        };
        initial: () => {
            display: "flex";
            flex: string;
        };
        inline: () => {
            display: "inline-flex";
        };
        $number: (x: number) => {
            flex: number;
        };
        $default: () => {
            display: "flex";
        };
    }> | 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", {
        nowrap: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wrap: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "wrap-reverse": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        row: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-reverse": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        col: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "col-reverse": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "1": () => {
            display: "flex";
            flex: string;
        };
        none: () => {
            display: "flex";
            flex: string;
        };
        auto: () => {
            display: "flex";
            flex: string;
        };
        initial: () => {
            display: "flex";
            flex: string;
        };
        inline: () => {
            display: "inline-flex";
        };
        $number: (x: number) => {
            flex: number;
        };
        $default: () => {
            display: "flex";
        };
    }> | import("../dynamic").VariantParam<{
        nowrap: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wrap: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "wrap-reverse": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        row: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-reverse": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        col: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "col-reverse": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "1": () => {
            display: "flex";
            flex: string;
        };
        none: () => {
            display: "flex";
            flex: string;
        };
        auto: () => {
            display: "flex";
            flex: string;
        };
        initial: () => {
            display: "flex";
            flex: string;
        };
        inline: () => {
            display: "inline-flex";
        };
        $number: (x: number) => {
            flex: number;
        };
        $default: () => {
            display: "flex";
        };
    }>[]) => any;
    list: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        disc: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        decimal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inside: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        outside: (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;
        disc: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        decimal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inside: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        outside: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        disc: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        decimal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inside: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        outside: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    max_h: (param: import("../dynamic").VariantParam<{
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        prose: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xs: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "4xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "5xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "6xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "7xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-sm": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-md": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-lg": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            maxHeight: string;
        };
    }> | 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", {
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        prose: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xs: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "4xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "5xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "6xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "7xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-sm": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-md": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-lg": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            maxHeight: string;
        };
    }> | import("../dynamic").VariantParam<{
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        prose: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xs: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "4xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "5xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "6xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "7xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-sm": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-md": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-lg": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            maxHeight: string;
        };
    }>[]) => any;
    min_h: (param: import("../dynamic").VariantParam<{
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            minHeight: string;
        };
    }> | 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", {
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            minHeight: string;
        };
    }> | import("../dynamic").VariantParam<{
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            minHeight: string;
        };
    }>[]) => any;
    h: (param: import("../dynamic").VariantParam<{
        px: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            height: string;
        };
    }> | 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", {
        px: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            height: string;
        };
    }> | import("../dynamic").VariantParam<{
        px: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            height: string;
        };
    }>[]) => any;
    max_w: (param: import("../dynamic").VariantParam<{
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        prose: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xs: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "4xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "5xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "6xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "7xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-sm": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-md": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-lg": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            maxWidth: string;
        };
    }> | 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", {
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        prose: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xs: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "4xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "5xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "6xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "7xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-sm": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-md": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-lg": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            maxWidth: string;
        };
    }> | import("../dynamic").VariantParam<{
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        prose: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xs: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sm: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        md: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lg: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        xl: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "3xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "4xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "5xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "6xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "7xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-sm": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-md": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-lg": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "screen-2xl": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            maxWidth: string;
        };
    }>[]) => any;
    min_w: (param: import("../dynamic").VariantParam<{
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            minWidth: string;
        };
    }> | 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", {
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            minWidth: string;
        };
    }> | import("../dynamic").VariantParam<{
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            minWidth: string;
        };
    }>[]) => any;
    w: (param: import("../dynamic").VariantParam<{
        px: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            width: string;
        };
    }> | 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", {
        px: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            width: string;
        };
    }> | import("../dynamic").VariantParam<{
        px: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        full: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        min: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        max: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        fit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (v: number) => {
            [x: string]: string;
        };
        $fraction: ([a, b]: [number, number]) => {
            [x: string]: string;
        };
        screen: () => {
            width: string;
        };
    }>[]) => any;
    bt: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    b: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    bl: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    br: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    bb: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    bx: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    by: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: 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", {
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        hidden: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (x: number, { withKey }: import("../dynamic").VariantContext) => Record<string, any>;
    }>[]) => any;
    cursor: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        alias: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "all-scroll": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        cell: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "col-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "context-menu": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        copy: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        crosshair: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "e-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "ew-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        grab: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        grabbing: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        help: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        move: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "n-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "ne-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "nesw-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "no-drop": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "not-allowed": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "ns-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        pointer: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        progress: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "s-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "se-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "sw-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        text: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "vertical-text": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "w-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wait: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "zoom-in": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "zoom-out": (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;
        default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        alias: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "all-scroll": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        cell: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "col-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "context-menu": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        copy: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        crosshair: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "e-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "ew-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        grab: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        grabbing: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        help: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        move: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "n-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "ne-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "nesw-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "no-drop": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "not-allowed": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "ns-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        pointer: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        progress: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "s-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "se-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "sw-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        text: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "vertical-text": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "w-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wait: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "zoom-in": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "zoom-out": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        default: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        alias: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "all-scroll": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        cell: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "col-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "context-menu": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        copy: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        crosshair: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "e-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "ew-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        grab: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        grabbing: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        help: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        move: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "n-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "ne-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "nesw-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "no-drop": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "not-allowed": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "ns-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        pointer: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        progress: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "row-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "s-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "se-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "sw-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        text: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "vertical-text": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "w-resize": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wait: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "zoom-in": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "zoom-out": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    leading: (param: import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        tight: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        snug: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        relaxed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        loose: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (x: number) => {
            lineHeight: string;
        };
    }> | 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;
        tight: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        snug: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        relaxed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        loose: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (x: number) => {
            lineHeight: string;
        };
    }> | import("../dynamic").VariantParam<{
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        tight: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        snug: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        relaxed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        loose: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $number: (x: number) => {
            lineHeight: string;
        };
    }>[]) => any;
    font: import("../dynamic").DynamicRuleMapping<"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", {
        thin: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        extralight: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        light: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        medium: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        semibold: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        bold: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        extrabold: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        black: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        italic: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "non-italic": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "diagonal-fractions": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "lining-nums": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "oldstyle-nums": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        ordinal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "proportional-nums": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "slashed-zero": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "stacked-fractions": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "tabular-nums": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sans: () => {
            fontFamily: "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"";
        };
        serif: () => {
            fontFamily: "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif";
        };
        mono: () => {
            fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace";
        };
        antialiased: () => {
            "-webkit-font-smoothing": string;
            "-moz-osx-font-smoothing": string;
        };
        "subpixel-antialiased": () => {
            "-webkit-font-smoothing": string;
            "-moz-osx-font-smoothing": string;
        };
        "normal-nums": () => {
            fontVariantNumeric: "normal";
        };
    } & { [key_1 in keyof T]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; }>;
    break: (param: import("../dynamic").VariantParam<{
        normal: () => {
            overflowWrap: "normal";
            wordBreak: "normal";
        };
        words: () => {
            overflowWrap: "break-word";
        };
        all: () => {
            workBreak: string;
        };
    }> | 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", {
        normal: () => {
            overflowWrap: "normal";
            wordBreak: "normal";
        };
        words: () => {
            overflowWrap: "break-word";
        };
        all: () => {
            workBreak: string;
        };
    }> | import("../dynamic").VariantParam<{
        normal: () => {
            overflowWrap: "normal";
            wordBreak: "normal";
        };
        words: () => {
            overflowWrap: "break-word";
        };
        all: () => {
            workBreak: string;
        };
    }>[]) => any;
    align: (param: import("../dynamic").VariantParam<{
        bottom: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        top: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sub: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        baseline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        super: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        middle: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "text-bottom": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "text-top": (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", {
        bottom: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        top: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sub: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        baseline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        super: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        middle: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "text-bottom": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "text-top": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        bottom: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        top: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        sub: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        baseline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        super: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        middle: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "text-bottom": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "text-top": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    whitespace: (param: import("../dynamic").VariantParam<{
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        nowrap: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        pre: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pre-line": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pre-wrap": (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", {
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        nowrap: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        pre: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pre-line": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pre-wrap": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        nowrap: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        pre: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pre-line": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "pre-wrap": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    indent: (param: import("../dynamic").VariantParam<{
        px: () => {
            textIndent: string;
        };
        $number: (value: number) => {
            textIndent: string;
        };
    }> | 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", {
        px: () => {
            textIndent: string;
        };
        $number: (value: number) => {
            textIndent: string;
        };
    }> | import("../dynamic").VariantParam<{
        px: () => {
            textIndent: string;
        };
        $number: (value: number) => {
            textIndent: string;
        };
    }>[]) => any;
    text: import("../dynamic").DynamicRuleMapping<"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", {
        truncate: () => {
            overflow: "hidden";
            textOverflow: "ellipsis";
            whiteSpace: "nowrap";
        };
        ellipsis: () => {
            textOverflow: "ellipsis";
        };
        clip: () => {
            textOverflow: "clip";
        };
        none: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        capitalize: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        lowercase: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        uppercase: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    } & { [key_1 in keyof T]: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation; } & {
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        left: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        right: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        center: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        justify: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>;
    decoration: (param: import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "from-font": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wavy: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inherit: () => {
            textDecorationColor: "inherit";
        };
        current: () => {
            textDecorationColor: "currentColor";
        };
        "line-through": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        overline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        underline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (value: number) => {
            textDecorationThickness: string;
        };
        "no-underline": () => {
            textDecorationLine: "none";
        };
    }> | 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;
        "from-font": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wavy: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inherit: () => {
            textDecorationColor: "inherit";
        };
        current: () => {
            textDecorationColor: "currentColor";
        };
        "line-through": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        overline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        underline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (value: number) => {
            textDecorationThickness: string;
        };
        "no-underline": () => {
            textDecorationLine: "none";
        };
    }> | import("../dynamic").VariantParam<{
        auto: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        "from-font": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dashed: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        dotted: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        double: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        solid: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wavy: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        inherit: () => {
            textDecorationColor: "inherit";
        };
        current: () => {
            textDecorationColor: "currentColor";
        };
        "line-through": (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        overline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        underline: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        $custom: import("../dynamic").CombinableHandler<import("../dynamic").ColorSchemeParam<C>>;
        $number: (value: number) => {
            textDecorationThickness: string;
        };
        "no-underline": () => {
            textDecorationLine: "none";
        };
    }>[]) => any;
    tracking: (param: import("../dynamic").VariantParam<{
        tighter: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        tight: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wide: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wider: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        widest: (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", {
        tighter: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        tight: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wide: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wider: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        widest: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }> | import("../dynamic").VariantParam<{
        tighter: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        tight: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        normal: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wide: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        wider: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        widest: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
    }>[]) => any;
    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;
};