// Generated by dts-bundle-generator v7.2.0

import React from 'react';
import { ComponentPropsWithRef, HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode, TouchEvent } from 'react';

/**
 * Available appearance variants for the slider fill.
 * Controls the color scheme of the active range portion of the slider.
 */
export type SliderAppearance = "primary" | "success" | "warning" | "danger" | "neutral";
/**
 * Common properties shared between single and range slider modes.
 */
export interface SliderCommonProperties {
	/**
	 * The minimum value of the slider range.
	 * @default 0
	 */
	min?: number;
	/**
	 * The maximum value of the slider range.
	 * @default 100
	 */
	max?: number;
	/**
	 * The step increment between values.
	 * @default 1
	 */
	step?: number;
	/**
	 * Visual appearance of the slider fill.
	 * @default "primary"
	 */
	appearance?: SliderAppearance;
	/**
	 * Whether the slider is disabled.
	 * @default false
	 */
	disabled?: boolean;
	/**
	 * This is an attribute used to identify a DOM node for testing purposes.
	 */
	"data-testid"?: string;
}
/**
 * Properties specific to single value slider mode.
 * Used for documentation generation.
 */
export interface SliderProperties extends SliderCommonProperties {
	/**
	 * The current value of the slider (single mode).
	 */
	value: number;
	/**
	 * Callback fired when the value changes.
	 */
	onChange?: (value: number) => void;
	/**
	 * Callback fired when the user finishes interacting with the slider.
	 */
	onChangeEnd?: (value: number) => void;
	/**
	 * Accessible label for the slider thumb.
	 * @default "Value"
	 */
	ariaLabel?: string;
}
/**
 * Properties specific to range slider mode (two thumbs).
 */
export interface SliderRangeProperties extends SliderCommonProperties {
	/**
	 * The current minimum value selected on the slider.
	 */
	minValue: number;
	/**
	 * The current maximum value selected on the slider.
	 */
	maxValue: number;
	/**
	 * Callback fired when the min or max value changes.
	 */
	onChange?: (minValue: number, maxValue: number) => void;
	/**
	 * Callback fired when the min value changes.
	 */
	onMinChange?: (value: number) => void;
	/**
	 * Callback fired when the max value changes.
	 */
	onMaxChange?: (value: number) => void;
	/**
	 * Callback fired when the user finishes interacting with the slider.
	 */
	onChangeEnd?: (minValue: number, maxValue: number) => void;
	/**
	 * Accessible label for the minimum value thumb.
	 * @default "Minimum value"
	 */
	minAriaLabel?: string;
	/**
	 * Accessible label for the maximum value thumb.
	 * @default "Maximum value"
	 */
	maxAriaLabel?: string;
}
/**
 * Props for single value slider mode.
 */
export type SliderBaseProps = SliderProperties & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "style">;
/**
 * Props for range slider mode.
 */
export type SliderRangeBaseProps = SliderRangeProperties & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "className" | "style">;
declare const SliderRange: React.ForwardRefExoticComponent<SliderRangeProperties & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
export type SliderRangeProps = ComponentPropsWithRef<typeof SliderRange>;
declare const SliderBase: React.ForwardRefExoticComponent<SliderProperties & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
/**
 * Slider component with Range subcomponent.
 *
 * @example
 * // Single value slider
 * <Slider value={50} onChange={(value) => console.log(value)} />
 *
 * @example
 * // Range slider
 * <Slider.Range minValue={25} maxValue={75} onChange={(min, max) => console.log(min, max)} />
 */
export declare const Slider: React.ForwardRefExoticComponent<SliderProperties & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onChange"> & React.RefAttributes<HTMLDivElement>> & {
	Range: React.ForwardRefExoticComponent<SliderRangeProperties & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
};
export type SliderProps = ComponentPropsWithRef<typeof SliderBase>;
export interface SliderThumbProps {
	className?: string;
	type: "min" | "max" | "single";
	percentage: number;
	value: number;
	minAriaValue: number;
	maxAriaValue: number;
	disabled: boolean;
	ariaLabel?: string;
	dataTestId?: string;
	onMouseDown: (e: MouseEvent | TouchEvent) => void;
	onKeyDown: (e: KeyboardEvent<HTMLButtonElement>) => void;
}
export declare const SliderThumb: React.MemoExoticComponent<({ className, type, percentage, value, minAriaValue, maxAriaValue, disabled, ariaLabel, dataTestId, onMouseDown, onKeyDown, }: SliderThumbProps) => React.JSX.Element>;
export interface SliderTrackProps {
	appearance: SliderAppearance;
	minPercentage?: number;
	maxPercentage: number;
	disabled?: boolean;
	dataTestId?: string;
	children: ReactNode;
	className?: string;
}
export declare const SliderTrack: React.NamedExoticComponent<SliderTrackProps & React.RefAttributes<HTMLDivElement>>;

export {};