/**
 * Decision tree data for the Token Picker.
 *
 * Maps the kickstartDS token architecture into a wizard-style navigation:
 *   Branding → Color → Semantic (text / background / border) → Context → State
 *
 * Each node can be a "step" (question + options) or a "result" (final token).
 */
export interface TokenResult {
    /** CSS custom property name */
    cssVar: string;
    /** Human-readable token path, e.g. "text-color · primary" */
    path: string;
    /** Short usage description */
    description: string;
    /** The raw value expression (var reference or literal) */
    value: string;
    /** Category badge (text-color, background-color, …) */
    category: string;
    /** Whether this is a color token (shows swatches) */
    isColor?: boolean;
    /** Inverted token counterpart, if any */
    invertedCssVar?: string;
}
export interface StepOption {
    label: string;
    description?: string;
    /** If set, selecting this option leads to another step */
    next?: Step;
    /** If set, selecting this option shows the token result */
    result?: TokenResult;
}
export interface Step {
    /** Breadcrumb label shown once selected */
    label: string;
    /** Current question text */
    question: string;
    /** Available answers */
    options: StepOption[];
}
export declare const rootStep: Step;
export interface ComponentInfo {
    name: string;
    slug: string;
    category: string;
    description: string;
    tokenCount: number;
}
export declare const componentList: ComponentInfo[];