import type { JSX, ValidComponent } from "@solidjs/web";
import type { BaseUIComponentProps } from "../../internals/types.js";
import { type SliderRootState } from "../slider-root-context.js";
export interface SliderControlState extends SliderRootState {
}
export interface SliderControlProps extends BaseUIComponentProps<"div", SliderControlState> {
/** Tag/component to render. Defaults to `"div"`. */
as?: ValidComponent;
}
/**
* The clickable, interactive part of the slider. Renders a `
`.
*
* Owns the pointer/touch-drag state machine:
*
* - `pointerdown` on the track picks the closest thumb, computes the finger
* position in value space, and begins listening for `pointermove` and
* `pointerup` on the ambient document.
* - `pointermove` applies collision resolution (push / swap / none) and
* commits a `drag` change.
* - `pointerup` commits the final value and releases listeners.
* - Touch events follow the same pipeline via `touchstart` / `touchmove` /
* `touchend`, keyed by the active touch identifier.
*
* Pointer-drag integration behavior is limited in happy-dom; covered in unit
* tests where possible and scheduled for browser-level coverage later.
*/
export declare function SliderControl(props: SliderControlProps): JSX.Element;
export declare namespace SliderControl {
type State = SliderControlState;
type Props = SliderControlProps;
}
//# sourceMappingURL=slider-control.d.ts.map