import { Component } from '@a11d/lit';
import { type Flex } from '@3mo/flex';
import { MutationController } from '@3mo/mutation-observer';
import { SplitterItem } from './index.js';
import '@3mo/theme';
/**
 * @element mo-splitter
 *
 * @attr direction
 * @attr resizerTemplate
 *
 * @slot
 */
export declare class Splitter extends Component {
    private static readonly itemSlotPrefix;
    direction: Flex['direction'];
    resizerTemplate: import("lit-html").HTMLTemplateResult;
    protected resizing: boolean;
    private requestResizeKey;
    private readonly resizerElements;
    get items(): SplitterItem[];
    protected readonly mutationController: MutationController<void>;
    static get styles(): import("@a11d/lit").CSSResult;
    private resizeRequestEvent?;
    protected requestResize(e: TouchEvent | PointerEvent): void;
    protected resize(): void;
    protected get template(): import("lit-html").HTMLTemplateResult;
    private getItemTemplate;
    private getResizerHostTemplate;
}
declare global {
    interface HTMLElementTagNameMap {
        'mo-splitter': Splitter;
    }
}
//# sourceMappingURL=Splitter.d.ts.map