import React from "react";
import { type FieldOption, type OptionValue } from "./status";
import type { SelectOption } from "./select";
/** The complete set with colours, including options no row carries. Structural, since the kit may not
 *  depend on `@lotics/app-runtime/sdk`. */
export interface FieldOptionsSource<T extends string = string> {
    options: readonly FieldOption<T>[];
}
/** Colour resolves by key rather than via `data`, so a picker generic over its payload keeps it. */
export declare function fieldPicker<T extends string, D = unknown>(field: FieldOptionsSource<T>, badge?: "tonal" | "dot"): {
    options: SelectOption<T, D>[];
    renderOptionContent?: (option: SelectOption<T, D>) => React.ReactNode;
};
/** Feeds a field's options, with colour, into any picker. `badge` is opt-in, since a badge means status;
 *  prefer `dot` to `tonal`, as filled pills outweigh the list. */
export declare function optionPicker(options: OptionValue[], opts?: {
    badge?: "tonal" | "dot";
}): {
    options: SelectOption<string, OptionValue>[];
    renderOptionContent?: (option: SelectOption<string, OptionValue>) => React.ReactNode;
};