declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<{
        /** 单位插槽，用于自定义单位显示 */
        unit?(): any;
    }> & {
        /** 单位插槽，用于自定义单位显示 */
        unit?(): any;
    };
    refs: {
        slider: HTMLDivElement;
        sliderRunway: HTMLDivElement;
        firstSliderBtn: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            readonly modelValue: {
                readonly type: NumberConstructor;
                readonly default: 0;
            };
            readonly position: {
                readonly type: import('vue').PropType<import('..').PopupPositionT>;
                readonly default: "top";
            };
            readonly wrapClass: {
                readonly type: StringConstructor;
            };
            readonly direction: {
                readonly type: import('vue').PropType<import('..').DirectionT>;
                readonly default: "h";
            };
            readonly showSolidCircle: {
                readonly type: BooleanConstructor;
            };
            readonly showPopover: {
                readonly type: BooleanConstructor;
            };
        }>> & Readonly<{
            "onUpdate:modelValue"?: ((v: number) => any) | undefined;
        }>, {
            onButtonDown: (event: MouseEvent | TouchEvent) => void;
            onKeyDown: (event: KeyboardEvent) => void;
            setPosition: (newPosition: number) => Promise<void>;
            hovering: import('vue').Ref<boolean, boolean>;
            dragging: import('vue').Ref<boolean, boolean>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
            "update:modelValue": (v: number) => any;
        }, import('vue').PublicProps, {
            readonly position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
            readonly direction: "h" | "v";
            readonly modelValue: number;
            readonly showSolidCircle: boolean;
            readonly showPopover: boolean;
        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
            button: HTMLDivElement;
        }, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('vue').ExtractPropTypes<{
            readonly modelValue: {
                readonly type: NumberConstructor;
                readonly default: 0;
            };
            readonly position: {
                readonly type: import('vue').PropType<import('..').PopupPositionT>;
                readonly default: "top";
            };
            readonly wrapClass: {
                readonly type: StringConstructor;
            };
            readonly direction: {
                readonly type: import('vue').PropType<import('..').DirectionT>;
                readonly default: "h";
            };
            readonly showSolidCircle: {
                readonly type: BooleanConstructor;
            };
            readonly showPopover: {
                readonly type: BooleanConstructor;
            };
        }>> & Readonly<{
            "onUpdate:modelValue"?: ((v: number) => any) | undefined;
        }>, {
            onButtonDown: (event: MouseEvent | TouchEvent) => void;
            onKeyDown: (event: KeyboardEvent) => void;
            setPosition: (newPosition: number) => Promise<void>;
            hovering: import('vue').Ref<boolean, boolean>;
            dragging: import('vue').Ref<boolean, boolean>;
        }, {}, {}, {}, {
            readonly position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
            readonly direction: "h" | "v";
            readonly modelValue: number;
            readonly showSolidCircle: boolean;
            readonly showPopover: boolean;
        }> | null;
        secondSliderBtn: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            readonly modelValue: {
                readonly type: NumberConstructor;
                readonly default: 0;
            };
            readonly position: {
                readonly type: import('vue').PropType<import('..').PopupPositionT>;
                readonly default: "top";
            };
            readonly wrapClass: {
                readonly type: StringConstructor;
            };
            readonly direction: {
                readonly type: import('vue').PropType<import('..').DirectionT>;
                readonly default: "h";
            };
            readonly showSolidCircle: {
                readonly type: BooleanConstructor;
            };
            readonly showPopover: {
                readonly type: BooleanConstructor;
            };
        }>> & Readonly<{
            "onUpdate:modelValue"?: ((v: number) => any) | undefined;
        }>, {
            onButtonDown: (event: MouseEvent | TouchEvent) => void;
            onKeyDown: (event: KeyboardEvent) => void;
            setPosition: (newPosition: number) => Promise<void>;
            hovering: import('vue').Ref<boolean, boolean>;
            dragging: import('vue').Ref<boolean, boolean>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
            "update:modelValue": (v: number) => any;
        }, import('vue').PublicProps, {
            readonly position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
            readonly direction: "h" | "v";
            readonly modelValue: number;
            readonly showSolidCircle: boolean;
            readonly showPopover: boolean;
        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
            button: HTMLDivElement;
        }, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('vue').ExtractPropTypes<{
            readonly modelValue: {
                readonly type: NumberConstructor;
                readonly default: 0;
            };
            readonly position: {
                readonly type: import('vue').PropType<import('..').PopupPositionT>;
                readonly default: "top";
            };
            readonly wrapClass: {
                readonly type: StringConstructor;
            };
            readonly direction: {
                readonly type: import('vue').PropType<import('..').DirectionT>;
                readonly default: "h";
            };
            readonly showSolidCircle: {
                readonly type: BooleanConstructor;
            };
            readonly showPopover: {
                readonly type: BooleanConstructor;
            };
        }>> & Readonly<{
            "onUpdate:modelValue"?: ((v: number) => any) | undefined;
        }>, {
            onButtonDown: (event: MouseEvent | TouchEvent) => void;
            onKeyDown: (event: KeyboardEvent) => void;
            setPosition: (newPosition: number) => Promise<void>;
            hovering: import('vue').Ref<boolean, boolean>;
            dragging: import('vue').Ref<boolean, boolean>;
        }, {}, {}, {}, {
            readonly position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
            readonly direction: "h" | "v";
            readonly modelValue: number;
            readonly showSolidCircle: boolean;
            readonly showPopover: boolean;
        }> | null;
        input: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{
                color: "normal" | "primary" | "success" | "warning" | "danger";
                disabled: boolean;
                variant: "solid" | "outline" | "text";
                clearable: boolean;
                readonly: boolean;
                autoWidth: boolean;
                step: number;
                controls: "left" | "right" | "none" | "both";
            }> & Omit<{
                readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
                readonly color: "normal" | "primary" | "success" | "warning" | "danger";
                readonly disabled: boolean;
                readonly variant: "solid" | "outline" | "text";
                readonly clearable: boolean;
                readonly readonly: boolean;
                readonly autoWidth: boolean;
                readonly step: number;
                readonly controls: "left" | "right" | "none" | "both";
                readonly round?: import('..').RoundT | undefined;
                readonly size?: "large" | "medium" | "small" | undefined;
                readonly placeholder?: string | undefined;
                readonly max?: number | undefined;
                readonly defaultValue?: number | undefined;
                readonly modelValue?: number | undefined;
                readonly inputId?: string | undefined;
                readonly min?: number | undefined;
                readonly validate?: ((value: number) => boolean) | undefined;
                readonly format?: ((value: string) => string) | undefined;
                readonly clearValue?: number | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "color" | "disabled" | "variant" | "clearable" | "readonly" | "autoWidth" | "step" | "controls">;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: (event: string, ...args: any[]) => void;
            $el: any;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                modelValue: {
                    type: NumberConstructor;
                };
                defaultValue: {
                    type: NumberConstructor;
                };
                step: {
                    type: NumberConstructor;
                    default: number;
                };
                min: {
                    type: NumberConstructor;
                };
                max: {
                    type: NumberConstructor;
                };
                controls: {
                    type: import('vue').PropType<import('..').InputNumberControlT>;
                    default: string;
                };
                clearable: {
                    type: BooleanConstructor;
                    default: boolean;
                };
                size: {
                    type: import('vue').PropType<import('..').SizeT>;
                };
                round: {
                    type: import('vue').PropType<import('..').RoundT>;
                };
                color: {
                    type: import('vue').PropType<import('..').Color2T>;
                    default: string;
                };
                variant: {
                    type: import('vue').PropType<import('..').VariantT>;
                    default: string;
                };
                placeholder: {
                    type: StringConstructor;
                };
                disabled: {
                    type: BooleanConstructor;
                };
                readonly: {
                    type: BooleanConstructor;
                };
                autoWidth: {
                    type: BooleanConstructor;
                };
                format: {
                    type: import('vue').PropType<(value: string) => string>;
                };
                validate: {
                    type: import('vue').PropType<(value: number) => boolean>;
                };
                inputId: {
                    type: StringConstructor;
                };
                clearValue: {
                    type: NumberConstructor;
                };
            }>> & Readonly<{
                [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                [x: string]: any;
            } & {
                [x: string]: any;
            }, string, {
                color: "normal" | "primary" | "success" | "warning" | "danger";
                disabled: boolean;
                variant: "solid" | "outline" | "text";
                clearable: boolean;
                readonly: boolean;
                autoWidth: boolean;
                step: number;
                controls: "left" | "right" | "none" | "both";
            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{
            color: "normal" | "primary" | "success" | "warning" | "danger";
            disabled: boolean;
            variant: "solid" | "outline" | "text";
            clearable: boolean;
            readonly: boolean;
            autoWidth: boolean;
            step: number;
            controls: "left" | "right" | "none" | "both";
        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
            modelValue: {
                type: NumberConstructor;
            };
            defaultValue: {
                type: NumberConstructor;
            };
            step: {
                type: NumberConstructor;
                default: number;
            };
            min: {
                type: NumberConstructor;
            };
            max: {
                type: NumberConstructor;
            };
            controls: {
                type: import('vue').PropType<import('..').InputNumberControlT>;
                default: string;
            };
            clearable: {
                type: BooleanConstructor;
                default: boolean;
            };
            size: {
                type: import('vue').PropType<import('..').SizeT>;
            };
            round: {
                type: import('vue').PropType<import('..').RoundT>;
            };
            color: {
                type: import('vue').PropType<import('..').Color2T>;
                default: string;
            };
            variant: {
                type: import('vue').PropType<import('..').VariantT>;
                default: string;
            };
            placeholder: {
                type: StringConstructor;
            };
            disabled: {
                type: BooleanConstructor;
            };
            readonly: {
                type: BooleanConstructor;
            };
            autoWidth: {
                type: BooleanConstructor;
            };
            format: {
                type: import('vue').PropType<(value: string) => string>;
            };
            validate: {
                type: import('vue').PropType<(value: number) => boolean>;
            };
            inputId: {
                type: StringConstructor;
            };
            clearValue: {
                type: NumberConstructor;
            };
        }>> & Readonly<{
            [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
        }>, "color" | "disabled" | "variant" | "clearable" | "readonly" | "autoWidth" | "step" | "controls"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                plus?(_: {}): any;
                plus?(_: {}): any;
                minus?(_: {}): any;
                minus?(_: {}): any;
                prefix?(_: {}): any;
                suffix?(_: {}): any;
            };
        }) | null;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    readonly modelValue: {
        readonly type: import('vue').PropType<import('./types').Arrayable<number>>;
        readonly default: 0;
    };
    readonly min: {
        readonly type: NumberConstructor;
        readonly default: 0;
    };
    readonly max: {
        readonly type: NumberConstructor;
        readonly default: 100;
    };
    readonly step: {
        readonly type: NumberConstructor;
        readonly default: 1;
    };
    readonly disabled: {
        readonly type: BooleanConstructor;
    };
    readonly inputSize: {
        readonly type: import('vue').PropType<import('..').SizeT>;
    };
    readonly showInput: {
        readonly type: BooleanConstructor;
    };
    readonly showInputControls: {
        readonly type: BooleanConstructor;
    };
    readonly showStops: {
        readonly type: BooleanConstructor;
    };
    readonly range: {
        readonly type: BooleanConstructor;
    };
    readonly direction: {
        readonly type: import('vue').PropType<import('..').DirectionT>;
        readonly default: "h";
    };
    readonly height: {
        readonly type: StringConstructor;
    };
    readonly wrapClass: {
        readonly type: StringConstructor;
    };
    readonly position: {
        readonly type: import('vue').PropType<import('..').PopupPositionT>;
        readonly default: "bottom";
    };
    readonly marks: {
        readonly type: import('vue').PropType<Record<number, string | import('./types').sliderMarksPropsT["mark"]>>;
    };
    readonly unit: {
        readonly type: StringConstructor;
    };
    readonly showPopover: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
}>, {
    /**
     * 点击滑轨时触发滑块移动
     */
    onSliderClick: (event: MouseEvent | TouchEvent) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    input: (value: import('./types').Arrayable<number>) => void;
    change: (value: import('./types').Arrayable<number>) => void;
    "update:modelValue": (value: import('./types').Arrayable<number>) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    readonly modelValue: {
        readonly type: import('vue').PropType<import('./types').Arrayable<number>>;
        readonly default: 0;
    };
    readonly min: {
        readonly type: NumberConstructor;
        readonly default: 0;
    };
    readonly max: {
        readonly type: NumberConstructor;
        readonly default: 100;
    };
    readonly step: {
        readonly type: NumberConstructor;
        readonly default: 1;
    };
    readonly disabled: {
        readonly type: BooleanConstructor;
    };
    readonly inputSize: {
        readonly type: import('vue').PropType<import('..').SizeT>;
    };
    readonly showInput: {
        readonly type: BooleanConstructor;
    };
    readonly showInputControls: {
        readonly type: BooleanConstructor;
    };
    readonly showStops: {
        readonly type: BooleanConstructor;
    };
    readonly range: {
        readonly type: BooleanConstructor;
    };
    readonly direction: {
        readonly type: import('vue').PropType<import('..').DirectionT>;
        readonly default: "h";
    };
    readonly height: {
        readonly type: StringConstructor;
    };
    readonly wrapClass: {
        readonly type: StringConstructor;
    };
    readonly position: {
        readonly type: import('vue').PropType<import('..').PopupPositionT>;
        readonly default: "bottom";
    };
    readonly marks: {
        readonly type: import('vue').PropType<Record<number, string | import('./types').sliderMarksPropsT["mark"]>>;
    };
    readonly unit: {
        readonly type: StringConstructor;
    };
    readonly showPopover: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
}>> & Readonly<{
    onInput?: ((value: import('./types').Arrayable<number>) => any) | undefined;
    onChange?: ((value: import('./types').Arrayable<number>) => any) | undefined;
    "onUpdate:modelValue"?: ((value: import('./types').Arrayable<number>) => any) | undefined;
}>, {
    readonly position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
    readonly disabled: boolean;
    readonly direction: "h" | "v";
    readonly range: boolean;
    readonly max: number;
    readonly modelValue: import('./types').Arrayable<number>;
    readonly min: number;
    readonly step: number;
    readonly showInput: boolean;
    readonly showPopover: boolean;
    readonly showInputControls: boolean;
    readonly showStops: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    slider: HTMLDivElement;
    sliderRunway: HTMLDivElement;
    firstSliderBtn: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
        readonly modelValue: {
            readonly type: NumberConstructor;
            readonly default: 0;
        };
        readonly position: {
            readonly type: import('vue').PropType<import('..').PopupPositionT>;
            readonly default: "top";
        };
        readonly wrapClass: {
            readonly type: StringConstructor;
        };
        readonly direction: {
            readonly type: import('vue').PropType<import('..').DirectionT>;
            readonly default: "h";
        };
        readonly showSolidCircle: {
            readonly type: BooleanConstructor;
        };
        readonly showPopover: {
            readonly type: BooleanConstructor;
        };
    }>> & Readonly<{
        "onUpdate:modelValue"?: ((v: number) => any) | undefined;
    }>, {
        onButtonDown: (event: MouseEvent | TouchEvent) => void;
        onKeyDown: (event: KeyboardEvent) => void;
        setPosition: (newPosition: number) => Promise<void>;
        hovering: import('vue').Ref<boolean, boolean>;
        dragging: import('vue').Ref<boolean, boolean>;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
        "update:modelValue": (v: number) => any;
    }, import('vue').PublicProps, {
        readonly position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
        readonly direction: "h" | "v";
        readonly modelValue: number;
        readonly showSolidCircle: boolean;
        readonly showPopover: boolean;
    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        button: HTMLDivElement;
    }, any, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('vue').ExtractPropTypes<{
        readonly modelValue: {
            readonly type: NumberConstructor;
            readonly default: 0;
        };
        readonly position: {
            readonly type: import('vue').PropType<import('..').PopupPositionT>;
            readonly default: "top";
        };
        readonly wrapClass: {
            readonly type: StringConstructor;
        };
        readonly direction: {
            readonly type: import('vue').PropType<import('..').DirectionT>;
            readonly default: "h";
        };
        readonly showSolidCircle: {
            readonly type: BooleanConstructor;
        };
        readonly showPopover: {
            readonly type: BooleanConstructor;
        };
    }>> & Readonly<{
        "onUpdate:modelValue"?: ((v: number) => any) | undefined;
    }>, {
        onButtonDown: (event: MouseEvent | TouchEvent) => void;
        onKeyDown: (event: KeyboardEvent) => void;
        setPosition: (newPosition: number) => Promise<void>;
        hovering: import('vue').Ref<boolean, boolean>;
        dragging: import('vue').Ref<boolean, boolean>;
    }, {}, {}, {}, {
        readonly position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
        readonly direction: "h" | "v";
        readonly modelValue: number;
        readonly showSolidCircle: boolean;
        readonly showPopover: boolean;
    }> | null;
    secondSliderBtn: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
        readonly modelValue: {
            readonly type: NumberConstructor;
            readonly default: 0;
        };
        readonly position: {
            readonly type: import('vue').PropType<import('..').PopupPositionT>;
            readonly default: "top";
        };
        readonly wrapClass: {
            readonly type: StringConstructor;
        };
        readonly direction: {
            readonly type: import('vue').PropType<import('..').DirectionT>;
            readonly default: "h";
        };
        readonly showSolidCircle: {
            readonly type: BooleanConstructor;
        };
        readonly showPopover: {
            readonly type: BooleanConstructor;
        };
    }>> & Readonly<{
        "onUpdate:modelValue"?: ((v: number) => any) | undefined;
    }>, {
        onButtonDown: (event: MouseEvent | TouchEvent) => void;
        onKeyDown: (event: KeyboardEvent) => void;
        setPosition: (newPosition: number) => Promise<void>;
        hovering: import('vue').Ref<boolean, boolean>;
        dragging: import('vue').Ref<boolean, boolean>;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
        "update:modelValue": (v: number) => any;
    }, import('vue').PublicProps, {
        readonly position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
        readonly direction: "h" | "v";
        readonly modelValue: number;
        readonly showSolidCircle: boolean;
        readonly showPopover: boolean;
    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        button: HTMLDivElement;
    }, any, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('vue').ExtractPropTypes<{
        readonly modelValue: {
            readonly type: NumberConstructor;
            readonly default: 0;
        };
        readonly position: {
            readonly type: import('vue').PropType<import('..').PopupPositionT>;
            readonly default: "top";
        };
        readonly wrapClass: {
            readonly type: StringConstructor;
        };
        readonly direction: {
            readonly type: import('vue').PropType<import('..').DirectionT>;
            readonly default: "h";
        };
        readonly showSolidCircle: {
            readonly type: BooleanConstructor;
        };
        readonly showPopover: {
            readonly type: BooleanConstructor;
        };
    }>> & Readonly<{
        "onUpdate:modelValue"?: ((v: number) => any) | undefined;
    }>, {
        onButtonDown: (event: MouseEvent | TouchEvent) => void;
        onKeyDown: (event: KeyboardEvent) => void;
        setPosition: (newPosition: number) => Promise<void>;
        hovering: import('vue').Ref<boolean, boolean>;
        dragging: import('vue').Ref<boolean, boolean>;
    }, {}, {}, {}, {
        readonly position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
        readonly direction: "h" | "v";
        readonly modelValue: number;
        readonly showSolidCircle: boolean;
        readonly showPopover: boolean;
    }> | null;
    input: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            color: "normal" | "primary" | "success" | "warning" | "danger";
            disabled: boolean;
            variant: "solid" | "outline" | "text";
            clearable: boolean;
            readonly: boolean;
            autoWidth: boolean;
            step: number;
            controls: "left" | "right" | "none" | "both";
        }> & Omit<{
            readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
            readonly color: "normal" | "primary" | "success" | "warning" | "danger";
            readonly disabled: boolean;
            readonly variant: "solid" | "outline" | "text";
            readonly clearable: boolean;
            readonly readonly: boolean;
            readonly autoWidth: boolean;
            readonly step: number;
            readonly controls: "left" | "right" | "none" | "both";
            readonly round?: import('..').RoundT | undefined;
            readonly size?: "large" | "medium" | "small" | undefined;
            readonly placeholder?: string | undefined;
            readonly max?: number | undefined;
            readonly defaultValue?: number | undefined;
            readonly modelValue?: number | undefined;
            readonly inputId?: string | undefined;
            readonly min?: number | undefined;
            readonly validate?: ((value: number) => boolean) | undefined;
            readonly format?: ((value: string) => string) | undefined;
            readonly clearValue?: number | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "color" | "disabled" | "variant" | "clearable" | "readonly" | "autoWidth" | "step" | "controls">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            modelValue: {
                type: NumberConstructor;
            };
            defaultValue: {
                type: NumberConstructor;
            };
            step: {
                type: NumberConstructor;
                default: number;
            };
            min: {
                type: NumberConstructor;
            };
            max: {
                type: NumberConstructor;
            };
            controls: {
                type: import('vue').PropType<import('..').InputNumberControlT>;
                default: string;
            };
            clearable: {
                type: BooleanConstructor;
                default: boolean;
            };
            size: {
                type: import('vue').PropType<import('..').SizeT>;
            };
            round: {
                type: import('vue').PropType<import('..').RoundT>;
            };
            color: {
                type: import('vue').PropType<import('..').Color2T>;
                default: string;
            };
            variant: {
                type: import('vue').PropType<import('..').VariantT>;
                default: string;
            };
            placeholder: {
                type: StringConstructor;
            };
            disabled: {
                type: BooleanConstructor;
            };
            readonly: {
                type: BooleanConstructor;
            };
            autoWidth: {
                type: BooleanConstructor;
            };
            format: {
                type: import('vue').PropType<(value: string) => string>;
            };
            validate: {
                type: import('vue').PropType<(value: number) => boolean>;
            };
            inputId: {
                type: StringConstructor;
            };
            clearValue: {
                type: NumberConstructor;
            };
        }>> & Readonly<{
            [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            [x: string]: any;
        } & {
            [x: string]: any;
        }, string, {
            color: "normal" | "primary" | "success" | "warning" | "danger";
            disabled: boolean;
            variant: "solid" | "outline" | "text";
            clearable: boolean;
            readonly: boolean;
            autoWidth: boolean;
            step: number;
            controls: "left" | "right" | "none" | "both";
        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import('vue').nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
    } & Readonly<{
        color: "normal" | "primary" | "success" | "warning" | "danger";
        disabled: boolean;
        variant: "solid" | "outline" | "text";
        clearable: boolean;
        readonly: boolean;
        autoWidth: boolean;
        step: number;
        controls: "left" | "right" | "none" | "both";
    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
        modelValue: {
            type: NumberConstructor;
        };
        defaultValue: {
            type: NumberConstructor;
        };
        step: {
            type: NumberConstructor;
            default: number;
        };
        min: {
            type: NumberConstructor;
        };
        max: {
            type: NumberConstructor;
        };
        controls: {
            type: import('vue').PropType<import('..').InputNumberControlT>;
            default: string;
        };
        clearable: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import('vue').PropType<import('..').SizeT>;
        };
        round: {
            type: import('vue').PropType<import('..').RoundT>;
        };
        color: {
            type: import('vue').PropType<import('..').Color2T>;
            default: string;
        };
        variant: {
            type: import('vue').PropType<import('..').VariantT>;
            default: string;
        };
        placeholder: {
            type: StringConstructor;
        };
        disabled: {
            type: BooleanConstructor;
        };
        readonly: {
            type: BooleanConstructor;
        };
        autoWidth: {
            type: BooleanConstructor;
        };
        format: {
            type: import('vue').PropType<(value: string) => string>;
        };
        validate: {
            type: import('vue').PropType<(value: number) => boolean>;
        };
        inputId: {
            type: StringConstructor;
        };
        clearValue: {
            type: NumberConstructor;
        };
    }>> & Readonly<{
        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
    }>, "color" | "disabled" | "variant" | "clearable" | "readonly" | "autoWidth" | "step" | "controls"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: {
            plus?(_: {}): any;
            plus?(_: {}): any;
            minus?(_: {}): any;
            minus?(_: {}): any;
            prefix?(_: {}): any;
            suffix?(_: {}): any;
        };
    }) | null;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};