import { Layer, TopLayerOptions } from '@zeejs/core';
import { layoutOverlay } from './layout-overlay';
export declare const overlapBindConfig: unique symbol;
export interface LayerSettings {
    overlap: `window` | HTMLElement;
    backdrop: `none` | `block` | `hide`;
    onClickOutside?: (target: EventTarget) => void;
    onMouseIntersection?: () => void;
    onFocusChange?: () => void;
    onEscape?: (e: KeyboardEvent) => void;
    generateElement: boolean;
}
export interface LayerExtended {
    id: string;
    element: HTMLElement;
    settings: LayerSettings;
    state: {
        mouseInside: boolean;
        focusInside: boolean;
        lastFocusedElement: HTMLElement | SVGElement | null;
    };
    setElement: (this: DOMLayer, element: HTMLElement) => void;
    [overlapBindConfig]: ReturnType<typeof layoutOverlay>;
}
export declare type DOMLayer = Layer<LayerExtended, LayerSettings>;
export declare const defaultLayerSettings: LayerSettings;
export declare function createRoot({ onChange, }?: {
    onChange?: TopLayerOptions<LayerExtended, LayerSettings>[`onChange`];
}): Layer<LayerExtended, LayerSettings>;
//# sourceMappingURL=root.d.ts.map