import { TemplateResult } from 'lit';
import { BahtElement } from '../base.js';
export type ProgressRingTone = 'primary' | 'success' | 'warning' | 'danger';
/**
 * Circular single-value "percent used" ring — the round counterpart to
 * `<baht-progress>`'s linear bar. Center shows the rounded percentage; an
 * optional caption reads what it's a percentage of.
 *
 *   <baht-progress-ring value="80" label="of budget used"></baht-progress-ring>
 */
export declare class BahtProgressRing extends BahtElement {
    /** 0-100, clamped. */
    value: number;
    tone: ProgressRingTone;
    /** Caption under the percentage, e.g. "of budget used". */
    label: string;
    /** Rendered pixel size (square). */
    size: number;
    private static readonly R;
    private static readonly STROKE;
    protected render(): TemplateResult;
}