export declare const layoutProps: {
    ax: {
        property: "justifyContent";
        values: readonly ["center", "end", "normal", "space-around", "space-between", "space-evenly", "start", "stretch"];
        unit: "none";
    };
    ay: {
        property: "alignItems";
        values: readonly ["baseline", "center", "end", "start", "stretch"];
        unit: "none";
    };
    direction: {
        property: "flexDirection";
        values: readonly ["column", "row"];
        unit: "none";
    };
    /**
     * The `flex` shorthand on the element itself, for sizing it against its
     * siblings. A number is a grow ratio with a zero basis, so `flex={2}` takes
     * twice the space of a `flex={1}` sibling. `"auto"` grows and shrinks from
     * the content size; `"none"` pins the element at its content size.
     *
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex
     */
    flex: {
        property: "flex";
        unit: "none";
    };
};
export declare const layoutPropKeys: ("flex" | "direction" | "ax" | "ay")[];
type Values<K extends "ax" | "ay" | "direction"> = (typeof layoutProps)[K]["values"][number];
export type LayoutProps = {
    /** Alignment of children along the main axis (justify-content) */
    ax?: Values<"ax">;
    /** Alignment of children along the cross axis (align-items) */
    ay?: Values<"ay">;
    /** Flex direction of children */
    direction?: Values<"direction">;
    /**
     * Share of the parent's free space, relative to siblings (`flex` shorthand).
     * A number is a grow ratio from a zero basis; `"auto"` sizes from content
     * and flexes; `"none"` sizes from content and does not flex.
     */
    flex?: number | "auto" | "none";
};
export {};
//# sourceMappingURL=layout.d.ts.map