type StatSize = 'sm' | 'md' | 'lg'; type StatVariant = 'default' | 'outlined' | 'filled'; /** * `` — framework-agnostic statistic/metric display web component. * * Displays a metric/KPI with label, value, and optional description. * Designed for dashboards and system monitors. * * ## Attributes * - `label` — the metric label (e.g., "CPU Usage", "Memory") * - `value` — the metric value (e.g., "42%", "8.2 GB") * - `description` — optional descriptive text * - `size` — size variant: `sm`, `md` (default), `lg` * - `variant` — visual style: `default`, `outlined`, `filled` * - `trend` — optional trend indicator: `up`, `down`, `neutral` (shows +/− symbol) * - `trend-value` — value to display with trend (e.g., "+5%") * * ## Usage * ```html * * * * * * * * ``` */ export declare class DtStat extends HTMLElement { static get observedAttributes(): string[]; private _container; private _labelEl; private _valueEl; private _descEl; private _trendEl; get label(): string | null; set label(val: string | null); get value(): string | null; set value(val: string | null); get description(): string | null; set description(val: string | null); get size(): StatSize; set size(val: StatSize); get variant(): StatVariant; set variant(val: StatVariant); get trend(): 'up' | 'down' | 'neutral' | null; set trend(val: 'up' | 'down' | 'neutral' | null); get trendValue(): string | null; set trendValue(val: string | null); constructor(); attributeChangedCallback(name: string, _oldVal: string | null, _newVal: string | null): void; private _render; } export {}; //# sourceMappingURL=dt-stat.d.ts.map