export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
export type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline";
export type FlexJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
export type FlexProps = {
    direction?: FlexDirection;
    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
    gap?: number;
    align?: FlexAlign;
    justify?: FlexJustify;
    wrap?: boolean;
    inline?: boolean;
    as?: string;
    class?: string;
};
/** Resolve a spacing step to a `var(--st-spacing-N, fallback)` expression. */
export declare function spacingToken(step: number | undefined): string | undefined;
export declare function alignValue(align: FlexAlign | undefined): string | undefined;
export declare function justifyValue(justify: FlexJustify | undefined): string | undefined;
export declare const Flex: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    direction: {
        type: () => FlexDirection;
        default: string;
    };
    gap: {
        type: NumberConstructor;
        default: undefined;
    };
    align: {
        type: () => FlexAlign;
        default: undefined;
    };
    justify: {
        type: () => FlexJustify;
        default: undefined;
    };
    wrap: {
        type: BooleanConstructor;
        default: boolean;
    };
    inline: {
        type: BooleanConstructor;
        default: boolean;
    };
    as: {
        type: StringConstructor;
        default: string;
    };
    class: {
        type: StringConstructor;
        default: undefined;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    direction: {
        type: () => FlexDirection;
        default: string;
    };
    gap: {
        type: NumberConstructor;
        default: undefined;
    };
    align: {
        type: () => FlexAlign;
        default: undefined;
    };
    justify: {
        type: () => FlexJustify;
        default: undefined;
    };
    wrap: {
        type: BooleanConstructor;
        default: boolean;
    };
    inline: {
        type: BooleanConstructor;
        default: boolean;
    };
    as: {
        type: StringConstructor;
        default: string;
    };
    class: {
        type: StringConstructor;
        default: undefined;
    };
}>> & Readonly<{}>, {
    align: FlexAlign;
    class: string;
    direction: FlexDirection;
    inline: boolean;
    wrap: boolean;
    justify: FlexJustify;
    gap: number;
    as: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
//# sourceMappingURL=Flex.d.ts.map