import type { IElementRef } from '@melodicdev/core';
type TrendDirection = 'up' | 'down' | 'neutral';
type ValueFont = 'serif' | 'sans';
/**
 * ml-stat-card - Dashboard metric card with label, value, optional trend, and icon
 *
 * @example
 * ```html
 * <ml-stat-card
 *   label="Total Members"
 *   value="1,247"
 *   trend="+6 this month"
 *   trend-direction="up"
 *   icon="users"
 * ></ml-stat-card>
 * ```
 *
 * @csspart value - The large value display
 * @csspart label - The label text
 * @csspart trend - The trend text
 * @csspart icon - The icon container
 *
 * @cssproperty --ml-stat-card-bg - Card background color (default: var(--ml-color-surface))
 * @cssproperty --ml-stat-card-icon-color - Icon color (default: var(--ml-color-text-tertiary))
 * @cssproperty --ml-stat-card-value-color - Value text color (default: var(--ml-color-text))
 */
export declare class StatCardComponent implements IElementRef {
    elementRef: HTMLElement;
    /** Metric label */
    label: string;
    /** Display value */
    value: string | number;
    /** Trend text (e.g. "+6 this month") */
    trend: string;
    /** Trend direction for styling */
    'trend-direction': TrendDirection;
    /** Icon name (Phosphor icon) */
    icon: string;
    /** Icon color — CSS color value or token */
    'icon-color': string;
    /** Value font family */
    'value-font': ValueFont;
}
export {};
//# sourceMappingURL=stat-card.component.d.ts.map