/**
 * Enhanced Slider Component (Phase 6.4.4)
 *
 * SwiftUI-inspired Slider component with range selection, formatting,
 * and precise value control for numeric input.
 */
import type { ModifiableComponent, ModifierBuilder } from '@tachui/core';
import type { Signal } from '@tachui/core';
import type { ComponentInstance, ComponentProps } from '@tachui/core';
/**
 * Slider component properties
 */
export interface SliderProps extends ComponentProps {
    value: number | Signal<number>;
    onValueChange?: (value: number) => void;
    min?: number;
    max?: number;
    step?: number;
    formatter?: (value: number) => string;
    minimumValueLabel?: string;
    maximumValueLabel?: string;
    variant?: 'default' | 'filled' | 'minimal';
    trackColor?: string;
    thumbColor?: string;
    activeTrackColor?: string;
    size?: 'small' | 'medium' | 'large';
    disabled?: boolean | Signal<boolean>;
    showValue?: boolean;
    showLabels?: boolean;
    marks?: SliderMark[];
    range?: boolean;
    vertical?: boolean;
    accessibilityLabel?: string;
    accessibilityHint?: string;
    accessibilityValueDescription?: (value: number) => string;
}
/**
 * Slider mark configuration
 */
export interface SliderMark {
    value: number;
    label?: string;
    color?: string;
}
/**
 * Enhanced Slider component class
 */
export declare class EnhancedSlider implements ComponentInstance<SliderProps> {
    props: SliderProps;
    readonly type: "component";
    readonly id: string;
    mounted: boolean;
    cleanup: (() => void)[];
    constructor(props: SliderProps);
    /**
     * Get current value
     */
    private getValue;
    /**
     * Check if slider is disabled
     */
    private isDisabled;
    /**
     * Format value for display
     */
    private formatValue;
    /**
     * Handle value change
     */
    private handleValueChange;
    /**
     * How far along the track the fill reaches, as the percentage the styles
     * read through `--slider-progress`. Derived from the current value on every
     * render, so it follows the binding the same way the thumb does.
     */
    private getTrackFillPercentage;
    /**
     * Put the thumb back on whatever the value says now.
     *
     * The browser has already moved it by the time this runs, and the slider is
     * controlled by `value`: unchanged when `onValueChange` wrote the reported
     * value straight through, snapped to the step when it rounded, and back
     * where it started when the binding is a plain number or the handler
     * declined the change. Only the thumb needs this — the track fill is drawn
     * from the value on every render, so leaving the thumb where the pointer
     * dropped it is what would put the two out of step.
     */
    private syncThumb;
    /**
     * Handle input events
     */
    private handleInput;
    /**
     * Get slider size styles
     */
    private getSizeStyles;
    /**
     * Get slider variant styles
     */
    private getVariantStyles;
    /**
     * Render slider marks
     */
    private renderMarks;
    /**
     * Render value labels
     */
    private renderLabels;
    /**
     * Render value display
     */
    private renderValueDisplay;
    render(): import("@tachui/core").DOMNode;
}
/**
 * Slider component function
 */
export declare function Slider(value: number | Signal<number>, props?: Omit<SliderProps, 'value'>): ModifiableComponent<SliderProps> & {
    modifier: ModifierBuilder<ModifiableComponent<SliderProps>>;
};
/**
 * Slider style variants
 */
export declare const SliderStyles: {
    /**
     * Default slider (default)
     */
    Default(value: number | Signal<number>, props?: Omit<SliderProps, "value" | "variant">): ModifiableComponent<SliderProps> & {
        modifier: ModifierBuilder<ModifiableComponent<SliderProps>>;
    };
    /**
     * Filled slider with background
     */
    Filled(value: number | Signal<number>, props?: Omit<SliderProps, "value" | "variant">): ModifiableComponent<SliderProps> & {
        modifier: ModifierBuilder<ModifiableComponent<SliderProps>>;
    };
    /**
     * Minimal slider with minimal styling
     */
    Minimal(value: number | Signal<number>, props?: Omit<SliderProps, "value" | "variant">): ModifiableComponent<SliderProps> & {
        modifier: ModifierBuilder<ModifiableComponent<SliderProps>>;
    };
    /**
     * Vertical slider
     */
    Vertical(value: number | Signal<number>, props?: Omit<SliderProps, "value" | "vertical">): ModifiableComponent<SliderProps> & {
        modifier: ModifierBuilder<ModifiableComponent<SliderProps>>;
    };
    /**
     * Range slider with marks
     */
    WithMarks(value: number | Signal<number>, marks: SliderMark[], props?: Omit<SliderProps, "value" | "marks">): ModifiableComponent<SliderProps> & {
        modifier: ModifierBuilder<ModifiableComponent<SliderProps>>;
    };
    /**
     * Slider with value display
     */
    WithValue(value: number | Signal<number>, props?: Omit<SliderProps, "value" | "showValue">): ModifiableComponent<SliderProps> & {
        modifier: ModifierBuilder<ModifiableComponent<SliderProps>>;
    };
    /**
     * Slider with labels
     */
    WithLabels(value: number | Signal<number>, minimumLabel: string, maximumLabel: string, props?: Omit<SliderProps, "value" | "showLabels" | "minimumValueLabel" | "maximumValueLabel">): ModifiableComponent<SliderProps> & {
        modifier: ModifierBuilder<ModifiableComponent<SliderProps>>;
    };
};
/**
 * Slider utilities
 */
export declare const SliderUtils: {
    /**
     * Create marks for common ranges
     */
    createMarks(min: number, max: number, step: number): SliderMark[];
    /**
     * Create percentage marks
     */
    createPercentageMarks(): SliderMark[];
    /**
     * Create custom formatter
     */
    createFormatter(unit: string, decimals?: number): (value: number) => string;
    /**
     * Snap value to step
     */
    snapToStep(value: number, min: number, step: number): number;
    /**
     * Convert slider value to different scale
     */
    mapToScale(value: number, fromMin: number, fromMax: number, toMin: number, toMax: number): number;
};
//# sourceMappingURL=Slider.d.ts.map