import { ClassValue, StyledComponentProps, ThemeColor } from "../../types/shared.js";
import { SliderSlots } from "./slider-variants.js";
import { SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps } from "@radix-ui/react-slider";

//#region src/components/slider/types.d.ts

/**
 * Props for the slider range component.
 * The filled portion of the slider track between the minimum and maximum values.
 */
interface SliderRangeProps$1 extends StyledComponentProps<SliderRangeProps> {
  /**
   * Theme color for the slider range fill.
   * Determines the color of the filled portion of the slider.
   */
  color?: ThemeColor;
}
/**
 * Props for the slider root component.
 * The main container for all slider elements including track, range, and thumbs.
 */
interface SliderRootProps extends StyledComponentProps<SliderProps> {}
/**
 * Props for the slider thumb component.
 * The draggable handle that the user moves to change the slider value.
 */
interface SliderThumbProps$1 extends StyledComponentProps<SliderThumbProps> {
  /**
   * Theme color for the slider thumb.
   * Determines the appearance of the draggable handle.
   */
  color?: ThemeColor;
}
/**
 * Props for the slider track component.
 * The background rail on which the range fill and thumb sit.
 */
interface SliderTrackProps$1 extends StyledComponentProps<SliderTrackProps> {
  /**
   * Theme color for the slider track.
   * Determines the background color of the slider rail.
   */
  color?: ThemeColor;
}
/**
 * Class names for different slots in the slider component.
 * Allows customizing styles for track, range, and thumb elements.
 */
type SliderClassNames = Partial<Record<SliderSlots, ClassValue>>;
/**
 * Props for the main Slider component.
 * A range input component for selecting a value or range of values on a continuous scale.
 *
 * @example
 * ```tsx
 * // Single value slider
 * <Slider
 *   defaultValue={[50]}
 *   min={0}
 *   max={100}
 *   step={1}
 *   color="primary"
 * />
 *
 * // Range slider
 * <Slider
 *   defaultValue={[25, 75]}
 *   min={0}
 *   max={100}
 *   step={5}
 *   color="secondary"
 * />
 * ```
 */
interface SliderProps$1 extends Omit<SliderRootProps, 'children'> {
  /**
   * Class names for customizing different parts of the slider component.
   */
  classNames?: SliderClassNames;
  /**
   * Theme color applied to the slider range and thumb.
   * Affects both the fill and interactive elements.
   */
  color?: ThemeColor;
}
//#endregion
export { SliderClassNames, SliderProps$1 as SliderProps, SliderRangeProps$1 as SliderRangeProps, SliderRootProps, SliderThumbProps$1 as SliderThumbProps, SliderTrackProps$1 as SliderTrackProps };