import { type SliderProps } from "../Slider";
export type CollapsibleSliderFieldTag = Readonly<{
    label: string;
    value: number;
}>;
export type CollapsibleSliderFieldProps = Readonly<{
    label: React.ReactNode;
    /** Display string shown in the trailing slot, e.g. "50%", "252°", "Natural". */
    valueLabel: React.ReactNode;
    enabled: boolean;
    onEnabledChange: (enabled: boolean) => void;
    value: number;
    min?: number;
    max?: number;
    step?: number;
    /** Fired on every slider frame while dragging (map to a draft update). */
    onValueChange: (value: number) => void;
    /** Fired when the gesture starts. */
    onPointerDown?: SliderProps["onPointerDown"];
    /** Fired when the gesture ends (map to a commit). */
    onPointerUp?: SliderProps["onPointerUp"];
    /** Fired when the value is committed by pointer release OR keyboard (map to a commit). */
    onValueCommit?: SliderProps["onValueCommit"];
    /** Optional quick-set chips rendered below the slider. */
    tags?: readonly CollapsibleSliderFieldTag[];
    selectedTagValue?: number | null;
    onTagSelect?: (value: number) => void;
    className?: string;
    "data-testid"?: string;
}>;
export declare const CollapsibleSliderField: ({ label, valueLabel, enabled, onEnabledChange, value, min, max, step, onValueChange, onPointerDown, onPointerUp, onValueCommit, tags, selectedTagValue, onTagSelect, className, "data-testid": dataTestId, }: CollapsibleSliderFieldProps) => import("react").JSX.Element;
//# sourceMappingURL=CollapsibleSliderField.d.ts.map