import { ColorScheme, Modifiers, Spacings, TextSizes } from "../dynamic";
import { BuildContext } from "./createStyler";
export declare const flexModule: <C extends ColorScheme, M extends Modifiers, T extends TextSizes, S extends Spacings>({ withModifiers, withValues, spacings, }: BuildContext<C, M, T, S>) => {
    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;
};