/**
 * @license
 * Copyright 2023 Nuraly, Laabidi Aymen
 * SPDX-License-Identifier: MIT
 */
import { LitElement } from 'lit';
import { ColSize, FlexType } from './grid.types.js';
declare const NrColElement_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;
/**
 * Column component for grid layout system
 *
 * @example
 * ```html
 * <!-- Basic column with span -->
 * <nr-col span="12">Half width</nr-col>
 * <nr-col span="8">8/24 width</nr-col>
 *
 * <!-- Column with offset -->
 * <nr-col span="12" offset="6">Offset by 6</nr-col>
 *
 * <!-- Responsive column -->
 * <nr-col
 *   xs="24"
 *   sm="12"
 *   md="8"
 *   lg="6"
 * >Responsive</nr-col>
 *
 * <!-- Column with order -->
 * <nr-col span="6" order="4">Last</nr-col>
 * <nr-col span="6" order="1">First</nr-col>
 *
 * <!-- Flex column -->
 * <nr-col flex="auto">Auto flex</nr-col>
 * <nr-col flex="1">Flex 1</nr-col>
 * ```
 *
 * @slot default - Column content
 *
 * @csspart col - The inner div applying column width, offset, and gutter padding
 */
export declare class NrColElement extends NrColElement_base {
    static styles: import("lit").CSSResult;
    static useShadowDom: boolean;
    /** Number of columns to span (out of 24) */
    span?: number;
    /** Number of columns to offset */
    offset: number;
    /** Order of the column */
    order?: number;
    /** Number of columns to pull */
    pull: number;
    /** Number of columns to push */
    push: number;
    /** Flex layout style */
    flex: FlexType | '';
    /** Extra small devices (<576px) */
    xs?: number | ColSize;
    /** Small devices (≥576px) */
    sm?: number | ColSize;
    /** Medium devices (≥768px) */
    md?: number | ColSize;
    /** Large devices (≥992px) */
    lg?: number | ColSize;
    /** Extra large devices (≥1200px) */
    xl?: number | ColSize;
    /** Extra extra large devices (≥1600px) */
    xxl?: number | ColSize;
    /** Current breakpoint */
    private currentBreakpoint;
    private resizeObserver?;
    connectedCallback(): void;
    disconnectedCallback(): void;
    /**
     * Setup responsive breakpoint detection
     */
    private setupResponsive;
    /**
     * Update current breakpoint based on window width
     */
    private updateBreakpoint;
    /**
     * Get responsive configuration for current breakpoint
     */
    private getResponsiveConfig;
    /**
     * Get computed column properties
     */
    private getColProperties;
    /**
     * Get gutter from parent row
     */
    private getGutterFromParent;
    /**
     * Get inline styles for column
     */
    private getColStyle;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'nr-col': NrColElement;
    }
}
export {};
//# sourceMappingURL=col.component.d.ts.map