/**
 * Data display components — DataTable, Badge, Metric, Separator, Progress, etc.
 */
import { Component } from '../../core/component.js';
import type { ComponentProps, RxStr } from '../../core/component.js';
import type { Signal } from '../../rx/signal.js';
import type { Collection } from '../../rx/collection.js';
export interface DataTableColumnDef {
    key: string;
    header?: string;
    sortable?: boolean;
    /** Pipe name applied to cell values for display (e.g. 'humanName', 'date'). */
    format?: string;
    /** Pipe expression for complex access (e.g. "name | humanName"). Overrides key for display. */
    accessor?: string;
}
/** Convenience factory for DataTableColumn definitions — short or descriptor form. */
export declare function col(keyOrDef: string | DataTableColumnDef, header?: string, opts?: {
    sortable?: boolean;
}): DataTableColumnDef;
export interface DataTableProps extends ComponentProps {
    rows?: unknown[] | RxStr;
    columns: DataTableColumnDef[];
    search?: boolean;
    /** Collection to derive rows from. Mutually exclusive with `rows`. */
    from?: Collection;
    /** Signal whose value matches the selected row's key. Auto-generates onRowClick → SetState. */
    selected?: Signal<string | null>;
}
export declare function DataTable(props: DataTableProps): Component;
export type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'success' | 'warning' | 'info' | 'outline';
export interface BadgeProps extends ComponentProps {
    variant?: BadgeVariant;
}
export declare function Badge(content: RxStr, props?: BadgeProps): Component;
export declare function Dot(color: string, props?: ComponentProps): Component;
export interface MetricProps extends ComponentProps {
    label: RxStr;
    value: RxStr;
    delta?: RxStr;
    trend?: 'up' | 'down' | 'flat';
    trendSentiment?: 'positive' | 'negative' | 'neutral';
    description?: RxStr;
}
export declare function Metric(props: MetricProps): Component;
export interface RingProps extends ComponentProps {
    value: number | RxStr;
    label?: RxStr;
    variant?: string;
    size?: number;
    thickness?: number;
}
export declare function Ring(props: RingProps): Component;
export interface ProgressProps extends ComponentProps {
    value: number | RxStr;
    max?: number;
    variant?: string;
}
export declare function Progress(props: ProgressProps): Component;
export declare function Separator(props?: ComponentProps): Component;
export declare function Loader(props?: ComponentProps): Component;
export declare function Icon(name: string, props?: ComponentProps): Component;
//# sourceMappingURL=index.d.ts.map