/// import { SystemStyleObject, ThemingProps } from "@chakra-v2/styled-system"; import { HTMLChakraProps } from "../system"; import { UseSliderProps, UseSliderReturn } from "./use-slider"; interface SliderContext extends Omit { } declare const SliderProvider: import("react").Provider, useSliderContext: () => SliderContext; declare const useSliderStyles: () => Record; export { SliderProvider, useSliderContext, useSliderStyles }; export interface SliderProps extends UseSliderProps, ThemingProps<"Slider">, Omit, keyof UseSliderProps> { } /** * The Slider is used to allow users to make selections from a range of values. * It provides context and functionality for all slider components * * @see Docs https://v2.chakra-ui.com/docs/form/slider * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/slider/ */ export declare const Slider: import("../system").ComponentWithAs<"div", SliderProps>; export interface SliderThumbProps extends HTMLChakraProps<"div"> { } /** * Slider component that acts as the handle used to select predefined * values by dragging its handle along the track */ export declare const SliderThumb: import("../system").ComponentWithAs<"div", SliderThumbProps>; export interface SliderTrackProps extends HTMLChakraProps<"div"> { } export declare const SliderTrack: import("../system").ComponentWithAs<"div", SliderTrackProps>; export interface SliderInnerTrackProps extends HTMLChakraProps<"div"> { } export declare const SliderFilledTrack: import("../system").ComponentWithAs<"div", SliderInnerTrackProps>; export interface SliderMarkProps extends HTMLChakraProps<"div"> { value: number; } /** * SliderMark is used to provide names for specific Slider * values by defining labels or markers along the track. * * @see Docs https://chakra-ui.com/slider */ export declare const SliderMark: import("../system").ComponentWithAs<"div", SliderMarkProps>;