vuetify 3.2.5 → 3.3.0

package/lib/components/VRangeSlider/{index.d.ts → index.d.mts}

@@ -8,6 +8,10 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 type EventProp<T extends any[] = any[], F = (...args: T) => any> = F | F[];
 declare const EventProp: <T extends any[] = any[]>() => PropType<EventProp<T, (...args: T) => any>>;
 
+type VMessageSlot = {
+    message: string;
+};
+
 type Density = null | 'default' | 'comfortable' | 'compact';
 
 type ValidationResult = string | boolean;
@@ -34,116 +38,135 @@ declare const VRangeSlider: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            reverse: boolean;
-            max: string | number;
-            error: boolean;
-            strict: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            step: string | number;
-            min: string | number;
-            elevation: NonNullable<string | number>;
-            messages: string | string[];
-            rounded: string | number | boolean;
-            density: Density;
-            modelValue: number[];
-            focused: boolean;
-            errorMessages: string | string[];
-            maxErrors: string | number;
-            rules: ValidationRule[];
-            persistentHint: boolean;
-            showTicks: boolean | "always";
-            tickSize: string | number;
-            trackSize: string | number;
-            thumbLabel: boolean | "always" | undefined;
-            thumbSize: string | number;
-        }> & Omit<{
-            reverse: boolean;
-            max: string | number;
-            error: boolean;
-            strict: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            step: string | number;
-            min: string | number;
-            elevation: NonNullable<string | number>;
-            messages: string | string[];
-            density: Density;
-            modelValue: number[];
-            focused: boolean;
-            errorMessages: string | string[];
-            maxErrors: string | number;
-            rules: ValidationRule[];
-            persistentHint: boolean;
-            showTicks: boolean | "always";
-            tickSize: string | number;
-            trackSize: string | number;
-            thumbSize: string | number;
-        } & {
+        $props: {
+            reverse?: boolean | undefined;
+            max?: string | number | undefined;
+            error?: boolean | undefined;
+            strict?: boolean | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            style?: vue.StyleValue | undefined;
+            disabled?: boolean | null | undefined;
+            readonly?: boolean | null | undefined;
+            step?: string | number | undefined;
+            min?: string | number | undefined;
+            elevation?: NonNullable<string | number> | undefined;
+            messages?: string | readonly string[] | undefined;
+            rounded?: string | number | boolean | undefined;
+            density?: Density | undefined;
+            modelValue?: readonly number[] | undefined;
+            focused?: boolean | undefined;
+            centerAffix?: boolean | undefined;
+            errorMessages?: string | readonly string[] | undefined;
+            maxErrors?: string | number | undefined;
+            rules?: readonly ValidationRule[] | undefined;
+            persistentHint?: boolean | undefined;
+            showTicks?: boolean | "always" | undefined;
+            tickSize?: string | number | undefined;
+            trackSize?: string | number | undefined;
+            thumbLabel?: boolean | "always" | undefined;
+            thumbSize?: string | number | undefined;
+            key?: string | number | symbol | undefined;
             id?: string | undefined;
             name?: string | undefined;
             color?: string | undefined;
             label?: string | undefined;
             class?: any;
-            rounded?: string | number | boolean | undefined;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-            validateOn?: "input" | "blur" | "submit" | undefined;
-            validationValue?: any;
-            hint?: string | undefined;
-            hideDetails?: boolean | "auto" | undefined;
-            trackColor?: string | undefined;
-            trackFillColor?: string | undefined;
-            thumbColor?: string | undefined;
-            thumbLabel?: boolean | "always" | undefined;
-            ticks?: number[] | Record<number, string> | undefined;
-        } & {
             $children?: vue.VNodeChild | ((args_0: VInputSlot) => vue.VNodeChild) | {
                 default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+                label?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 'tick-label'?: (() => vue.VNodeChild) | undefined;
                 'thumb-label'?: (() => vue.VNodeChild) | undefined;
             };
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             'v-slots'?: {
                 default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+                label?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 'tick-label'?: false | (() => vue.VNodeChild) | undefined;
                 'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-        } & {
-            "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
             $slots?: {
                 default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+                label?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 'tick-label'?: (() => vue.VNodeChild) | undefined;
                 'thumb-label'?: (() => vue.VNodeChild) | undefined;
             } | undefined;
-        } & {
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
-            "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onUpdate:focused'?: (EventProp<[boolean], (args_0: boolean) => any> & ((value: boolean) => any)) | undefined;
+            "v-slot:label"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+            validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+            validationValue?: any;
+            hint?: string | undefined;
+            hideDetails?: boolean | "auto" | undefined;
+            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
+            trackColor?: string | undefined;
+            trackFillColor?: string | undefined;
+            thumbColor?: string | undefined;
+            ticks?: readonly number[] | Record<number, string> | undefined;
+            "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
             onEnd?: ((value: [number, number]) => any) | undefined;
             onStart?: ((value: [number, number]) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "max" | "error" | "strict" | "direction" | "style" | "disabled" | "readonly" | "step" | "min" | "elevation" | "messages" | "rounded" | "density" | "modelValue" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "showTicks" | "tickSize" | "trackSize" | "thumbLabel" | "thumbSize">;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -151,10 +174,33 @@ declare const VRangeSlider: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
+            default?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            message?: ((args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            label?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            'tick-label'?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            'thumb-label'?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
         }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: ((event: "end", value: [number, number]) => void) & ((event: "start", value: [number, number]) => void) & ((event: "update:modelValue", value: [number, number]) => void) & ((event: "update:focused", value: boolean) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -164,18 +210,19 @@ declare const VRangeSlider: {
             strict: boolean;
             direction: "horizontal" | "vertical";
             style: vue.StyleValue;
-            disabled: boolean;
-            readonly: boolean;
+            disabled: boolean | null;
+            readonly: boolean | null;
             step: string | number;
             min: string | number;
             elevation: NonNullable<string | number>;
-            messages: string | string[];
+            messages: string | readonly string[];
             density: Density;
-            modelValue: number[];
+            modelValue: readonly number[];
             focused: boolean;
-            errorMessages: string | string[];
+            centerAffix: boolean;
+            errorMessages: string | readonly string[];
             maxErrors: string | number;
-            rules: ValidationRule[];
+            rules: readonly ValidationRule[];
             persistentHint: boolean;
             showTicks: boolean | "always";
             tickSize: string | number;
@@ -193,7 +240,7 @@ declare const VRangeSlider: {
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-            validateOn?: "input" | "blur" | "submit" | undefined;
+            validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
@@ -201,13 +248,15 @@ declare const VRangeSlider: {
             trackFillColor?: string | undefined;
             thumbColor?: string | undefined;
             thumbLabel?: boolean | "always" | undefined;
-            ticks?: number[] | Record<number, string> | undefined;
+            ticks?: readonly number[] | Record<number, string> | undefined;
         } & {
             $children?: vue.VNodeChild | ((args_0: VInputSlot) => vue.VNodeChild) | {
                 default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+                label?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 'tick-label'?: (() => vue.VNodeChild) | undefined;
                 'thumb-label'?: (() => vue.VNodeChild) | undefined;
             };
@@ -216,6 +265,8 @@ declare const VRangeSlider: {
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+                label?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 'tick-label'?: false | (() => vue.VNodeChild) | undefined;
                 'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -224,6 +275,8 @@ declare const VRangeSlider: {
             "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+            "v-slot:label"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
         } & {
@@ -232,6 +285,8 @@ declare const VRangeSlider: {
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+                label?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 'tick-label'?: (() => vue.VNodeChild) | undefined;
                 'thumb-label'?: (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -252,26 +307,52 @@ declare const VRangeSlider: {
             strict: boolean;
             direction: "horizontal" | "vertical";
             style: vue.StyleValue;
-            disabled: boolean;
-            readonly: boolean;
+            disabled: boolean | null;
+            readonly: boolean | null;
             step: string | number;
             min: string | number;
             elevation: NonNullable<string | number>;
-            messages: string | string[];
+            messages: string | readonly string[];
             rounded: string | number | boolean;
             density: Density;
-            modelValue: number[];
+            modelValue: readonly number[];
             focused: boolean;
-            errorMessages: string | string[];
+            centerAffix: boolean;
+            errorMessages: string | readonly string[];
             maxErrors: string | number;
-            rules: ValidationRule[];
+            rules: readonly ValidationRule[];
             persistentHint: boolean;
             showTicks: boolean | "always";
             tickSize: string | number;
             trackSize: string | number;
             thumbLabel: boolean | "always" | undefined;
             thumbSize: string | number;
-        }, {}, string> & {
+        }, {}, string, vue.SlotsType<Partial<{
+            default: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            prepend: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            append: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            details: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            message: (args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            label: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            'tick-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            'thumb-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -286,7 +367,7 @@ declare const VRangeSlider: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
@@ -298,18 +379,19 @@ declare const VRangeSlider: {
         strict: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        disabled: boolean;
-        readonly: boolean;
+        disabled: boolean | null;
+        readonly: boolean | null;
         step: string | number;
         min: string | number;
         elevation: NonNullable<string | number>;
-        messages: string | string[];
+        messages: string | readonly string[];
         density: Density;
-        modelValue: number[];
+        modelValue: readonly number[];
         focused: boolean;
-        errorMessages: string | string[];
+        centerAffix: boolean;
+        errorMessages: string | readonly string[];
         maxErrors: string | number;
-        rules: ValidationRule[];
+        rules: readonly ValidationRule[];
         persistentHint: boolean;
         showTicks: boolean | "always";
         tickSize: string | number;
@@ -327,7 +409,7 @@ declare const VRangeSlider: {
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-        validateOn?: "input" | "blur" | "submit" | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
@@ -335,13 +417,15 @@ declare const VRangeSlider: {
         trackFillColor?: string | undefined;
         thumbColor?: string | undefined;
         thumbLabel?: boolean | "always" | undefined;
-        ticks?: number[] | Record<number, string> | undefined;
+        ticks?: readonly number[] | Record<number, string> | undefined;
     } & {
         $children?: vue.VNodeChild | ((args_0: VInputSlot) => vue.VNodeChild) | {
             default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+            label?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             'tick-label'?: (() => vue.VNodeChild) | undefined;
             'thumb-label'?: (() => vue.VNodeChild) | undefined;
         };
@@ -350,6 +434,8 @@ declare const VRangeSlider: {
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+            label?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             'tick-label'?: false | (() => vue.VNodeChild) | undefined;
             'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -358,6 +444,8 @@ declare const VRangeSlider: {
         "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+        "v-slot:label"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
     } & {
@@ -366,6 +454,8 @@ declare const VRangeSlider: {
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+            label?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             'tick-label'?: (() => vue.VNodeChild) | undefined;
             'thumb-label'?: (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -385,18 +475,19 @@ declare const VRangeSlider: {
     strict: boolean;
     direction: "horizontal" | "vertical";
     style: vue.StyleValue;
-    disabled: boolean;
-    readonly: boolean;
+    disabled: boolean | null;
+    readonly: boolean | null;
     step: string | number;
     min: string | number;
     elevation: NonNullable<string | number>;
-    messages: string | string[];
+    messages: string | readonly string[];
     density: Density;
-    modelValue: number[];
+    modelValue: readonly number[];
     focused: boolean;
-    errorMessages: string | string[];
+    centerAffix: boolean;
+    errorMessages: string | readonly string[];
     maxErrors: string | number;
-    rules: ValidationRule[];
+    rules: readonly ValidationRule[];
     persistentHint: boolean;
     showTicks: boolean | "always";
     tickSize: string | number;
@@ -414,7 +505,7 @@ declare const VRangeSlider: {
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-    validateOn?: "input" | "blur" | "submit" | undefined;
+    validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
@@ -422,13 +513,15 @@ declare const VRangeSlider: {
     trackFillColor?: string | undefined;
     thumbColor?: string | undefined;
     thumbLabel?: boolean | "always" | undefined;
-    ticks?: number[] | Record<number, string> | undefined;
+    ticks?: readonly number[] | Record<number, string> | undefined;
 } & {
     $children?: vue.VNodeChild | ((args_0: VInputSlot) => vue.VNodeChild) | {
         default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+        label?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         'tick-label'?: (() => vue.VNodeChild) | undefined;
         'thumb-label'?: (() => vue.VNodeChild) | undefined;
     };
@@ -437,6 +530,8 @@ declare const VRangeSlider: {
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+        label?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         'tick-label'?: false | (() => vue.VNodeChild) | undefined;
         'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -445,6 +540,8 @@ declare const VRangeSlider: {
     "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+    "v-slot:label"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
 } & {
@@ -453,6 +550,8 @@ declare const VRangeSlider: {
         prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+        label?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         'tick-label'?: (() => vue.VNodeChild) | undefined;
         'thumb-label'?: (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -473,29 +572,55 @@ declare const VRangeSlider: {
     strict: boolean;
     direction: "horizontal" | "vertical";
     style: vue.StyleValue;
-    disabled: boolean;
-    readonly: boolean;
+    disabled: boolean | null;
+    readonly: boolean | null;
     step: string | number;
     min: string | number;
     elevation: NonNullable<string | number>;
-    messages: string | string[];
+    messages: string | readonly string[];
     rounded: string | number | boolean;
     density: Density;
-    modelValue: number[];
+    modelValue: readonly number[];
     focused: boolean;
-    errorMessages: string | string[];
+    centerAffix: boolean;
+    errorMessages: string | readonly string[];
     maxErrors: string | number;
-    rules: ValidationRule[];
+    rules: readonly ValidationRule[];
     persistentHint: boolean;
     showTicks: boolean | "always";
     tickSize: string | number;
     trackSize: string | number;
     thumbLabel: boolean | "always" | undefined;
     thumbSize: string | number;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}, {}, string, vue.SlotsType<Partial<{
+    default: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    prepend: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    append: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    details: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    message: (args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    label: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    'tick-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    'thumb-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     strict: BooleanConstructor;
     modelValue: {
-        type: PropType<number[]>;
+        type: PropType<readonly number[]>;
         default: () => number[];
     };
     elevation: Omit<{
@@ -509,9 +634,15 @@ declare const VRangeSlider: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
-    disabled: BooleanConstructor;
+    disabled: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
     error: BooleanConstructor;
-    readonly: BooleanConstructor;
+    readonly: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
     max: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -540,7 +671,7 @@ declare const VRangeSlider: {
         validator: (v: any) => boolean;
     };
     ticks: {
-        type: PropType<number[] | Record<number, string>>;
+        type: PropType<readonly number[] | Record<number, string>>;
     };
     tickSize: {
         type: (StringConstructor | NumberConstructor)[];
@@ -562,7 +693,7 @@ declare const VRangeSlider: {
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
-        type: PropType<string | string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     maxErrors: {
@@ -572,10 +703,10 @@ declare const VRangeSlider: {
     name: StringConstructor;
     label: StringConstructor;
     rules: {
-        type: PropType<ValidationRule[]>;
+        type: PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: PropType<"input" | "blur" | "submit" | undefined>;
+    validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
     validationValue: null;
     density: {
         type: PropType<Density>;
@@ -589,12 +720,16 @@ declare const VRangeSlider: {
     };
     id: StringConstructor;
     appendIcon: PropType<IconValue>;
+    centerAffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     prependIcon: PropType<IconValue>;
     hideDetails: PropType<boolean | "auto">;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     messages: {
-        type: PropType<string | string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     'onClick:prepend': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
@@ -602,7 +737,7 @@ declare const VRangeSlider: {
 }, vue.ExtractPropTypes<{
     strict: BooleanConstructor;
     modelValue: {
-        type: PropType<number[]>;
+        type: PropType<readonly number[]>;
         default: () => number[];
     };
     elevation: Omit<{
@@ -616,9 +751,15 @@ declare const VRangeSlider: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
-    disabled: BooleanConstructor;
+    disabled: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
     error: BooleanConstructor;
-    readonly: BooleanConstructor;
+    readonly: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
     max: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -647,7 +788,7 @@ declare const VRangeSlider: {
         validator: (v: any) => boolean;
     };
     ticks: {
-        type: PropType<number[] | Record<number, string>>;
+        type: PropType<readonly number[] | Record<number, string>>;
     };
     tickSize: {
         type: (StringConstructor | NumberConstructor)[];
@@ -669,7 +810,7 @@ declare const VRangeSlider: {
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
-        type: PropType<string | string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     maxErrors: {
@@ -679,10 +820,10 @@ declare const VRangeSlider: {
     name: StringConstructor;
     label: StringConstructor;
     rules: {
-        type: PropType<ValidationRule[]>;
+        type: PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: PropType<"input" | "blur" | "submit" | undefined>;
+    validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
     validationValue: null;
     density: {
         type: PropType<Density>;
@@ -696,12 +837,16 @@ declare const VRangeSlider: {
     };
     id: StringConstructor;
     appendIcon: PropType<IconValue>;
+    centerAffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     prependIcon: PropType<IconValue>;
     hideDetails: PropType<boolean | "auto">;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     messages: {
-        type: PropType<string | string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     'onClick:prepend': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;