import { LitElement } from 'lit';
/**
 * Split Pane — resizable two-panel layout with a draggable divider.
 *
 * @slot start - Content for the first (left/top) pane
 * @slot end   - Content for the second (right/bottom) pane
 *
 * @fires resize - Fired when divider is dragged. detail: { startSize: number, endSize: number }
 *
 * @csspart start    - The start pane
 * @csspart end      - The end pane
 * @csspart divider  - The resizable divider
 */
export declare class UISplitPane extends LitElement {
    static styles: import("lit").CSSResult;
    /** Split direction */
    direction: 'horizontal' | 'vertical';
    /** Initial size of the start pane (CSS value: '300px', '40%', etc.) */
    initialSize: string;
    /** Minimum size for start pane */
    minStart: string;
    /** Minimum size for end pane */
    minEnd: string;
    /** Disable resizing */
    disabled: boolean;
    private _dragging;
    private _startPx;
    private _hostEl?;
    private _startPaneEl?;
    firstUpdated(): void;
    private _applySize;
    private _onMousedown;
    private _onMousemove;
    private _onTouchmove;
    private _resize;
    private _onMouseup;
    disconnectedCallback(): void;
    render(): import("lit-html").TemplateResult<1>;
    private _onKeydown;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-split-pane': UISplitPane;
    }
}
//# sourceMappingURL=split-pane.d.ts.map