import { RangeDataItem, RangeItemValue } from './types';
export interface RangeUIProps {
    items: readonly RangeDataItem[];
    /**
     * Fires on every pointer tick while a thumb is being dragged (mirrors
     * MUI `<Slider>`'s `onChange`). Use this to update local UI state —
     * not to persist expensive operations like remote queries.
     */
    onChange?: (index: number, value: RangeItemValue) => void;
    /**
     * Fires once when the user *releases* a slider thumb after dragging,
     * after an arrow-key adjustment commits, or when the text inputs
     * blur / Enter. Mirrors MUI `<Slider>`'s `onChangeCommitted`. Use
     * this for side-effects you want to throttle to "drag end" — e.g.
     * writing the value to a source filter that triggers refetches.
     */
    onChangeCommitted?: (index: number, value: RangeItemValue) => void;
    /** Number formatter for the slider tooltip and the text input display. */
    formatter?: (value: number) => string;
}
/**
 * Pure presentational component for the Range widget. Renders one MUI Slider
 * per item with editable min/max text inputs below — matching the Range v1
 * UX. Each item is always a two-thumb range; supply `value` to seed the
 * starting selection, otherwise it defaults to `[min, max]`.
 */
export declare function RangeUI({ items, onChange, onChangeCommitted, formatter, }: RangeUIProps): import("react/jsx-runtime").JSX.Element;