/**
 * Fluent Grow Flex Container Utility
 * ----------------------------------
 * Provides a fluent API for configuring complex flexbox layouts with responsive
 * variants and lifecycle management.
 */
export type GapValue = string | number;
export interface FlexContainerConfig {
    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    align?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';
    alignContent?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
    gap?: GapValue;
    rowGap?: GapValue;
    columnGap?: GapValue;
    inline?: boolean;
    minHeight?: string;
    minWidth?: string;
}
export interface FlexResponsiveConfig {
    query: string;
    config: FlexContainerConfig;
}
export type FlexResponsiveMap = Record<string, FlexContainerConfig>;
export interface ResponsiveOptions {
    base?: FlexContainerConfig;
    strategy?: 'mobile-first' | 'desktop-first';
}
export declare class FlexContainer {
    private element;
    private cleanupFns;
    constructor(element: HTMLElement, initialConfig?: FlexContainerConfig);
    config(config: FlexContainerConfig): this;
    direction(value: FlexContainerConfig['direction']): this;
    wrap(value?: FlexContainerConfig['wrap']): this;
    gap(value: GapValue): this;
    justify(value: FlexContainerConfig['justify']): this;
    align(value: FlexContainerConfig['align']): this;
    responsive(responsive: FlexResponsiveConfig[] | FlexResponsiveMap, options?: ResponsiveOptions): this;
    destroy(): void;
}
//# sourceMappingURL=container.d.ts.map