import { LitElement } from 'lit';
/**
 * @element ui-stack
 * @description A layout component for stacking elements vertically or horizontally with consistent spacing
 *
 * @slot - Default slot for stack items
 *
 * @cssprop --stack-gap - Gap between stack items
 *
 * @example
 * ```html
 * <ui-stack direction="vertical" gap="md">
 *   <ui-button>Button 1</ui-button>
 *   <ui-button>Button 2</ui-button>
 *   <ui-button>Button 3</ui-button>
 * </ui-stack>
 * ```
 */
export declare class UIStack extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * Stack direction
     * @type {'vertical' | 'horizontal'}
     */
    direction: 'vertical' | 'horizontal';
    /**
     * Gap size between items
     * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}
     */
    gap: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /**
     * Alignment of items
     * @type {'start' | 'center' | 'end' | 'stretch' | 'baseline'}
     */
    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
    /**
     * Justify content
     * @type {'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'}
     */
    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
    /**
     * Allow items to wrap
     */
    wrap: boolean;
    /**
     * Take full width
     */
    fullWidth: boolean;
    /**
     * Take full height
     */
    fullHeight: boolean;
    /**
     * Show dividers between items
     */
    divider: boolean;
    /**
     * Accessible label for the stack
     */
    ariaLabel: string | null;
    private stackId;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-stack': UIStack;
    }
}
//# sourceMappingURL=stack.d.ts.map