import IdsElement from '../../core/ids-element';
import './ids-layout-flex-item';
import type IdsLayoutFlexItem from './ids-layout-flex-item';
export declare const CENTER_INPUTS_SELECTOR: string;
export declare const FLEX_OPTIONS: {
    alignContent: string[];
    alignItems: string[];
    direction: string[];
    display: string[];
    justifyContent: string[];
    wrap: string[];
    as: string[];
    units: number[];
    gapSizes: string[];
    paddingSizes: string[];
    marginSizes: string[];
};
type ButtonAlignment = {
    buttonItem: HTMLElement | null;
    offset: number;
    wrapped: boolean;
};
/**
 * IDS Layout Flex Component
 * @type {IdsLayoutFlex}
 * @inherits IdsElement
 */
export default class IdsLayoutFlex extends IdsElement {
    #private;
    constructor();
    static get attributes(): any;
    connectedCallback(): void;
    disconnectedCallback(): void;
    /**
     * Measure the button offset from the preceding interactive field.
     * @returns {ButtonAlignment} measured button alignment
     */
    measureButtonWrap(): ButtonAlignment;
    /**
     * Apply the measured button alignment.
     * @param {ButtonAlignment} result measured alignment
     */
    applyButtonWrap(result: ButtonAlignment): void;
    /**
     * Get the direct ids-layout-flex-item children.
     * @returns {IdsLayoutFlexItem[]} the direct flex item children
     */
    get flexItems(): IdsLayoutFlexItem[];
    template(): string;
    /**
     * Set the semantic role of the container. `list` exposes role="list" on the
     * host and role="listitem" on each child item.
     * @param {string|null} value 'list' or null
     */
    set as(value: string | null);
    get as(): string | null;
    /**
     * Set the align content setting
     * @param {string} value The value
     */
    set alignContent(value: string | null);
    get alignContent(): string | null;
    /**
     * Set the align items setting
     * @param {string} value The value
     */
    set alignItems(value: string | null);
    get alignItems(): string | null;
    /**
     * Set the direction setting
     * @param {string} value The value
     */
    set direction(value: string | null);
    get direction(): string | null;
    /**
     * Set the display setting
     * @param {string} value The value
     */
    set display(value: string | null);
    get display(): string | null;
    /**
     * Set the gap, apply same for both horizontal and vertical sides
     * @param {number|string} value Named token ('none', 'xs', 'sm', 'md', 'lg', 'xl') or pixel unit
     */
    set gap(value: number | string | null);
    get gap(): number | string | null;
    /**
     * Set the horizontal gap
     * @param {number|string} value Named token ('none', 'xs', 'sm', 'md', 'lg', 'xl') or pixel unit
     */
    set gapX(value: number | string | null);
    get gapX(): number | string | null;
    /**
     * Set card vertical gap
     * @param {number|string} value Named token ('none', 'xs', 'sm', 'md', 'lg', 'xl') or pixel unit
     */
    set gapY(value: number | string | null);
    get gapY(): number | string | null;
    /**
     * Set the padding (all sides). Accepts named tokens that mirror ids-layout-grid.
     * @param {string|null} value 'xxs', 'xs', 'sm', 'md', 'lg', 'xl', or null
     */
    set padding(value: string | null);
    get padding(): string | null;
    /**
     * Set the horizontal padding (padding-inline).
     * @param {string|null} value 'xxs', 'xs', 'sm', 'md', 'lg', 'xl', or null
     */
    set paddingX(value: string | null);
    get paddingX(): string | null;
    /**
     * Set the vertical padding (padding-block).
     * @param {string|null} value 'xxs', 'xs', 'sm', 'md', 'lg', 'xl', or null
     */
    set paddingY(value: string | null);
    get paddingY(): string | null;
    /**
     * Set the margin (all sides). Accepts named tokens that mirror ids-layout-grid.
     * @param {string|null} value 'xs', 'sm', 'md', 'lg', 'xl', 'auto', or null
     */
    set margin(value: string | null);
    get margin(): string | null;
    /**
     * Set the vertical margin (margin-block).
     * @param {string|null} value 'xs', 'sm', 'md', 'lg', 'xl', or null
     */
    set marginY(value: string | null);
    get marginY(): string | null;
    /**
     * Set the height of the flex container
     * @param {string} value The height value (e.g.'200px')
     */
    set height(value: string | null);
    get height(): string | null;
    /**
     * Set the justify content setting
     * @param {string} value The value
     */
    set justifyContent(value: string | null);
    get justifyContent(): string | null;
    /**
     * Set the wrap setting
     * @param {string} value The value
     */
    set wrap(value: string | null);
    get wrap(): string | null;
    /**
     * Set flex container to 100% height
     * @param {boolean} val value
     */
    set fullHeight(val: boolean);
    get fullHeight(): boolean;
    /**
     * Set fill — makes the flex container fill its parent
     * @param {boolean} value The value
     */
    set fill(value: boolean | string | null);
    get fill(): boolean;
}
export {};