import { type VariantProps } from "class-variance-authority";
/**
 * RouteDiagram status — the progress position of a single node or leg along a
 * staged journey. `complete` → `current` → `upcoming` reads as travelled →
 * here → ahead. Colour never carries this alone: nodes also differ in *shape*
 * (a solid checked disc, a ringed "you are here" target, a hollow outline) and
 * every position is spelled out in text (a visible caption on the diagram plus
 * the semantic legs summary).
 */
export type RouteStatus = "complete" | "current" | "upcoming";
/**
 * RouteDiagram root — a `@container` scope so the diagram adapts to its own
 * panel width, not the viewport. A horizontal route consults this to fall back
 * to a stacked vertical layout below `@md`, where a single row would overflow.
 */
export declare const routeDiagramVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
/**
 * Node marker fill/stroke by status, applied to the outer SVG `<circle>`.
 * `complete` is a solid primary disc, `current` a hollow primary-ringed target,
 * `upcoming` a quiet border outline. Never uses `accent`.
 */
export declare const routeNodeVariants: (props?: ({
    status?: "upcoming" | "current" | "complete" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Leg segment stroke by status, applied to the connecting SVG `<line>`. */
export declare const routeLegVariants: (props?: ({
    status?: "upcoming" | "current" | "complete" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type RouteNodeStatus = NonNullable<VariantProps<typeof routeNodeVariants>["status"]>;
export type RouteLegStatus = NonNullable<VariantProps<typeof routeLegVariants>["status"]>;
//# sourceMappingURL=variants.d.ts.map