/**
 * TachUI Debug System
 *
 * Provides visual debugging tools for component hierarchy and layout
 */
export interface DebugConfig {
    enabled: boolean;
    showLabels: boolean;
    showBounds: boolean;
    logComponentTree: boolean;
}
declare class DebugManager {
    private config;
    private componentTree;
    /**
     * Enable debug mode with optional configuration
     */
    enable(options?: Partial<DebugConfig>): void;
    /**
     * Disable debug mode
     */
    disable(): void;
    /**
     * Check if debug mode is enabled
     */
    isEnabled(): boolean;
    /**
     * Get current debug configuration
     */
    getConfig(): DebugConfig;
    /**
     * Add debug attributes to DOM element
     */
    addDebugAttributes(element: HTMLElement, componentType: string, debugLabel?: string): void;
    /**
     * Log component to tree (for hierarchical debugging)
     */
    logComponent(type: string, label?: string, depth?: number): void;
    /**
     * Print component tree to console
     */
    printComponentTree(): void;
    /**
     * Get icon for component type
     */
    private getComponentIcon;
    /**
     * Inject debug CSS styles
     */
    private injectDebugStyles;
    /**
     * Remove debug CSS styles
     */
    private removeDebugStyles;
}
export declare const debugManager: DebugManager;
export declare const enableDebug: (options?: Partial<DebugConfig>) => void;
export declare const disableDebug: () => void;
export declare const isDebugEnabled: () => boolean;
export {};
//# sourceMappingURL=debug.d.ts.map