import { type VariantProps } from "class-variance-authority";
/**
 * ProcessTimeline status — the lifecycle position of a single step. Ordering
 * is meaningful (`complete` → `current` → `upcoming`), and `blocked`/`skipped`
 * are terminal off-path states. Colors alone never carry this meaning: each
 * status also has a default marker icon (shape) and a visually-hidden label.
 */
export type ProcessTimelineItemStatus = "complete" | "current" | "upcoming" | "blocked" | "skipped";
/**
 * ProcessTimeline root — a `@container` scope so the timeline adapts to its
 * panel width, not the viewport. Horizontal timelines consult this to hide
 * per-step labels below `@2xl` in favor of a compact summary (mirrors Stepper).
 */
export declare const processTimelineVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
/** The `<ol>` rail — column in vertical orientation, row in horizontal. */
export declare const processTimelineListVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * A vertical `<li>` — its `::before` draws the connector below the marker,
 * colored by *this* item's status (the segment carrying progress to the next
 * step). The last item hides its connector so the rail ends at the final
 * marker. Left/top offsets center the line under the density-sized marker.
 */
export declare const processTimelineVerticalItemVariants: (props?: ({
    status?: "upcoming" | "current" | "complete" | "blocked" | "skipped" | null | undefined;
    density?: "compact" | "comfortable" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * The row inside a vertical item — marker + body. Becomes a full-width button
 * when the timeline is interactive, taking the shared focus ring, a transient
 * `muted` hover surface, and a persistent `selected` tint when chosen.
 */
export declare const processTimelineRowVariants: (props?: ({
    interactive?: boolean | null | undefined;
    selected?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * Circular marker chip. `complete` reads as a solid, done fill; `current` uses
 * the `selected` tokens plus a soft primary ring for "you are here"; the rest
 * are quiet tints. `skipped` is a dashed hollow chip. Never uses `accent`.
 */
export declare const processTimelineMarkerVariants: (props?: ({
    status?: "upcoming" | "current" | "complete" | "blocked" | "skipped" | null | undefined;
    density?: "compact" | "comfortable" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Solid inner dot for `current`/`upcoming` markers that carry no icon. */
export declare const processTimelineDotVariants: (props?: ({
    status?: "upcoming" | "current" | "complete" | "blocked" | "skipped" | null | undefined;
    density?: "compact" | "comfortable" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Connector segment in a horizontal timeline, colored by its step's status. */
export declare const processTimelineConnectorVariants: (props?: ({
    status?: "upcoming" | "current" | "complete" | "blocked" | "skipped" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type ProcessTimelineOrientation = NonNullable<VariantProps<typeof processTimelineListVariants>["orientation"]>;
export type ProcessTimelineDensity = NonNullable<VariantProps<typeof processTimelineMarkerVariants>["density"]>;
//# sourceMappingURL=variants.d.ts.map