type GridCols = '1' | '2' | '3' | '4' | '5' | '6';
type GridGap = '0' | '4' | '8' | '12' | '16' | '20' | '24' | '32';
type GridMinWidth = '150' | '180' | '200' | '220' | '260' | '300';
/**
 * `<dt-grid>` — framework-agnostic responsive grid web component.
 *
 * Provides a grid layout that auto-collapses to single column in narrow views.
 * Uses CSS Grid's repeat(auto-fit) pattern with minmax for responsive behavior.
 *
 * ## Attributes
 * - `cols` — fixed number of columns (1-6). Auto-fit responsive when omitted.
 * - `gap` — spacing between items: 0, 4, 8, 12, 16, 20, 24, 32 (default: 16)
 * - `min-width` — minimum width for auto-fit columns: 150, 180, 200, 220, 260, 300 (default: 220)
 *
 * ## Usage
 * ```html
 * <!-- Auto-responsive: columns collapse based on available space -->
 * <dt-grid>
 *   <dt-card>Item 1</dt-card>
 *   <dt-card>Item 2</dt-card>
 *   <dt-card>Item 3</dt-card>
 * </dt-grid>
 *
 * <!-- Fixed 3 columns, collapses to 1 on mobile -->
 * <dt-grid cols="3" gap="24">
 *   <dt-card>Item 1</dt-card>
 *   <dt-card>Item 2</dt-card>
 *   <dt-card>Item 3</dt-card>
 * </dt-grid>
 *
 * <!-- Narrow items: more columns fit side-by-side -->
 * <dt-grid min-width="150">
 *   <dt-stat label="CPU" value="42%"></dt-stat>
 *   <dt-stat label="RAM" value="8GB"></dt-stat>
 *   <dt-stat label="Disk" value="256GB"></dt-stat>
 * </dt-grid>
 * ```
 */
export declare class DtGrid extends HTMLElement {
    static get observedAttributes(): string[];
    get cols(): GridCols | null;
    set cols(val: GridCols | null);
    get gap(): GridGap;
    set gap(val: GridGap);
    get minWidth(): GridMinWidth;
    set minWidth(val: GridMinWidth);
    constructor();
}
export {};
//# sourceMappingURL=dt-grid.d.ts.map