import { type StackProps } from './Stack.types';
/**
 * Component helps you easily create flexible and automatically distributed layouts
 *
 * You can stack elements in the horizontal or vertical direction,
 * and apply a space between each element.
 *
 * It uses `display: flex` internally and renders a `div`.
 *
 * Also extends the props of the `<div>` element.
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
 */
export declare const Stack: import("react").ForwardRefExoticComponent<{
    children?: import("react").ReactNode;
    direction?: import("react").CSSProperties["flexDirection"];
    gap?: ("horizontal.1" | "horizontal.2" | "horizontal.3" | "horizontal.4" | "horizontal.5" | "horizontal.6" | "horizontal.7" | "horizontal.8" | "horizontal.20" | "horizontal.0-1of8" | "horizontal.0-1of4" | "horizontal.0-1of2" | "horizontal.1-1of2" | "horizontal.2-1of2" | "horizontal.3-1of7" | "horizontal.3-1of2" | "horizontal.4-1of2" | "horizontal.5-1of2" | "horizontal.6-1of2" | "horizontal.7-1of2" | "vertical.1" | "vertical.2" | "vertical.3" | "vertical.0-1of8" | "vertical.0-1of6" | "vertical.0-1of4" | "vertical.0-1of3" | "vertical.0-1of2" | "vertical.0-2of3" | "vertical.0-3of4" | "vertical.0-5of6" | "vertical.0-7of8" | "vertical.1-1of8" | "vertical.1-1of4" | "vertical.1-1of3" | "vertical.1-1of2" | "vertical.1-2of3" | "vertical.2-1of2") | `${number}px` | number;
    wrap?: import("react").CSSProperties["flexWrap"];
    alignItems?: import("react").CSSProperties["alignItems"];
    justifyContent?: import("react").CSSProperties["justifyContent"];
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
/**
 * This component is inherited from the Stack component and helps you create a horizontal stack layout.
 *
 * It supports a `reverse` prop to reverse the direction of the children.
 *
 * Also extends the props of the `<div>` element.
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
 */
export declare const HStack: import("react").ForwardRefExoticComponent<Omit<StackProps, "direction"> & {
    reverse?: boolean;
} & import("react").RefAttributes<HTMLDivElement>>;
/**
 * This component is inherited from the Stack component and helps you create a vertical stack layout.
 *
 * It supports a `reverse` prop to reverse the direction of the children.
 *
 * Also extends the props of the `<div>` element.
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
 */
export declare const VStack: import("react").ForwardRefExoticComponent<Omit<StackProps, "direction"> & {
    reverse?: boolean;
} & import("react").RefAttributes<HTMLDivElement>>;