export interface ToneCardState {
    active: boolean;
}
/**
 * @class ToneCard
 * @description A reusable card component that now automatically renders a mode indicator
 * based on 'total-modes' and 'current-mode' attributes.
 */
export declare class ToneCard extends HTMLElement {
    private shadow;
    private indicatorArea;
    static get observedAttributes(): string[];
    constructor();
    connectedCallback(): void;
    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
    setActive(active: boolean): void;
    get isActive(): boolean;
    private updateThemeContext;
    private dispatchStateChange;
    /**
     * @private
     * @name _updateIndicator
     * @description Renders or updates the indicator dots based on component attributes.
     */
    private _updateIndicator;
    private render;
}