import type { EditorRuntime } from '../core/runtime.js';
import type { PageModel } from '../editor/store.js';
import { type VariantAxis } from '../editor/variantAxes.js';
import type { ScreenStateAxisDef } from '../editor/interactiveStates.js';
export declare function useVariantAxes(page: PageModel): {
    axes: VariantAxis[];
    pseudoTargets: ScreenStateAxisDef[];
    shownPseudo: ScreenStateAxisDef | undefined;
};
/** Applies one option of one axis through whatever declared the axis. */
export declare function chooseVariantOption(runtime: Pick<EditorRuntime, 'store' | 'declarations' | 'schedulers'>, page: PageModel, axis: VariantAxis, optionId: string, liveOrigin: string): void;
export declare const AxisRow: import("react").FunctionComponent<{
    axis: VariantAxis;
    page: PageModel;
}>;
/** Chips for every axis away from its base; a chip restores that base. */
export declare const VariantChips: import("react").FunctionComponent<{
    page: PageModel;
}>;
/** Every axis of the screen, grouped, one row each. */
export declare const VariantMatrix: import("react").FunctionComponent<{
    page: PageModel;
}>;