/**
 * Timeline — vertical event list: a rail of markers (dot or icon chip)
 * connected by a line, one entry per event.
 *
 * Choosing between the vertical rails: use Timeline for a styled rail of
 * discrete events with rich per-item markers/tones. For a fixed process whose
 * steps are complete / current / upcoming, use ProcessTimeline; for a readable
 * stream of recent activity (newest first), use ActivityFeed.
 *
 * Compound API: `Timeline` renders the <ol> wrapper, `TimelineItem` renders
 * each <li>. The connector is the item's ::before pseudo-element, running
 * from below the marker to the bottom of the row; `last:before:hidden`
 * removes it on the final entry so the rail ends at the last marker.
 *
 * Markers are tone-tinted chips (soft surface + strong dot / icon color);
 * the primary tone uses the `selected` interaction tokens so rebrands
 * inherit it from the primary ramp.
 */
import type { ReactNode } from "react";
import { type TimelineTone } from "./variants.js";
export * from "./variants.js";
export type TimelineProps = {
    children: ReactNode;
};
export declare function Timeline({ children }: TimelineProps): import("react").JSX.Element;
export type TimelineItemProps = {
    title: ReactNode;
    /** Timestamp or other secondary meta, rendered beside the title. */
    meta?: ReactNode;
    description?: ReactNode;
    /** Icon rendered inside the marker chip; a solid dot renders when omitted. */
    icon?: ReactNode;
    /** Colors the marker chip and dot/icon. */
    tone?: TimelineTone;
    /** Extra content below the description (badges, links, attachments …). */
    children?: ReactNode;
};
export declare function TimelineItem({ title, meta, description, icon, tone, children, }: TimelineItemProps): import("react").JSX.Element;
//# sourceMappingURL=index.d.ts.map