import { LitElement, PropertyValues } from 'lit';
import type { WarpTextField } from '../textfield/index.js';
declare const WarpSliderThumb_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
/**
 * Component to place inside a `<w-slider>`.
 *
 * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
 */
declare class WarpSliderThumb extends WarpSliderThumb_base {
    #private;
    static shadowRootOptions: {
        delegatesFocus: boolean;
        mode: ShadowRootMode;
        serializable?: boolean;
        slotAssignment?: SlotAssignmentMode;
    };
    static styles: import("lit").CSSResult[];
    ariaLabel: string;
    ariaDescription: string;
    label: string;
    name: string;
    value: string;
    disabled: boolean;
    invalid: boolean;
    /** Set by `<w-slider>` */
    allowValuesOutsideRange: boolean;
    /** Set by `<w-slider>` */
    markers: string;
    /** Set by `<w-slider>` */
    required: boolean;
    /** Set by `<w-slider>` */
    step: number;
    /** Set by `<w-slider>` */
    min: string;
    /** Set by `<w-slider>` */
    max: string;
    /** Set by `<w-slider>` */
    suffix: string;
    /** JS hook to help you format the numeric value how you want. */
    formatter: (value: string, type: 'from' | 'to') => string;
    range: HTMLInputElement;
    textfield: WarpTextField;
    /** @internal */
    _showTooltip: boolean;
    /** @internal */
    _inputHasFocus: boolean;
    resetFormControl(): void;
    /**
     * Reference to the anchor positioning style element used by the polyfill.
     * @internal
     */
    anchorPositioningStyleElement: HTMLStyleElement | null;
    updateFieldAfterValidation(): Promise<void>;
    connectedCallback(): Promise<void>;
    get boundaryValue(): string;
    /** Value to display in the textfield (shows boundary when focused on empty value) */
    get textFieldDisplayValue(): string;
    /** Value to display in the tooltip */
    get tooltipDisplayValue(): string | number;
    updated(changedProperties: PropertyValues<this>): void;
    render(): import("lit").TemplateResult<1>;
}
export { WarpSliderThumb };
