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