import { LitElement } from 'lit';

/**
 * Props interface for FlexContainer component
 *
 * @csspart ag-flex-container - The main flex container element
 *
 * @cssproperty --flex-direction - Controls the direction of flex items
 * @cssproperty --flex-wrap - Controls whether flex items wrap
 * @cssproperty --flex-justify - Controls alignment along main axis
 * @cssproperty --flex-align - Controls alignment along cross axis
 * @cssproperty --flex-align-content - Controls space between lines in multi-line flex containers
 * @cssproperty --flex-gap - Controls spacing between flex items (set via CSS, not via prop)
 */
export interface FlexContainerProps {
    /** Main axis direction (defaults to 'row') */
    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
    /** Whether flex items wrap (defaults to 'nowrap') */
    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
    /** Alignment along main axis (defaults to 'flex-start') */
    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    /** Alignment along cross axis (defaults to 'stretch') */
    align?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
    /** Space distribution between lines in multi-line containers (defaults to 'stretch') */
    alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
    /** Use inline-flex instead of flex (defaults to false) */
    inline?: boolean;
    /** Reverse the direction (e.g., row becomes row-reverse, defaults to false) */
    reverse?: boolean;
    /** Apply flex: 1 1 auto to all children for equal sizing (defaults to false) */
    stretchChildren?: boolean;
}
/** Alias required for SDUI codegen discovery (glob: Flex/core/_*.ts → looks for FlexProps) */
export interface FlexProps extends FlexContainerProps {
}
export declare class FlexContainer extends LitElement implements FlexContainerProps {
    static styles: import('lit').CSSResult;
    protected _direction: 'row' | 'row-reverse' | 'column' | 'column-reverse';
    protected _wrap: 'nowrap' | 'wrap' | 'wrap-reverse';
    protected _justify: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    protected _align: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
    protected _alignContent: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
    get direction(): FlexContainerProps['direction'];
    set direction(value: FlexContainerProps['direction']);
    get wrap(): FlexContainerProps['wrap'];
    set wrap(value: FlexContainerProps['wrap']);
    get justify(): FlexContainerProps['justify'];
    set justify(value: FlexContainerProps['justify']);
    get align(): FlexContainerProps['align'];
    set align(value: FlexContainerProps['align']);
    get alignContent(): FlexContainerProps['alignContent'];
    set alignContent(value: FlexContainerProps['alignContent']);
    inline: boolean;
    reverse: boolean;
    stretchChildren: boolean;
    constructor();
    updated(changedProperties: Map<string, unknown>): void;
    render(): import('lit').TemplateResult<1>;
}
//# sourceMappingURL=_FlexContainer.d.ts.map