/**
 * @license
 * Copyright 2023 Nuraly, Laabidi Aymen
 * SPDX-License-Identifier: MIT
 */
import { LitElement } from 'lit';
import type { Gap } from './container.types.js';
declare const NrContainerElement_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;
/**
 * Container layout component for wrapping content with configurable layout options
 *
 * @example
 * ```html
 * <!-- Basic container -->
 * <nr-container>
 *   <div>Content</div>
 * </nr-container>
 *
 * <!-- Boxed centered container -->
 * <nr-container layout="boxed" size="lg">
 *   <div>Centered content with max-width</div>
 * </nr-container>
 *
 * <!-- Vertical container with gap -->
 * <nr-container direction="column" gap="16">
 *   <div>Item 1</div>
 *   <div>Item 2</div>
 * </nr-container>
 *
 * <!-- Centered content -->
 * <nr-container justify="center" align="center">
 *   <div>Centered content</div>
 * </nr-container>
 * ```
 *
 * @slot default - Container content
 *
 * @csspart container - The inner div that applies layout, padding, direction, and gap styles
 */
export declare class NrContainerElement extends NrContainerElement_base {
    static styles: import("lit").CSSResult;
    static useShadowDom: boolean;
    /** Layout type: fluid (full width), boxed (centered with max-width), or fixed */
    layout: 'fluid' | 'boxed' | 'fixed';
    /** Flex direction: row or column */
    direction: 'row' | 'column';
    /** Size preset for boxed/fixed layouts */
    size: 'sm' | 'md' | 'lg' | 'xl' | 'full';
    /** Padding preset */
    padding: 'none' | 'sm' | 'md' | 'lg' | '';
    /** Justify content alignment */
    justify: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | '';
    /** Align items alignment */
    align: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | '';
    /** Gap between items - can be preset string, number (px), or [horizontal, vertical] */
    gap: Gap;
    /** Enable flex wrap */
    wrap: boolean;
    /** Custom width (overrides size preset) */
    width: string;
    /** Custom height */
    height: string;
    /** Custom min-height */
    minHeight: string;
    /** Class to apply to inner container (for component styles) */
    innerClass: string;
    /**
     * Convert gap value to CSS value
     */
    private getGapValue;
    /**
     * Get gap styles for container
     */
    private getGapStyles;
    /**
     * Get all inline styles for inner container
     */
    private getContainerStyles;
    updated(changedProperties: Map<string, unknown>): void;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'nr-container': NrContainerElement;
    }
}
export {};
//# sourceMappingURL=container.component.d.ts.map