import React from 'react';
import * as SliderPrimitive from '@radix-ui/react-slider';
export interface SliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'onChange' | 'defaultValue' | 'value' | 'onValueChange' | 'onValueCommit'> {
    /**
     * Current value (single or range) (controlled)
     */
    value?: number | [number, number];
    /**
     * Default value (uncontrolled)
     * @default 0
     */
    defaultValue?: number | [number, number];
    /**
     * Minimum value
     * @default 0
     */
    min?: number;
    /**
     * Maximum value
     * @default 100
     */
    max?: number;
    /**
     * Step increment
     * @default 1
     */
    step?: number;
    /**
     * Enable range mode
     * @default false
     */
    range?: boolean;
    /**
     * Vertical orientation
     * @default false
     */
    vertical?: boolean;
    /**
     * Disabled state
     * @default false
     */
    disabled?: boolean;
    /**
     * Show tooltip
     * @default true
     */
    tooltip?: boolean | {
        formatter?: (value: number) => React.ReactNode;
    };
    /**
     * Track color
     */
    trackColor?: string;
    /**
     * Rail color
     */
    railColor?: string;
    /**
     * Change handler
     */
    onChange?: (value: number | [number, number]) => void;
    /**
     * Change complete handler (on mouse up / keyboard commit)
     */
    onChangeComplete?: (value: number | [number, number]) => void;
    /**
     * Slider content (for composable API)
     */
    children?: React.ReactNode;
    /**
     * @deprecated Radix handles slot composition internally. Kept for API compatibility.
     */
    asChild?: boolean;
}
/**
 * Slider Component
 *
 * A range input component for selecting values along a track.
 * Built on Radix UI Slider primitives for full keyboard and accessibility support.
 * Supports composable API with sub-components for flexible composition.
 *
 * @public
 *
 * @example
 * ```tsx
 * // Composable API (recommended)
 * <Slider value={50} min={0} max={100} step={1}>
 *   <SliderTrack>
 *     <SliderRange />
 *   </SliderTrack>
 *   <SliderThumb value={50} type="end" />
 *   <SliderLabel value={0}>Min</SliderLabel>
 *   <SliderLabel value={100}>Max</SliderLabel>
 * </Slider>
 *
 * ```
 *
 * @remarks
 * - Composable API provides maximum flexibility and control
 * - Supports single value and range modes, vertical/horizontal orientations
 * - Full keyboard support via Radix: arrow keys, Home, End, Page Up/Down
 * - Uses FT Design System tokens: var(--primary) for track, var(--border-secondary) for rail
 */
export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=Slider.d.ts.map