import { type VariantProps } from 'class-variance-authority';
import * as React from 'react';
declare const vStackVariants: (props?: ({
    gap?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | null | undefined;
    align?: "center" | "end" | "start" | "stretch" | null | undefined;
    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type VStackProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof vStackVariants> & {
    as?: 'div' | 'section' | 'nav' | 'main' | 'header' | 'footer' | 'article' | 'aside';
    ref?: React.Ref<HTMLDivElement>;
};
declare function VStack({ className, gap, align, justify, as, ref, ...props }: VStackProps): import("react/jsx-runtime").JSX.Element;
declare const hStackVariants: (props?: ({
    gap?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | null | undefined;
    align?: "center" | "end" | "start" | "stretch" | "baseline" | null | undefined;
    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
    wrap?: "nowrap" | "wrap" | "wrapReverse" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type HStackProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof hStackVariants> & {
    as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';
    ref?: React.Ref<HTMLDivElement>;
};
declare function HStack({ className, gap, align, justify, wrap, as, ref, ...props }: HStackProps): import("react/jsx-runtime").JSX.Element;
declare const boxVariants: (props?: ({
    gap?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | null | undefined;
    align?: "center" | "end" | "start" | "stretch" | "baseline" | null | undefined;
    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
    wrap?: "nowrap" | "wrap" | "wrapReverse" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type BoxProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof boxVariants> & {
    as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';
    ref?: React.Ref<HTMLDivElement>;
};
declare function Box({ className, gap, align, justify, wrap, as, ref, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
export { Box, boxVariants, HStack, hStackVariants, VStack, vStackVariants };