import type { Snippet } from "svelte";
import type { HTMLAttributes } from "svelte/elements";
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 = Omit<HTMLAttributes<HTMLElement>, "class"> & {
    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;
    children?: Snippet;
};
/** 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;
declare const Flex: import("svelte").Component<FlexProps, {}, "">;
type Flex = ReturnType<typeof Flex>;
export default Flex;
//# sourceMappingURL=Flex.svelte.d.ts.map