export interface CSSInspectOptions {
    /** Z-spacing between depth levels in px (default 16) */
    depth?: number;
    /** Scale factor when inspecting (default 0.85) */
    scale?: number;
    /** Maximum rotation angle in degrees (default 60) */
    maxTilt?: number;
    /** Distance from host center (in px) at which max tilt is reached (default 384 ≈ 24rem) */
    tiltRadius?: number;
    /** CSS perspective in px (default 1200) */
    perspective?: number;
    /** Show layer labels via data-inspect-label (default true) */
    labels?: boolean;
    /** Walk all descendants recursively, not just direct children (default true) */
    recursive?: boolean;
    /** Pick mode: Alt+hover highlights descendants, Alt+click picks the inspection target (default false) */
    pick?: boolean;
    /** Always-ready mode: hover/click activates without holding Alt (default false) */
    alwaysReady?: boolean;
    /** When false, clicking outside the popover does NOT dismiss the inspection (default true).
     *  Useful for toggle-button UIs where the consumer controls dismiss explicitly. */
    dismissOnClickOutside?: boolean;
    /** Scope tilt tracking to a specific element instead of the entire document.
     *  When set, tilt only updates while the pointer is inside this element — moving
     *  outside pauses tilt so the user can interact with other UI (editors, chat, etc.). */
    tiltElement?: HTMLElement;
    /** Disable the controller */
    disabled?: boolean;
}
/**
 * Explode child layers in 3D space with interactive mouse-driven tilt.
 *
 * Two modes:
 * - **Fixed host** (default): the host element is the inspection target.
 *   Click to activate, Escape/click-outside to dismiss.
 * - **Pick mode** (`pick: true`): the host is a container. Alt+hover highlights
 *   any descendant, Alt+click picks that element as the inspection target.
 *
 * On activation, the target is deep-cloned into a popover (top layer) so the
 * 3D explosion escapes ancestor overflow clipping. The original is hidden
 * with visibility:hidden to preserve layout.
 */
export declare class CSSInspectController {
    #private;
    readonly host: HTMLElement;
    depth: number;
    scale: number;
    maxTilt: number;
    tiltRadius: number;
    perspective: number;
    labels: boolean;
    recursive: boolean;
    pick: boolean;
    alwaysReady: boolean;
    dismissOnClickOutside: boolean;
    tiltElement: HTMLElement | null;
    disabled: boolean;
    constructor(host: HTMLElement, options?: CSSInspectOptions);
    get active(): boolean;
    /** The active inspection root (clone during inspection, host otherwise) */
    get inspectRoot(): HTMLElement;
    attach(): void;
    detach(): void;
    destroy(): void;
    /** Programmatically activate the 3D inspection view on a target element.
     *  In pick mode, pass the element to inspect. In fixed mode, omit to use host. */
    inspect(target?: HTMLElement): void;
    /** Programmatically deactivate */
    dismiss(): void;
}
//# sourceMappingURL=css-inspect-controller.d.ts.map