import { LitElement } from 'lit';
export interface GaugeThreshold {
    value: number;
    color: string;
    label?: string;
}
/**
 * Gauge/Progress Ring component for visual progress indication
 *
 * @element ui-gauge
 *
 * @prop {number} value - Current value (0-100)
 * @prop {number} min - Minimum value
 * @prop {number} max - Maximum value
 * @prop {'circle' | 'semicircle' | 'arc'} type - Gauge type
 * @prop {string} label - Center label text
 * @prop {boolean} showValue - Show percentage/value
 * @prop {boolean} showMinMax - Show min/max labels
 * @prop {GaugeThreshold[]} thresholds - Color thresholds
 * @prop {string} color - Primary color
 * @prop {string} trackColor - Background track color
 * @prop {number} strokeWidth - Stroke width
 * @prop {'sm' | 'md' | 'lg'} size - Gauge size
 * @prop {boolean} animated - Enable animations
 * @prop {string} unit - Value unit (%, $, etc.)
 *
 * @fires value-change - Fired when value changes
 *
 * @csspart container - The gauge container
 * @csspart label - Center label
 * @csspart value - Center value
 */
export declare class Gauge extends LitElement {
    value: number;
    min: number;
    max: number;
    type: 'circle' | 'semicircle' | 'arc';
    label: string;
    showValue: boolean;
    showMinMax: boolean;
    thresholds: GaugeThreshold[];
    color: string;
    trackColor: string;
    strokeWidth: number;
    size: 'sm' | 'md' | 'lg';
    animated: boolean;
    unit: string;
    ariaLabel: string;
    private gaugeId;
    private descriptionId;
    static styles: import("lit").CSSResult;
    private getSizeDimensions;
    private getColorForValue;
    private renderCircleGauge;
    private renderSemicircleGauge;
    private renderArcGauge;
    private renderGauge;
    private renderCenterContent;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-gauge': Gauge;
    }
}
//# sourceMappingURL=gauge.d.ts.map