/**
 * Slider - pick a number from a range by dragging a thumb along a track.
 *
 * A single native `<input type="range">` (so keyboard, focus, and ARIA come for
 * free) restyled with the veryfront theme tokens. Controlled via
 * `value`/`onValueChange` or uncontrolled via `defaultValue`; `min`/`max`/`step`
 * behave as on the native element. No adapter or engine required.
 *
 * @example Uncontrolled, 0-100
 * ```tsx
 * import { Slider } from "veryfront/ui";
 *
 * <Slider defaultValue={50} aria-label="Volume" />;
 * ```
 *
 * @example Controlled with a step
 * ```tsx
 * const [temp, setTemp] = React.useState(20);
 * <Slider value={temp} onValueChange={setTemp} min={16} max={30} step={0.5} />;
 * ```
 *
 * @module react/components/ui/slider
 */
import * as React from "react";
/** Props accepted by `<Slider>`. */
export interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue" | "onChange"> {
    /** Controlled value (pair with `onValueChange`). */
    value?: number;
    /** Initial value when uncontrolled. */
    defaultValue?: number;
    /** Fires with the next value as the thumb moves. */
    onValueChange?: (value: number) => void;
    /** Lowest selectable value. @default 0 */
    min?: number;
    /** Highest selectable value. @default 100 */
    max?: number;
    /** Granularity the value snaps to. @default 1 */
    step?: number;
    /** React 19: ref is a regular prop. */
    ref?: React.Ref<HTMLInputElement>;
}
/** Render a range slider. */
export declare function Slider({ value, defaultValue, onValueChange, min, max, step, className, disabled, ref, ...props }: SliderProps): React.ReactElement;
//# sourceMappingURL=slider.d.ts.map