/**
 * Small, theme-token-styled form-control primitives used to build the chart
 * configuration tool panel. Each factory returns a ready-to-mount element and
 * wires a single `onChange` callback. No control writes inline styles — all
 * appearance comes from `chart-controls.css.ts`.
 */
/** A `<select>` dropdown. */
export declare function createDropdown(options: ReadonlyArray<{
    value: string;
    label: string;
}>, value: string, onChange: (value: string) => void, label?: string): HTMLElement;
/** A switch-style boolean toggle. */
export declare function createToggle(checked: boolean, onChange: (checked: boolean) => void, label: string): HTMLElement;
/** A color swatch backed by a native color input. */
export declare function createColorInput(value: string, onChange: (value: string) => void, label: string): HTMLElement;
/** A numeric input with optional bounds and step. */
export declare function createNumberInput(value: number, onChange: (value: number) => void, label: string, min?: number, max?: number, step?: number): HTMLElement;
/** A single-line text input. */
export declare function createTextInput(value: string, onChange: (value: string) => void, label: string, placeholder?: string): HTMLElement;
/** A segmented button group (single selection). */
export declare function createSegmented(options: ReadonlyArray<{
    value: string;
    label: string;
}>, value: string, onChange: (value: string) => void, label?: string): HTMLElement;
/**
 * A collapsible section with a header toggle. Returns the outer `section` and
 * the `body` element callers append content to.
 */
export declare function createCollapsibleSection(title: string, expanded?: boolean): {
    section: HTMLElement;
    body: HTMLElement;
};
/** An item in a {@link createReorderableList}. */
export interface ReorderListItem {
    readonly id: string;
    readonly label: string;
    readonly color?: string;
}
/**
 * A drag-to-reorder list with per-item remove buttons. Reordering uses a pointer
 * drag (mousedown/move/up), not HTML5 DnD, to match the chart panel's own drag
 * handling and avoid ghost-image quirks.
 *
 * @param items - Items in current order.
 * @param onReorder - Called with the new id order after a drag.
 * @param onRemove - Called with an item id when its remove button is clicked.
 */
export declare function createReorderableList(items: readonly ReorderListItem[], onReorder: (orderedIds: string[]) => void, onRemove: (id: string) => void): HTMLElement;
//# sourceMappingURL=chart-controls.d.ts.map