import { LitElement } from 'lit';
/**
 * Row component for grid layouts
 *
 * @slot - Default slot for column elements
 *
 * @csspart row - The row element
 */
export declare class UIRow extends LitElement {
    static styles: import("lit").CSSResult;
    align: 'start' | 'center' | 'end' | 'stretch';
    justify: 'start' | 'center' | 'end' | 'between' | 'around';
    nowrap: boolean;
    gutter: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /**
     * Accessible label for the row
     */
    ariaLabel: string | null;
    private rowId;
    connectedCallback(): void;
    updated(changedProperties: Map<string, any>): void;
    private updateGutter;
    render(): import("lit-html").TemplateResult<1>;
}
/**
 * Column component for grid layouts
 *
 * @slot - Default slot for content
 *
 * @csspart col - The column element
 */
export declare class UICol extends LitElement {
    static styles: import("lit").CSSResult;
    span: number;
    spanSm?: number;
    spanMd?: number;
    spanLg?: number;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-row': UIRow;
        'ui-col': UICol;
    }
}
//# sourceMappingURL=grid.d.ts.map