export declare const ACCENT = "\u001B[38;2;122;162;247m";
export declare const ACCENT_DIM = "\u001B[38;2;76;123;217m";
export declare const DIM = "\u001B[2m";
export declare const BOLD = "\u001B[1m";
export declare const R = "\u001B[0m";
export declare const HUES: {
    readonly blue: "\u001B[38;2;122;162;247m";
    readonly violet: "\u001B[38;2;187;154;247m";
    readonly teal: "\u001B[38;2;125;207;255m";
    readonly green: "\u001B[38;2;158;206;106m";
    readonly amber: "\u001B[38;2;224;175;104m";
    readonly rose: "\u001B[38;2;247;118;142m";
};
/** Stable hue per pane type — panels are color-coded at a glance. */
export declare const TYPE_HUE: Record<string, string>;
export declare function pad(s: string, width: number): string;
export declare function center(s: string, width: number): string;
/**
 * Panel — rounded border, title set INTO the top rule, one cell of padding.
 * The rich look: ╭─ Title ────╮ / │  body  │ / ╰──────╯
 */
export declare function panel(title: string, body: string[], width: number, hue?: string): string[];
/** Horizontal rule with an optional dim label. */
export declare function rule(width: number, label?: string): string;
/** Progress bar: label, thin bar, percent — one clean line. */
export declare function progressBar(label: string, ratio: number, width: number): string;
/**
 * Table — pipe/tab separated rows, first row is the header. Columns sized to
 * content, header dim-underlined, no grid noise.
 */
export declare function table(rows: string[][], width: number): string[];
/** Big-number stat tile line pair: value (accent, bold) over a dim label. */
export declare function stat(value: string, label: string, width: number): string[];
/** Checklist line in the zen style: subtle glyphs, done items dimmed. */
export declare function checklistLine(text: string, state: "done" | "active" | "pending"): string;
/** Quiet overflow marker. */
export declare function overflow(width: number): string;
/** Sparkline: a numeric series as a one-line trend. */
export declare function sparkline(label: string, values: number[], width: number): string;
/** Horizontal bar chart row set: label + scaled bar + value, comparisons at a glance. */
export declare function barChart(rows: Array<{
    label: string;
    value: number;
    text?: string;
}>, width: number): string[];
/**
 * Steps: a pipeline/journey as one horizontal diagram.
 *   ✓ Build ── ● Canary ── ○ Full rollout
 * done = dim check, active = accent dot, pending = hollow.
 */
export declare function steps(items: Array<{
    label: string;
    state: "done" | "active" | "pending";
}>, width: number): string;
/** Tree: indented lines (2 spaces per level) → box-drawing hierarchy. */
export declare function tree(lines: Array<{
    depth: number;
    text: string;
}>, width: number): string[];