import { AutoFlow } from '../../../Types/AutoFlow';
import { CustomElement } from '../../Abstracts/CustomElement';
import type { ITileListElementProps } from './ITileListElementProps';
declare const TileListElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * TileList - A responsive grid container that arranges child items in a configurable tile layout.
 *
 * Creates a CSS Grid-based layout with customizable columns, row heights, and spacing.
 * Ideal for displaying cards, images, or other content in an organized grid pattern.
 * Supports drag-and-drop reordering of tiles.
 *
 * @name TileListElement
 * @element mosaik-tile-list
 * @category Layout
 *
 * @slot  - The default slot.
 *
 * @cssprop {String} --tile-list-font-family - The list font family CSS custom property.
 * @cssprop {String} --tile-list-font-letter-spacing - The list font letter spacing CSS custom property.
 * @cssprop {String} --tile-list-font-line-height - The list font line height CSS custom property.
 * @cssprop {String} --tile-list-font-size - The list font size CSS custom property.
 * @cssprop {String} --tile-list-font-text-decoration - The list font text decoration CSS custom property.
 * @cssprop {String} --tile-list-font-text-transform - The list font text transform CSS custom property.
 * @cssprop {String} --tile-list-font-weight - The list font weight CSS custom property.
 * @cssprop {String} --tile-list-gap - Spacing between grid items
 * @cssprop {String} --tile-list-gutter-size - The list gutter size CSS custom property.
 * @cssprop {String} --tile-list-padding-bottom - The list padding bottom CSS custom property.
 * @cssprop {String} --tile-list-padding-left - The list padding left CSS custom property.
 * @cssprop {String} --tile-list-padding-right - The list padding right CSS custom property.
 * @cssprop {String} --tile-list-padding-top - The list padding top CSS custom property.
 * @cssprop {String} --tile-list-shadow - The list shadow CSS custom property.
 * @cssprop {String} --tile-list-shadow-blur - The list shadow blur CSS custom property.
 * @cssprop {String} --tile-list-shadow-color - The list shadow color CSS custom property.
 * @cssprop {String} --tile-list-shadow-offset-x - The list shadow offset x CSS custom property.
 * @cssprop {String} --tile-list-shadow-offset-y - The list shadow offset y CSS custom property.
 * @cssprop {String} --tile-list-shadow-spread - The list shadow spread CSS custom property.
 * @cssprop {String} --tile-list-transition-duration - The list transition duration CSS custom property.
 * @cssprop {String} --tile-list-transition-mode - The list transition mode CSS custom property.
 * @cssprop {String} --tile-list-transition-property - The list transition property CSS custom property.
 * @cssprop {String} --tile-list-translate - The list translate CSS custom property.
 *
 * @example
 * ```html
 * <!-- Basic tile grid -->
 * <mosaik-tile-list cols="3" row-height="200px" gutter-size="16px">
 *   <mosaik-tile-list-item>
 *     <img src="image1.jpg" alt="Image 1">
 *   </mosaik-tile-list-item>
 *   <mosaik-tile-list-item>
 *     <img src="image2.jpg" alt="Image 2">
 *   </mosaik-tile-list-item>
 *   <mosaik-tile-list-item>
 *     <img src="image3.jpg" alt="Image 3">
 *   </mosaik-tile-list-item>
 * </mosaik-tile-list>
 *
 * <!-- Responsive card grid -->
 * <mosaik-tile-list cols="4" auto-flow="row" gutter-size="24px">
 *   <mosaik-tile-list-item>
 *     <div class="card">Card content 1</div>
 *   </mosaik-tile-list-item>
 *   <mosaik-tile-list-item>
 *     <div class="card">Card content 2</div>
 *   </mosaik-tile-list-item>
 * </mosaik-tile-list>
 * ```
 *
 * @public
 */
export declare class TileListElement extends TileListElement_base implements ITileListElementProps {
    private _cols;
    private _rowHeight;
    private _gutterSize;
    private _autoFlow;
    private readonly _inlineStyleController;
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     * The `is` property represents natural name of this element.
     *
     * @public
     * @static
     * @readonly
     */
    static get is(): string;
    /**
     * Gets or sets the `cols` property.
     *
     * @public
     * @attr
     */
    get cols(): number;
    set cols(value: number);
    /**
     * Gets or sets the `rowHeight` property.
     *
     * @public
     * @attr
     */
    get rowHeight(): string;
    set rowHeight(value: string);
    /**
     * Gets or sets the `gutterSize` property.
     *
     * @public
     * @attr
     */
    get gutterSize(): string;
    set gutterSize(value: string);
    /**
     * Gets or sets the `autoFlow` property.
     *
     * @public
     * @attr
     */
    get autoFlow(): AutoFlow;
    set autoFlow(value: AutoFlow);
    /**
     * @private
     */
    onDrop(event: DragEvent): void;
    /**
     * @private
     */
    onDragOver(event: Event): void;
    /**
     * @private
     */
    onDragLeave(event: DragEvent): void;
    /**
     * @protected
     * @override
     */
    protected updated(changedProperties: Map<string | number | symbol, unknown>): void;
}
/**
 * @public
 */
export declare namespace TileListElement {
    type Props = ITileListElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-tile-list': TileListElement;
    }
}
export {};
//# sourceMappingURL=TileListElement.d.ts.map