import { type IGapableProps } from '../../../Behaviors/Gapable';
import { LayoutElement } from '../Abstracts/LayoutElement';
import type { IStackElementProps } from './IStackElementProps';
declare const StackElement_base: import("../../../../Index").ControlBehaviorReturn<(abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Reversible").IReversibleProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => IGapableProps) & typeof LayoutElement & import("../../../Behaviors/Themeable").IThemeableCtor, import("../../../Behaviors/Alignable").IAlignableProps>;
/**
 * Stack - A flexible layout component for arranging child elements in vertical or horizontal linear sequences.
 *
 * Provides powerful layout capabilities with support for orientation control, alignment options,
 * gap management, and responsive behavior. Ideal for creating organized linear layouts such as
 * navigation menus, button groups, content columns, and form layouts with consistent spacing.
 *
 * @name StackElement
 * @element mosaik-stack
 * @category Layouts
 *
 * @slot - Default content area for child elements to be arranged in stack layout
 *
 * @cssprop {String} --stack-font-family - The font family CSS custom property.
 * @cssprop {String} --stack-font-letter-spacing - The font letter spacing CSS custom property.
 * @cssprop {String} --stack-font-line-height - The font line height CSS custom property.
 * @cssprop {String} --stack-font-size - The font size CSS custom property.
 * @cssprop {String} --stack-font-text-decoration - The font text decoration CSS custom property.
 * @cssprop {String} --stack-font-text-transform - The font text transform CSS custom property.
 * @cssprop {String} --stack-font-weight - The font weight CSS custom property.
 * @cssprop {String} --stack-gap - Spacing between stack items and elements
 * @cssprop {String} --stack-padding-bottom - The padding bottom CSS custom property.
 * @cssprop {String} --stack-padding-left - The padding left CSS custom property.
 * @cssprop {String} --stack-padding-right - The padding right CSS custom property.
 * @cssprop {String} --stack-padding-top - The padding top CSS custom property.
 * @cssprop {String} --stack-shadow - The shadow CSS custom property.
 * @cssprop {String} --stack-shadow-blur - The shadow blur CSS custom property.
 * @cssprop {String} --stack-shadow-color - The shadow color CSS custom property.
 * @cssprop {String} --stack-shadow-offset-x - The shadow offset x CSS custom property.
 * @cssprop {String} --stack-shadow-offset-y - The shadow offset y CSS custom property.
 * @cssprop {String} --stack-shadow-spread - The shadow spread CSS custom property.
 * @cssprop {String} --stack-transition-duration - The transition duration CSS custom property.
 * @cssprop {String} --stack-transition-mode - The transition mode CSS custom property.
 * @cssprop {String} --stack-transition-property - The transition property CSS custom property.
 * @cssprop {String} --stack-translate - The translate CSS custom property.
 *
 * @example
 * ```html
 * <!-- Basic vertical stack -->
 * <mosaik-stack>
 *   <mosaik-button label="Action 1"></mosaik-button>
 *   <mosaik-button label="Action 2"></mosaik-button>
 *   <mosaik-button label="Action 3"></mosaik-button>
 * </mosaik-stack>
 *
 * <!-- Horizontal button group -->
 * <mosaik-stack orientation="horizontal" gap="small">
 *   <mosaik-button appearance="solid" label="Save"></mosaik-button>
 *   <mosaik-button appearance="plain" label="Cancel"></mosaik-button>
 * </mosaik-stack>
 *
 * <!-- Navigation menu stack -->
 * <mosaik-stack gap="none">
 *   <mosaik-cell>
 *     <span slot="start">🏠</span>
 *     <span slot="label">Dashboard</span>
 *   </mosaik-cell>
 *   <mosaik-cell>
 *     <span slot="start">👥</span>
 *     <span slot="label">Users</span>
 *   </mosaik-cell>
 * </mosaik-stack>
 * ```
 *
 * @public
 */
export declare class StackElement extends StackElement_base implements IStackElementProps {
    private readonly _inlineStyleController;
    private _wrap;
    /**
     * Constructs a new instance of the `StackElement` class.
     *
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     *
     * @public
     * @static
     * @override
     * @readonly
    */
    static get is(): string;
    /**
     * @public
     * @override
     */
    get gap(): IGapableProps['gap'];
    set gap(value: IGapableProps['gap']);
    /**
     * Gets or sets the `wrap` property.
     *
     * @public
     * @attr
     */
    get wrap(): boolean;
    set wrap(value: boolean);
}
/**
 * @public
 */
export declare namespace StackElement {
    type Props = IStackElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-stack': StackElement;
    }
}
export {};
//# sourceMappingURL=StackElement.d.ts.map