import { type SlotNames, type VariantProps } from '../../utils/variants.js'; export declare const journeyTimelineVariants: ((props?: { orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } | undefined) => { base: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; rail: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; node: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; metaColumn: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; meta: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; markerColumn: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; marker: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; connector: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; content: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; card: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; header: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; trigger: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; trailing: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; labelGroup: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; title: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; subtitle: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; segment: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; detail: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; detailInner: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; detailContent: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; panel: (props?: ({ orientation?: "horizontal" | "vertical" | undefined; size?: "sm" | "md" | "lg" | undefined; status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined; focused?: boolean | undefined; interactive?: boolean | undefined; travelled?: boolean | undefined; connectorStyle?: "solid" | "dashed" | "dotted" | undefined; detail?: "inline" | "panel" | undefined; withMeta?: boolean | undefined; } & { class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined)[] | Record | null | undefined; }) | undefined) => string; }) & { readonly config: import("../../utils/variants.js").TVConfig; }; export type JourneyTimelineVariants = VariantProps; /** Slot names derived from the tv() config — single source of truth for slotClasses. */ export type JourneyTimelineSlots = SlotNames;