import { ColorScheme, Modifiers, Spacings, TextSizes } from "../dynamic";
import { BuildContext } from "./createStyler";
export declare const layoutModule: <C extends ColorScheme, M extends Modifiers, T extends TextSizes, S extends Spacings>({ modifiers, withModifiers, withValues, }: BuildContext<C, M, T, S>) => {
    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;
    outline: (param: import("../dynamic").VariantParam<{
        inherit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        current: (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;
        none: () => {
            outline: string;
            outlineOffset: string;
        };
        $default: () => {
            outline: string;
        };
        $number: (x: number) => {
            outlineWidth: 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", {
        inherit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        current: (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;
        none: () => {
            outline: string;
            outlineOffset: string;
        };
        $default: () => {
            outline: string;
        };
        $number: (x: number) => {
            outlineWidth: string;
        };
    }> | import("../dynamic").VariantParam<{
        inherit: (value: any, context: import("../dynamic").VariantContext) => import("@emotion/serialize").CSSInterpolation;
        current: (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;
        none: () => {
            outline: string;
            outlineOffset: string;
        };
        $default: () => {
            outline: string;
        };
        $number: (x: number) => {
            outlineWidth: 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: ("center" | "left" | "top" | "bottom" | "right" | "contain" | "cover" | "fill" | "none" | "scale-down" | 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: ("center" | "left" | "top" | "bottom" | "right" | "contain" | "cover" | "fill" | "none" | "scale-down" | string)[]) => {
            objectFit: any;
            objectPosition: string;
        } | {
            objectFit: any;
            objectPosition?: undefined;
        } | {
            objectPosition: string;
            objectFit?: undefined;
        };
    }> | import("../dynamic").VariantParam<{
        $param: (values: ("center" | "left" | "top" | "bottom" | "right" | "contain" | "cover" | "fill" | "none" | "scale-down" | 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;
};