export declare const Row: import("@gnist/component-utils").VanillaRecipeComponent<import("react").ElementType, "div", import("@gnist/component-utils").VariantSelection<{
    horizontalAlign: {
        start: {
            justifyContent: "flex-start";
        };
        end: {
            justifyContent: "flex-end";
        };
        center: {
            justifyContent: "center";
        };
        spaceBetween: {
            justifyContent: "space-between";
        };
        spaceAround: {
            justifyContent: "space-around";
        };
        spaceEvenly: {
            justifyContent: "space-evenly";
        };
    };
    direction: {
        reverse: {
            flexDirection: "row-reverse";
        };
        normal: {
            flexDirection: "row";
        };
    };
    verticalAlign: {
        end: {
            alignItems: "flex-end";
        };
        start: {
            alignItems: "flex-start";
        };
        center: {
            alignItems: "center";
        };
        stretch: {
            alignItems: "stretch";
        };
        baseline: {
            alignItems: "baseline";
        };
    };
    gap: {
        none: {
            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        base: {
            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        xxs: {
            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        xs: {
            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        s: {
            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        m: {
            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        l: {
            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        xl: {
            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        xxl: {
            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        "3xl": {
            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
    };
    flexWrap: {
        wrap: {
            flexWrap: "wrap";
        };
        noWrap: {
            flexWrap: "nowrap";
        };
        reverse: {
            flexWrap: "wrap-reverse";
        };
    };
}>>;
//# sourceMappingURL=Row.d.ts.map