/**
 * Fluent Grow Grid Container Utility
 * ----------------------------------
 * Provides a fluent API around CSS Grid with responsive breakpoints and
 * container query support.
 */
export type GridGapValue = string | number;
export interface GridContainerConfig {
    columns?: string;
    rows?: string;
    areas?: string[];
    gap?: GridGapValue;
    rowGap?: GridGapValue;
    columnGap?: GridGapValue;
    justifyItems?: 'start' | 'end' | 'center' | 'stretch';
    alignItems?: 'start' | 'end' | 'center' | 'stretch';
    justifyContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
    alignContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
    autoColumns?: string;
    autoRows?: string;
    autoFlow?: 'row' | 'column' | 'row dense' | 'column dense';
    inline?: boolean;
}
export interface GridResponsiveConfig {
    query: string;
    config: GridContainerConfig;
}
export type GridResponsiveMap = Record<string, GridContainerConfig>;
export interface GridContainerQueryConfig {
    query: string;
    config: GridContainerConfig;
}
export interface GridContainerQueryOptions {
    base?: GridContainerConfig;
    type?: 'inline-size' | 'block-size';
    name?: string;
}
export declare class GridContainer {
    private element;
    private cleanupFns;
    constructor(element: HTMLElement, initialConfig?: GridContainerConfig);
    config(config: GridContainerConfig): this;
    columns(value: string): this;
    rows(value: string): this;
    areas(value: string[]): this;
    gap(value: GridGapValue): this;
    responsive(responsive: GridResponsiveConfig[] | GridResponsiveMap, strategy?: 'mobile-first' | 'desktop-first', base?: GridContainerConfig): this;
    containerQueries(configs: GridContainerQueryConfig[] | Record<string, GridContainerConfig>, options?: GridContainerQueryOptions): this;
    destroy(): void;
}
//# sourceMappingURL=container.d.ts.map