import type { IElementRef } from '@melodicdev/core';
import type { Orientation } from '../../../types/index.js';
type Alignment = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
type Justify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
/**
 * ml-stack - Flexbox layout component for stacking elements
 *
 * @example
 * ```html
 * <ml-stack gap="4">
 *   <div>Item 1</div>
 *   <div>Item 2</div>
 * </ml-stack>
 *
 * <ml-stack direction="horizontal" gap="2" align="center">
 *   <ml-button>Save</ml-button>
 *   <ml-button variant="outline">Cancel</ml-button>
 * </ml-stack>
 * ```
 */
export declare class StackComponent implements IElementRef {
    elementRef: HTMLElement;
    /** Stack direction */
    direction: Orientation;
    /** Gap between items (uses spacing scale: 1-12) */
    gap: string;
    /** Cross-axis alignment */
    align: Alignment;
    /** Main-axis justification */
    justify: Justify;
    /** Allow items to wrap */
    wrap: boolean;
    getStyles(): Record<string, string>;
}
export {};
//# sourceMappingURL=stack.component.d.ts.map