import { ExtensionContentBridge } from './ExtensionContentBridge';
/**
 * Configuration for content script UI
 */
export interface ContentScriptUIConfig {
    /** Button position on screen */
    buttonPosition?: {
        x: number;
        y: number;
    };
    /** Whether to show connection status */
    showConnectionStatus?: boolean;
    /** Optional Vowel configuration */
    vowelConfig?: any;
}
/**
 * Main UI coordinator for content script
 *
 * Initializes and mounts proxy UI components on the page using Shadow DOM
 * for style isolation.
 *
 * @example
 * ```typescript
 * const ui = new ContentScriptUI({
 *   buttonPosition: { x: 20, y: 20 },
 *   showConnectionStatus: true,
 * });
 * ```
 */
export declare class ContentScriptUI {
    private bridge;
    private root;
    private reactRoot;
    private container;
    private config;
    private borderGlowManager;
    private actionPillManager;
    constructor(config?: ContentScriptUIConfig);
    /**
     * Initialize UI components
     */
    private initialize;
    /**
     * Mount React components in shadow root
     */
    private mountComponents;
    /**
     * Inject styles into shadow root
     * Including critical Tailwind utilities for FloatingMicButton
     */
    private injectStyles;
    /**
     * Cleanup resources
     */
    cleanup(): void;
    /**
     * Get bridge instance for external access
     *
     * @returns Extension content bridge
     */
    getBridge(): ExtensionContentBridge;
    /**
     * Check if UI is initialized
     *
     * @returns True if initialized
     */
    isInitialized(): boolean;
}
//# sourceMappingURL=ContentScriptUI.d.ts.map