import { LitElement } from 'lit'; /** * Stats Counter Component * * Animated statistics and metric displays with count-up animations. * * @element ui-stats-counter * * @fires count-complete - Dispatched when counting animation completes * * @csspart container - The main container * @csspart value - The counter value * @csspart label - The counter label * @csspart icon - The icon slot */ export declare class UIStatsCounter extends LitElement { static styles: import("lit").CSSResult; /** * Target value to count to */ value: number; /** * Prefix before the number (e.g., $, +) */ prefix: string; /** * Suffix after the number (e.g., %, K, M) */ suffix: string; /** * Label below the number */ label: string; /** * Description text below the label */ description: string; /** * Enable count-up animation */ animated: boolean; /** * Animation duration in milliseconds */ duration: number; /** * Decimal places to display */ decimals: number; /** * Start counting when element is in viewport */ autoStart: boolean; /** * Visual variant */ variant: 'default' | 'card' | 'minimal' | 'bold'; /** * Use separator for thousands (e.g., 1,000) */ separator: boolean; /** * Accessible label for the counter */ ariaLabel: string | null; private counterId; private liveRegionId; private displayValue; private hasStarted; private observer?; connectedCallback(): void; disconnectedCallback(): void; private setupIntersectionObserver; /** * Start the counting animation */ start(): void; /** * Reset the counter to 0 */ reset(): void; /** * Update the target value and animate to it */ updateValue(newValue: number): void; private dispatchCompleteEvent; private formatNumber; render(): import("lit-html").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'ui-stats-counter': UIStatsCounter; } } //# sourceMappingURL=stats-counter.d.ts.map