import { SliderProps as AriaSliderProps, SliderThumbRenderProps } from 'react-aria-components/Slider';
import { ContextValue } from 'react-aria-components/slots';
import { StyleProps } from './style-utils';
import { ReactNode, RefObject } from 'react';
import { FocusableRefValue, GlobalDOMAttributes, InputDOMProps, SpectrumLabelableProps } from '@react-types/shared';
export interface SliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'children' | 'style' | 'className' | 'render' | 'orientation' | keyof GlobalDOMAttributes>, Omit<SpectrumLabelableProps, 'necessityIndicator' | 'isRequired'>, StyleProps {
    children?: ReactNode;
    /**
     * The size of the Slider.
     *
     * @default 'M'
     */
    size?: 'S' | 'M' | 'L' | 'XL';
    /**
     * Whether the Slider should be displayed with an emphasized style.
     */
    isEmphasized?: boolean;
    /**
     * The style of the Slider's track.
     *
     * @default 'thin'
     */
    trackStyle?: 'thin' | 'thick';
    /**
     * The style of the Slider's thumb.
     *
     * @default 'default'
     */
    thumbStyle?: 'default' | 'precise';
}
export interface SliderProps extends Omit<SliderBaseProps<number>, 'children'>, InputDOMProps {
    /**
     * The offset from which to start the fill.
     */
    fillOffset?: number;
}
export declare const SliderContext: import("react").Context<ContextValue<Partial<SliderProps>, FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
export declare let track: (props: {
    size: "L" | "M" | "S" | "XL" | undefined;
} | {
    [x: string]: any;
}) => import("../style/types").StyleString<"gridArea" | "height" | "position" | "width">;
export declare let thumbContainer: (props: {
    size: "L" | "M" | "S" | "XL" | undefined;
} | {
    [x: string]: any;
}) => import("../style/types").StyleString<"display" | "position" | "size" | "top">;
export declare let thumbHitArea: (props: {
    size: "L" | "M" | "S" | "XL" | undefined;
    thumbStyle: "default" | "precise" | undefined;
} | {
    [x: string]: any;
}) => import("../style/types").StyleString<"size">;
export declare let thumb: (props: SliderThumbRenderProps & {
    size: "L" | "M" | "S" | "XL";
    thumbStyle: "default" | "precise";
}) => import("../style/types").StyleString<"alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomEndRadius" | "borderBottomRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndRadius" | "borderEndWidth" | "borderRadius" | "borderSpacing" | "borderStartRadius" | "borderStartWidth" | "borderStyle" | "borderTopEndRadius" | "borderTopRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "borderXWidth" | "borderYWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "color" | "colorScheme" | "columnGap" | "contain" | "containIntrinsicHeight" | "containIntrinsicWidth" | "containerName" | "containerType" | "cursor" | "disableTapHighlight" | "display" | "fill" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFamily" | "fontSize" | "fontWeight" | "forcedColorAdjust" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphens" | "inset" | "insetEnd" | "insetStart" | "insetX" | "insetY" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineClamp" | "lineHeight" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginEnd" | "marginStart" | "marginTop" | "marginX" | "marginY" | "maxHeight" | "maxSize" | "maxWidth" | "minHeight" | "minSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "opacity" | "order" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBottom" | "paddingEnd" | "paddingStart" | "paddingTop" | "paddingX" | "paddingY" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "resize" | "right" | "rotate" | "rowGap" | "scale" | "scaleX" | "scaleY" | "scrollBehavior" | "scrollMargin" | "scrollMarginBottom" | "scrollMarginEnd" | "scrollMarginStart" | "scrollMarginTop" | "scrollMarginX" | "scrollMarginY" | "scrollPadding" | "scrollPaddingBottom" | "scrollPaddingEnd" | "scrollPaddingStart" | "scrollPaddingTop" | "scrollPaddingX" | "scrollPaddingY" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarWidth" | "size" | "stroke" | "strokeWidth" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOverflow" | "textTransform" | "textWrap" | "top" | "touchAction" | "transform" | "transformOrigin" | "transition" | "transitionDelay" | "transitionDuration" | "transitionTimingFunction" | "translate" | "translateX" | "translateY" | "truncate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "zIndex" | `--${string}`>;
export declare let upperTrack: (props: {
    isDisabled?: boolean | undefined;
    isStaticColor?: boolean | undefined;
    trackStyle: "thick" | "thin";
}) => import("../style/types").StyleString<"alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomEndRadius" | "borderBottomRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndRadius" | "borderEndWidth" | "borderRadius" | "borderSpacing" | "borderStartRadius" | "borderStartWidth" | "borderStyle" | "borderTopEndRadius" | "borderTopRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "borderXWidth" | "borderYWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "color" | "colorScheme" | "columnGap" | "contain" | "containIntrinsicHeight" | "containIntrinsicWidth" | "containerName" | "containerType" | "cursor" | "disableTapHighlight" | "display" | "fill" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFamily" | "fontSize" | "fontWeight" | "forcedColorAdjust" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphens" | "inset" | "insetEnd" | "insetStart" | "insetX" | "insetY" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineClamp" | "lineHeight" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginEnd" | "marginStart" | "marginTop" | "marginX" | "marginY" | "maxHeight" | "maxSize" | "maxWidth" | "minHeight" | "minSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "opacity" | "order" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBottom" | "paddingEnd" | "paddingStart" | "paddingTop" | "paddingX" | "paddingY" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "resize" | "right" | "rotate" | "rowGap" | "scale" | "scaleX" | "scaleY" | "scrollBehavior" | "scrollMargin" | "scrollMarginBottom" | "scrollMarginEnd" | "scrollMarginStart" | "scrollMarginTop" | "scrollMarginX" | "scrollMarginY" | "scrollPadding" | "scrollPaddingBottom" | "scrollPaddingEnd" | "scrollPaddingStart" | "scrollPaddingTop" | "scrollPaddingX" | "scrollPaddingY" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarWidth" | "size" | "stroke" | "strokeWidth" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOverflow" | "textTransform" | "textWrap" | "top" | "touchAction" | "transform" | "transformOrigin" | "transition" | "transitionDelay" | "transitionDuration" | "transitionTimingFunction" | "translate" | "translateX" | "translateY" | "truncate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "zIndex" | `--${string}`>;
export declare let filledTrack: (props: {
    isDisabled?: boolean | undefined;
    isEmphasized?: boolean | undefined;
    trackStyle: "thick" | "thin";
}) => import("../style/types").StyleString<"alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomEndRadius" | "borderBottomRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndRadius" | "borderEndWidth" | "borderRadius" | "borderSpacing" | "borderStartRadius" | "borderStartWidth" | "borderStyle" | "borderTopEndRadius" | "borderTopRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "borderXWidth" | "borderYWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "color" | "colorScheme" | "columnGap" | "contain" | "containIntrinsicHeight" | "containIntrinsicWidth" | "containerName" | "containerType" | "cursor" | "disableTapHighlight" | "display" | "fill" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFamily" | "fontSize" | "fontWeight" | "forcedColorAdjust" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphens" | "inset" | "insetEnd" | "insetStart" | "insetX" | "insetY" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineClamp" | "lineHeight" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginEnd" | "marginStart" | "marginTop" | "marginX" | "marginY" | "maxHeight" | "maxSize" | "maxWidth" | "minHeight" | "minSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "opacity" | "order" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBottom" | "paddingEnd" | "paddingStart" | "paddingTop" | "paddingX" | "paddingY" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "resize" | "right" | "rotate" | "rowGap" | "scale" | "scaleX" | "scaleY" | "scrollBehavior" | "scrollMargin" | "scrollMarginBottom" | "scrollMarginEnd" | "scrollMarginStart" | "scrollMarginTop" | "scrollMarginX" | "scrollMarginY" | "scrollPadding" | "scrollPaddingBottom" | "scrollPaddingEnd" | "scrollPaddingStart" | "scrollPaddingTop" | "scrollPaddingX" | "scrollPaddingY" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarWidth" | "size" | "stroke" | "strokeWidth" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOverflow" | "textTransform" | "textWrap" | "top" | "touchAction" | "transform" | "transformOrigin" | "transition" | "transitionDelay" | "transitionDuration" | "transitionTimingFunction" | "translate" | "translateX" | "translateY" | "truncate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "zIndex" | `--${string}`>;
export declare function SliderBase<T extends number | number[]>(props: SliderBaseProps<T> & {
    sliderRef: RefObject<HTMLDivElement | null>;
}): ReactNode;
/**
 * Sliders allow users to quickly select a value within a range. They should be used when the upper and lower bounds to the range are invariable.
 */
export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
