import { ReactNode } from 'react';
import { HelpId } from './help.js';
/** Provide the guidance on/off state + the `{treatment}`/`{outcome}` nouns. */
export declare function GuidanceProvider({ on, vars, children }: {
    on: boolean;
    vars: Record<string, string>;
    children: ReactNode;
}): import("react/jsx-runtime").JSX.Element;
/**
 * Make an element its own help trigger — hovering the heading / value / label
 * itself opens its glossary card (no separate icon to aim at). Renders children
 * untouched when guidance is off. `display` defaults to `inline` so prose still
 * wraps; pass `inline-flex` + `gap` to keep a multi-part row laid out.
 */
export declare function Help({ id, extraVars, children, display, gap }: {
    id: HelpId;
    extraVars?: Record<string, string> | undefined;
    children: ReactNode;
    display?: 'inline' | 'inline-flex';
    gap?: string;
}): import("react/jsx-runtime").JSX.Element;
/** The header guidance toggle — an icon-only on/off button (no label). The filled
 *  (`subtle`) state + brand tint show guidance is active; ghost + muted is off.
 *  Hovering it always explains the feature (even when off), so it's discoverable. */
export declare function GuidanceToggle({ on, onToggle }: {
    on: boolean;
    onToggle: () => void;
}): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=help-ui.d.ts.map