/** * A bounded number, twice over: the exact figure in a stepper box, the whole * range under a slider beside it. It mirrors the control Creaditor's own editor * uses for a size (`cdtr-range-input` — a paper slider next to a number input), * so a font size set here is set the way an author already sets one there. * * The pair is drawn left-to-right in both languages: the box first, then the * track running from min to max away from it. A slider whose minimum sits on * the right reads as backwards even in an RTL panel, and the editor this * follows pins its own slider to `dir="ltr"` for the same reason. * * Unset stays a real state. The box shows the placeholder — the default the * renderer would use — and the slider rests where that default lands; typing or * dragging makes the value explicit, and emptying the box gives it back. The * slider itself never sits on nothing, so it can't be dragged from "no value" * without saying which value that was. */ export declare function RangeField({ label, value, placeholder, min, max, step, restAt, onChange, }: { /** Names both halves for screen readers; the visible label is the row's. */ label: string; value?: number; /** Shown in the box while unset, and where the slider rests. */ placeholder?: string; min: number; max: number; step?: number; /** Where the slider rests when the placeholder is a word, not a number (the launcher's width defaults to "auto"). */ restAt?: number; onChange: (v: number | undefined) => void; }): import("react").JSX.Element;