import { LitElement } from 'lit';
/** Una zona/umbral cualitativo del gauge. Se aplica hasta el valor `to`. */
export interface OkGaugeThreshold {
    /** Límite superior de la zona (en la escala min..max). */
    to: number;
    /** Color de la zona (cualquier color CSS válido). */
    color: string;
}
/** Tipo de gauge a renderizar. */
export type OkGaugeType = 'arc' | 'ring' | 'bullet';
export declare class OkGauge extends LitElement {
    static styles: import("lit").CSSResult;
    /** Tipo de gauge: semicírculo, anillo o barra bullet. */
    type: OkGaugeType;
    /** Valor actual a representar. */
    value: number;
    /** Mínimo de la escala. */
    min: number;
    /** Máximo de la escala. */
    max: number;
    /** Zonas cualitativas (cada una se pinta hasta `to`); también fijan el color del relleno. */
    thresholds: OkGaugeThreshold[];
    /** Marcador de objetivo (bullet); si no se da, no se dibuja. */
    target?: number;
    /** Etiqueta principal (mayúsculas, muted). */
    label?: string;
    /** Texto secundario bajo el valor / a la derecha del valor en bullet. */
    sublabel?: string;
    /** Color explícito del relleno; tiene prioridad sobre los thresholds. */
    color: string;
    /** Tamaño en px del diámetro (arc/ring); el alto del arc es la mitad. */
    size: number;
    /** Sufijo del valor (ej. '%'); por defecto '%'. */
    unit: string;
    private get fraction();
    private get fillColor();
    private renderValueText;
    private renderArc;
    private renderRing;
    private renderBullet;
    private zoneTint;
    private ariaText;
    render(): unknown;
}
declare global {
    interface HTMLElementTagNameMap {
        'ok-gauge': OkGauge;
    }
}