import { LitElement } from 'lit'; /** * @element ui-countdown * @description A countdown timer component that counts down to a target date * * @cssprop --countdown-bg - Background color * @cssprop --countdown-color - Text color * @cssprop --countdown-font-size - Main number font size * @cssprop --countdown-label-size - Label font size * @cssprop --countdown-label-color - Label text color * @cssprop --countdown-gap - Gap between time units * @cssprop --countdown-unit-bg - Individual unit background * @cssprop --countdown-unit-padding - Unit padding * @cssprop --countdown-unit-radius - Unit border radius * @cssprop --countdown-separator-color - Separator color * * @csspart container - The main container * @csspart unit - Each time unit block * @csspart value - The numeric value * @csspart label - The text label * @csspart separator - The separator between units * * @fires ui-complete - Fired when the countdown reaches zero * * @example * ```html * * ``` */ export declare class UICountdown extends LitElement { static styles: import("lit").CSSResult; /** Target date in ISO 8601 format */ targetDate: string; /** Visual variant */ variant: 'default' | 'compact' | 'flip' | 'minimal'; /** Size */ size: 'sm' | 'md' | 'lg'; /** Whether to show unit labels */ showLabels: boolean; /** Separator character */ separator: string; /** Whether to start the timer automatically */ autoStart: boolean; private _timeLeft; private _completed; private _intervalId; connectedCallback(): void; disconnectedCallback(): void; updated(changedProperties: Map): void; /** Start the countdown */ start(): void; /** Stop the countdown */ stop(): void; private _tick; private _pad; render(): import("lit-html").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'ui-countdown': UICountdown; } } //# sourceMappingURL=countdown.d.ts.map