/**
 * @license
 * Copyright 2023 Nuraly, Laabidi Aymen
 * SPDX-License-Identifier: MIT
 */
import { LitElement } from 'lit';
import { RowAlign, RowJustify, Gutter } from './grid.types.js';
declare const NrRowElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & (new (...args: any[]) => import("packages/common/src/shared/base-mixin.js").LightDomContent) & typeof LitElement;
/**
 * Row component for grid layout system
 *
 * @example
 * ```html
 * <!-- Basic row -->
 * <nr-row>
 *   <nr-col span="12">Column 1</nr-col>
 *   <nr-col span="12">Column 2</nr-col>
 * </nr-row>
 *
 * <!-- Row with gutter -->
 * <nr-row gutter="16">
 *   <nr-col span="8">Column 1</nr-col>
 *   <nr-col span="8">Column 2</nr-col>
 *   <nr-col span="8">Column 3</nr-col>
 * </nr-row>
 *
 * <!-- Responsive gutter -->
 * <nr-row .gutter=${{ xs: 8, sm: 16, md: 24, lg: 32 }}>
 *   <nr-col span="6">Column</nr-col>
 * </nr-row>
 *
 * <!-- Alignment and justify -->
 * <nr-row align="middle" justify="center">
 *   <nr-col span="6">Centered</nr-col>
 * </nr-row>
 * ```
 *
 * @slot default - Column elements
 *
 * @csspart row - The inner div applying the grid row styles, gutter margins, and alignment
 */
export declare class NrRowElement extends NrRowElement_base {
    static styles: import("lit").CSSResult;
    static useShadowDom: boolean;
    /** Vertical alignment of columns */
    align: RowAlign | '';
    /** Horizontal alignment of columns */
    justify: RowJustify | '';
    /** Grid spacing - number, [horizontal, vertical], or responsive object */
    gutter: Gutter;
    /** Allow columns to wrap */
    wrap: boolean;
    /** Current breakpoint for responsive gutter */
    private currentBreakpoint;
    private resizeObserver?;
    connectedCallback(): void;
    disconnectedCallback(): void;
    /**
     * Setup responsive gutter based on viewport width
     */
    private setupResponsiveGutter;
    /**
     * Update current breakpoint based on window width
     */
    private updateBreakpoint;
    /**
     * Get the current gutter values [horizontal, vertical]
     */
    private getGutterValues;
    /**
     * Get inline styles for row with gutter
     */
    private getRowStyle;
    /**
     * Get gutter context for child columns
     */
    private getGutterContext;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'nr-row': NrRowElement;
    }
}
export {};
//# sourceMappingURL=row.component.d.ts.map