import { ReactNode } from 'react';
import { AdaptiveStackProps } from './types.ts';
/**
 * AdaptiveStack is a layout component that automatically manages stacking
 * direction based on available space or explicit configuration.
 *
 * @example
 * ```tsx
 * // Responsive stack that switches at 768px
 * <AdaptiveStack direction="responsive" gap={20}>
 *   <Card>Item 1</Card>
 *   <Card>Item 2</Card>
 *   <Card>Item 3</Card>
 * </AdaptiveStack>
 *
 * // Horizontal stack with space-between
 * <AdaptiveStack direction="horizontal" justify="between" align="center">
 *   <Logo />
 *   <Navigation />
 *   <Actions />
 * </AdaptiveStack>
 * ```
 */
export declare function AdaptiveStack({ children, direction, breakpoint, gap, align, justify, wrap, className, style, }: AdaptiveStackProps): ReactNode;
/**
 * HStack is a horizontal adaptive stack.
 */
export declare function HStack(props: Omit<AdaptiveStackProps, 'direction'>): ReactNode;
/**
 * VStack is a vertical adaptive stack.
 */
export declare function VStack(props: Omit<AdaptiveStackProps, 'direction'>): ReactNode;
/**
 * ResponsiveStack automatically switches between horizontal and vertical.
 */
export declare function ResponsiveStack(props: Omit<AdaptiveStackProps, 'direction'>): ReactNode;
export type { AdaptiveStackProps };