import { FC, HTMLAttributes } from 'react'; import { SliderSize } from './types'; export interface SliderProps extends HTMLAttributes { /** * Controlled value of the slider. * Takes precedence over `defaultValue` if provided. */ value?: number; /** * Initial value of the slider for uncontrolled usage. * Used only if `value` is not specified. */ defaultValue?: number; /** * Callback fired when the slider value changes. * Provides the original pointer, mouse, or keyboard event and the new numeric value. */ onChangeValue?(value: number): void; /** * The maximum allowed value for the slider. * Defaults to 100 if not specified. */ max?: number; /** * The minimum allowed value for the slider. * Defaults to 0 if not specified. */ min?: number; /** * The granularity with which the value can be incremented or decremented. * A number or `'any'` for unrestricted precision. */ step?: number | 'any'; /** * Orientation of the slider. * `'horizontal'` (default) or `'vertical'`. */ orientation?: 'vertical' | 'horizontal'; /** * Visual size of the slider. */ size?: SliderSize; /** * Whether the slider is disabled and non-interactive. */ disabled?: boolean; } /** Slider is a high-level UI component that allows users to select a numeric value from a defined range by dragging a thumb along a track. * It combines visual and interactive elements such as the track, progress bar, and thumb, and supports various configurations like size, orientation, step precision, and accessibility. * Commonly used for form inputs, media controls, settings, and data filtering, the Slider component can be either controlled or uncontrolled. */ export declare const Slider: FC;