import { Merge } from "../../utils/index.js";
import { ThemeProps } from "../../core/system/index.types.js";
import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { SaturationSliderStyle } from "./saturation-slider.style.js";
import { UseSaturationSliderProps } from "./use-saturation-slider.js";
import "../../index.js";
import * as react2688 from "react";

//#region src/components/saturation-slider/saturation-slider.d.ts
interface SaturationSliderRootProps extends Merge<HTMLStyledProps, UseSaturationSliderProps>, ThemeProps<SaturationSliderStyle> {
  /**
   * Props for the input element.
   */
  inputProps?: HTMLStyledProps<"input">;
  /**
   * Props for the thumb element.
   */
  thumbProps?: SaturationSliderThumbProps;
  /**
   * Props for the track element.
   */
  trackProps?: SaturationSliderTrackProps;
}
declare const SaturationSliderPropsContext: react2688.Context<Partial<SaturationSliderRootProps> | undefined>, useSaturationSliderPropsContext: () => Partial<SaturationSliderRootProps> | undefined;
/**
 * `SaturationSlider` is a component used to allow the user to select a color saturation.
 *
 * @see https://yamada-ui.com/docs/components/saturation-slider
 */
declare const SaturationSliderRoot: Component<"input", SaturationSliderRootProps>;
interface SaturationSliderTrackProps extends HTMLStyledProps {}
declare const SaturationSliderTrack: Component<"div", SaturationSliderTrackProps>;
interface SaturationSliderThumbProps extends HTMLStyledProps {}
declare const SaturationSliderThumb: Component<"div", SaturationSliderThumbProps>;
//#endregion
export { SaturationSliderPropsContext, SaturationSliderRoot, SaturationSliderRootProps, SaturationSliderThumb, SaturationSliderThumbProps, SaturationSliderTrack, SaturationSliderTrackProps, useSaturationSliderPropsContext };
//# sourceMappingURL=saturation-slider.d.ts.map