/**
 * A single key-value pair shown in the right column of val-info-card.
 */
export interface InfoCardKeyValue {
    /** Label (shown in muted color) */
    label: string;
    /** Value (shown in bold) */
    value: string;
    /** Optional token for click identification */
    token?: string;
}
/**
 * Metadata for val-info-card.
 *
 * Card with icon + overtitle + title + subtitle on the left side, and a list
 * of key-value pairs on the right side. Inspired by npm "Provenance" / metadata
 * panels. Two-column layout on desktop, stacked on mobile.
 */
export interface InfoCardMetadata {
    /** ion-icon name */
    icon?: string;
    /** Icon color (Ionic color name or CSS color). Default: 'primary' */
    iconColor?: string;
    /** Small label above the title */
    overtitle?: string;
    /** Main title */
    title: string;
    /** Subtitle below the title */
    subtitle?: string;
    /** Key-value pairs shown in the right column */
    keyValues?: InfoCardKeyValue[];
    /** Show border. Default: true */
    bordered?: boolean;
    /** Show shadow. Default: false */
    shadowed?: boolean;
    /** Card padding. Default: '1.5rem' */
    padding?: string;
    /** Card border radius. Default: '16px' */
    borderRadius?: string;
}
/**
 * Default values for InfoCardMetadata.
 */
export declare const INFO_CARD_DEFAULTS: Required<Pick<InfoCardMetadata, 'iconColor' | 'bordered' | 'shadowed' | 'padding' | 'borderRadius'>>;