vuetify 3.3.13 → 3.3.15

package/lib/components/index.d.mts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, JSXComponent, ComponentInternalInstance, ComputedRef, Component, EffectScope, nextTick, WritableComputedRef, CSSProperties, Prop, ComponentPublicInstance, InjectionKey, UnwrapRef } from 'vue';
+import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, JSXComponent, ComponentInternalInstance, ComputedRef, Component, EffectScope, nextTick, CSSProperties, WritableComputedRef, Prop, ComponentPublicInstance, InjectionKey, UnwrapRef } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 // @ts-ignore
@@ -820,7 +820,7 @@ declare const VAppBar: {
             name?: string | undefined;
             border?: string | number | boolean | undefined;
             color?: string | undefined;
-            scrollBehavior?: "hide" | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
+            scrollBehavior?: "hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
             title?: string | undefined;
             image?: string | undefined;
             class?: any;
@@ -941,7 +941,7 @@ declare const VAppBar: {
             name?: string | undefined;
             border?: string | number | boolean | undefined;
             color?: string | undefined;
-            scrollBehavior?: "hide" | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
+            scrollBehavior?: "hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
             title?: string | undefined;
             image?: string | undefined;
             class?: any;
@@ -1051,7 +1051,7 @@ declare const VAppBar: {
         name?: string | undefined;
         border?: string | number | boolean | undefined;
         color?: string | undefined;
-        scrollBehavior?: "hide" | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
+        scrollBehavior?: "hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
         title?: string | undefined;
         image?: string | undefined;
         class?: any;
@@ -1108,7 +1108,7 @@ declare const VAppBar: {
     name?: string | undefined;
     border?: string | number | boolean | undefined;
     color?: string | undefined;
-    scrollBehavior?: "hide" | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
+    scrollBehavior?: "hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
     title?: string | undefined;
     image?: string | undefined;
     class?: any;
@@ -1237,7 +1237,7 @@ declare const VAppBar: {
     floating: BooleanConstructor;
     image: StringConstructor;
     title: StringConstructor;
-    scrollBehavior: PropType<"hide" | "collapse" | "inverted" | "elevate" | "fade-image">;
+    scrollBehavior: PropType<"hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image">;
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -1305,7 +1305,7 @@ declare const VAppBar: {
     floating: BooleanConstructor;
     image: StringConstructor;
     title: StringConstructor;
-    scrollBehavior: PropType<"hide" | "collapse" | "inverted" | "elevate" | "fade-image">;
+    scrollBehavior: PropType<"hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image">;
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -14116,6 +14116,8 @@ type SelectionControlSlot = {
     model: WritableComputedRef<any>;
     textColorClasses: Ref<string[]>;
     textColorStyles: Ref<CSSProperties>;
+    backgroundColorClasses: Ref<string[]>;
+    backgroundColorStyles: Ref<CSSProperties>;
     inputNode: VNode;
     icon: IconValue | undefined;
     props: {
@@ -14125,7 +14127,10 @@ type SelectionControlSlot = {
     };
 };
 type VSelectionControlSlots = {
-    default: never;
+    default: {
+        backgroundColorClasses: Ref<string[]>;
+        backgroundColorStyles: Ref<CSSProperties>;
+    };
     label: {
         label: string | undefined;
         props: Record<string, unknown>;
@@ -14210,7 +14215,10 @@ declare const VSelectionControl: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: (() => VNode<vue.RendererNode, vue.RendererElement, {
+            default?: ((arg: {
+                backgroundColorClasses: Ref<string[]>;
+                backgroundColorStyles: Ref<CSSProperties>;
+            }) => VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
             label?: ((arg: {
@@ -14269,7 +14277,10 @@ declare const VSelectionControl: {
             ripple: boolean;
             valueComparator: typeof deepEqual;
         }, {}, string, vue.SlotsType<Partial<{
-            default: () => VNode<vue.RendererNode, vue.RendererElement, {
+            default: (arg: {
+                backgroundColorClasses: Ref<string[]>;
+                backgroundColorStyles: Ref<CSSProperties>;
+            }) => VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
             label: (arg: {
@@ -14376,7 +14387,10 @@ declare const VSelectionControl: {
     ripple: boolean;
     valueComparator: typeof deepEqual;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => VNode<vue.RendererNode, vue.RendererElement, {
+    default: (arg: {
+        backgroundColorClasses: Ref<string[]>;
+        backgroundColorStyles: Ref<CSSProperties>;
+    }) => VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     label: (arg: {
@@ -14516,12 +14530,18 @@ declare const VCheckbox: {
             value?: any;
             label?: string | undefined;
             class?: any;
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
-                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | {
                 message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                default?: ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
@@ -14532,13 +14552,19 @@ declare const VCheckbox: {
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             theme?: string | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
-                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                default?: false | ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
@@ -14614,19 +14640,22 @@ declare const VCheckbox: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
             append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default?: ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
             label?: ((arg: {
@@ -14687,12 +14716,18 @@ declare const VCheckbox: {
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
-                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | {
                 message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                default?: ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
@@ -14700,11 +14735,14 @@ declare const VCheckbox: {
                 input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
             };
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
-                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                default?: false | ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
@@ -14712,11 +14750,14 @@ declare const VCheckbox: {
                 input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             "v-slot:label"?: false | ((arg: {
                 label: string | undefined;
                 props: Record<string, unknown>;
@@ -14750,19 +14791,22 @@ declare const VCheckbox: {
             centerAffix: boolean;
             persistentHint: boolean;
         }, {}, string, vue.SlotsType<Partial<{
-            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
             append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default: (arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
             label: (arg: {
@@ -14838,12 +14882,18 @@ declare const VCheckbox: {
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
-            prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        $children?: vue.VNodeChild | ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            default?: ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             label?: ((arg: {
                 label: string | undefined;
                 props: Record<string, unknown>;
@@ -14851,11 +14901,14 @@ declare const VCheckbox: {
             input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-            prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            default?: false | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             label?: false | ((arg: {
                 label: string | undefined;
                 props: Record<string, unknown>;
@@ -14863,11 +14916,14 @@ declare const VCheckbox: {
             input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         "v-slot:label"?: false | ((arg: {
             label: string | undefined;
             props: Record<string, unknown>;
@@ -14924,12 +14980,18 @@ declare const VCheckbox: {
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        default?: (() => vue.VNodeChild) | undefined;
-        prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    $children?: vue.VNodeChild | ((arg: {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNodeChild) | {
         message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        default?: ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         label?: ((arg: {
             label: string | undefined;
             props: Record<string, unknown>;
@@ -14937,11 +14999,14 @@ declare const VCheckbox: {
         input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
-        prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        default?: false | ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         label?: false | ((arg: {
             label: string | undefined;
             props: Record<string, unknown>;
@@ -14949,11 +15014,14 @@ declare const VCheckbox: {
         input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+    "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:default"?: false | ((arg: {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNodeChild) | undefined;
     "v-slot:label"?: false | ((arg: {
         label: string | undefined;
         props: Record<string, unknown>;
@@ -14987,19 +15055,22 @@ declare const VCheckbox: {
     centerAffix: boolean;
     persistentHint: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    default: (arg: {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     label: (arg: {
@@ -15218,21 +15289,33 @@ declare const VCheckboxBtn: {
             value?: any;
             label?: string | undefined;
             class?: any;
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
                 input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-            };
+            } | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild);
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             theme?: string | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
+                default?: false | ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
@@ -15296,7 +15379,10 @@ declare const VCheckboxBtn: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default?: ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
             label?: ((arg: {
@@ -15341,16 +15427,25 @@ declare const VCheckboxBtn: {
             trueValue?: any;
             falseValue?: any;
         } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
                 input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-            };
+            } | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
+                default?: false | ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
@@ -15358,7 +15453,10 @@ declare const VCheckboxBtn: {
                 input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             "v-slot:label"?: false | ((arg: {
                 label: string | undefined;
                 props: Record<string, unknown>;
@@ -15385,7 +15483,10 @@ declare const VCheckboxBtn: {
             valueComparator: typeof deepEqual;
             indeterminateIcon: IconValue;
         }, {}, string, vue.SlotsType<Partial<{
-            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default: (arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
             label: (arg: {
@@ -15445,16 +15546,25 @@ declare const VCheckboxBtn: {
         trueValue?: any;
         falseValue?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
+        $children?: vue.VNodeChild | {
+            default?: ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             label?: ((arg: {
                 label: string | undefined;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
             input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-        };
+        } | ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
+            default?: false | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             label?: false | ((arg: {
                 label: string | undefined;
                 props: Record<string, unknown>;
@@ -15462,7 +15572,10 @@ declare const VCheckboxBtn: {
             input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         "v-slot:label"?: false | ((arg: {
             label: string | undefined;
             props: Record<string, unknown>;
@@ -15503,16 +15616,25 @@ declare const VCheckboxBtn: {
     trueValue?: any;
     falseValue?: any;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        default?: (() => vue.VNodeChild) | undefined;
+    $children?: vue.VNodeChild | {
+        default?: ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         label?: ((arg: {
             label: string | undefined;
             props: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
         input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-    };
+    } | ((arg: {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
+        default?: false | ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         label?: false | ((arg: {
             label: string | undefined;
             props: Record<string, unknown>;
@@ -15520,7 +15642,10 @@ declare const VCheckboxBtn: {
         input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:default"?: false | ((arg: {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNodeChild) | undefined;
     "v-slot:label"?: false | ((arg: {
         label: string | undefined;
         props: Record<string, unknown>;
@@ -15547,7 +15672,10 @@ declare const VCheckboxBtn: {
     valueComparator: typeof deepEqual;
     indeterminateIcon: IconValue;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    default: (arg: {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     label: (arg: {
@@ -37467,21 +37595,33 @@ declare const VRadio: {
             value?: any;
             label?: string | undefined;
             class?: any;
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
                 input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-            };
+            } | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild);
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             theme?: string | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
+                default?: false | ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
@@ -37543,7 +37683,10 @@ declare const VRadio: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default?: ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
             label?: ((arg: {
@@ -37586,16 +37729,25 @@ declare const VRadio: {
             trueValue?: any;
             falseValue?: any;
         } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
                 input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-            };
+            } | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
+                default?: false | ((arg: {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | ((arg: {
                     label: string | undefined;
                     props: Record<string, unknown>;
@@ -37603,7 +37755,10 @@ declare const VRadio: {
                 input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             "v-slot:label"?: false | ((arg: {
                 label: string | undefined;
                 props: Record<string, unknown>;
@@ -37622,7 +37777,10 @@ declare const VRadio: {
             trueIcon: NonNullable<IconValue>;
             valueComparator: typeof deepEqual;
         }, {}, string, vue.SlotsType<Partial<{
-            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default: (arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
             label: (arg: {
@@ -37680,16 +37838,25 @@ declare const VRadio: {
         trueValue?: any;
         falseValue?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
+        $children?: vue.VNodeChild | {
+            default?: ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             label?: ((arg: {
                 label: string | undefined;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
             input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-        };
+        } | ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
+            default?: false | ((arg: {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             label?: false | ((arg: {
                 label: string | undefined;
                 props: Record<string, unknown>;
@@ -37697,7 +37864,10 @@ declare const VRadio: {
             input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         "v-slot:label"?: false | ((arg: {
             label: string | undefined;
             props: Record<string, unknown>;
@@ -37733,16 +37903,25 @@ declare const VRadio: {
     trueValue?: any;
     falseValue?: any;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        default?: (() => vue.VNodeChild) | undefined;
+    $children?: vue.VNodeChild | {
+        default?: ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         label?: ((arg: {
             label: string | undefined;
             props: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
         input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-    };
+    } | ((arg: {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
+        default?: false | ((arg: {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         label?: false | ((arg: {
             label: string | undefined;
             props: Record<string, unknown>;
@@ -37750,7 +37929,10 @@ declare const VRadio: {
         input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:default"?: false | ((arg: {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNodeChild) | undefined;
     "v-slot:label"?: false | ((arg: {
         label: string | undefined;
         props: Record<string, unknown>;
@@ -37769,7 +37951,10 @@ declare const VRadio: {
     trueIcon: NonNullable<IconValue>;
     valueComparator: typeof deepEqual;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    default: (arg: {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     label: (arg: {
@@ -37914,16 +38099,15 @@ declare const VRadioGroup: {
             label?: string | undefined;
             class?: any;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
-                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                default?: (() => vue.VNodeChild) | undefined;
                 label?: ((arg: {
                     label: string | undefined;
-                    props: Record<string, unknown>;
+                    props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
-                input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
             };
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -37931,16 +38115,15 @@ declare const VRadioGroup: {
             theme?: string | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
-                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                default?: false | (() => vue.VNodeChild) | undefined;
                 label?: false | ((arg: {
                     label: string | undefined;
-                    props: Record<string, unknown>;
+                    props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
-                input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
             } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -37987,10 +38170,9 @@ declare const VRadioGroup: {
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
             defaultsTarget?: string | undefined;
-            "v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
             "v-slot:label"?: false | ((arg: {
                 label: string | undefined;
-                props: Record<string, unknown>;
+                props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
@@ -38009,30 +38191,27 @@ declare const VRadioGroup: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
             append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
             label?: ((arg: {
                 label: string | undefined;
-                props: Record<string, unknown>;
+                props: Record<string, any>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            input?: ((arg: SelectionControlSlot) => 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;
@@ -38079,40 +38258,37 @@ declare const VRadioGroup: {
             hideDetails?: boolean | "auto" | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
-                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                default?: (() => vue.VNodeChild) | undefined;
                 label?: ((arg: {
                     label: string | undefined;
-                    props: Record<string, unknown>;
+                    props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
-                input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
             };
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
-                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                default?: false | (() => vue.VNodeChild) | undefined;
                 label?: false | ((arg: {
                     label: string | undefined;
-                    props: Record<string, unknown>;
+                    props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
-                input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:label"?: false | ((arg: {
                 label: string | undefined;
-                props: Record<string, unknown>;
+                props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -38139,30 +38315,27 @@ declare const VRadioGroup: {
             centerAffix: boolean;
             persistentHint: boolean;
         }, {}, string, vue.SlotsType<Partial<{
-            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
             append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
             label: (arg: {
                 label: string | undefined;
-                props: Record<string, unknown>;
+                props: Record<string, any>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[];
         }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -38224,40 +38397,37 @@ declare const VRadioGroup: {
         hideDetails?: boolean | "auto" | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
-            prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            default?: (() => vue.VNodeChild) | undefined;
             label?: ((arg: {
                 label: string | undefined;
-                props: Record<string, unknown>;
+                props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-            input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-            prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            default?: false | (() => vue.VNodeChild) | undefined;
             label?: false | ((arg: {
                 label: string | undefined;
-                props: Record<string, unknown>;
+                props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-            input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:label"?: false | ((arg: {
             label: string | undefined;
-            props: Record<string, unknown>;
+            props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
-        "v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
@@ -38305,40 +38475,37 @@ declare const VRadioGroup: {
     hideDetails?: boolean | "auto" | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        default?: (() => vue.VNodeChild) | undefined;
-        prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        default?: (() => vue.VNodeChild) | undefined;
         label?: ((arg: {
             label: string | undefined;
-            props: Record<string, unknown>;
+            props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
-        input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
-        prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        default?: false | (() => vue.VNodeChild) | undefined;
         label?: false | ((arg: {
             label: string | undefined;
-            props: Record<string, unknown>;
+            props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
-        input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+    "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:label"?: false | ((arg: {
         label: string | undefined;
-        props: Record<string, unknown>;
+        props: Record<string, any>;
     }) => vue.VNodeChild) | undefined;
-    "v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -38365,30 +38532,27 @@ declare const VRadioGroup: {
     centerAffix: boolean;
     persistentHint: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     label: (arg: {
         label: string | undefined;
-        props: Record<string, unknown>;
+        props: Record<string, any>;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     trueIcon: {
         type: vue.PropType<IconValue>;
@@ -38562,6 +38726,12 @@ declare const VRadioGroup: {
 }>>;
 type VRadioGroup = InstanceType<typeof VRadioGroup>;
 
+type Tick = {
+    value: number;
+    position: number;
+    label?: string;
+};
+
 declare const VRangeSlider: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
@@ -38605,9 +38775,14 @@ declare const VRangeSlider: {
                 append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                'thumb-label'?: ((arg: {
+                    modelValue: number;
+                }) => vue.VNodeChild) | undefined;
+                'tick-label'?: ((arg: {
+                    tick: Tick;
+                    index: number;
+                }) => vue.VNodeChild) | undefined;
                 label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                'tick-label'?: (() => vue.VNodeChild) | undefined;
-                'thumb-label'?: (() => vue.VNodeChild) | undefined;
             };
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -38619,9 +38794,14 @@ declare const VRangeSlider: {
                 append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                'thumb-label'?: false | ((arg: {
+                    modelValue: number;
+                }) => vue.VNodeChild) | undefined;
+                'tick-label'?: false | ((arg: {
+                    tick: Tick;
+                    index: number;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                'tick-label'?: false | (() => vue.VNodeChild) | undefined;
-                'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -38676,12 +38856,17 @@ declare const VRangeSlider: {
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
             "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:tick-label"?: false | ((arg: {
+                tick: Tick;
+                index: number;
+            }) => 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;
+            "v-slot:thumb-label"?: false | ((arg: {
+                modelValue: number;
+            }) => vue.VNodeChild) | undefined;
             onEnd?: ((value: [number, number]) => any) | undefined;
             onStart?: ((value: [number, number]) => any) | undefined;
         };
@@ -38707,13 +38892,18 @@ declare const VRangeSlider: {
             message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            label?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            'thumb-label'?: ((arg: {
+                modelValue: number;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            'tick-label'?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            'tick-label'?: ((arg: {
+                tick: Tick;
+                index: number;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            'thumb-label'?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            label?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
         }>;
@@ -38774,9 +38964,14 @@ declare const VRangeSlider: {
                 append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                'thumb-label'?: ((arg: {
+                    modelValue: number;
+                }) => vue.VNodeChild) | undefined;
+                'tick-label'?: ((arg: {
+                    tick: Tick;
+                    index: number;
+                }) => vue.VNodeChild) | undefined;
                 label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                'tick-label'?: (() => vue.VNodeChild) | undefined;
-                'thumb-label'?: (() => vue.VNodeChild) | undefined;
             };
             'v-slots'?: {
                 default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -38784,9 +38979,14 @@ declare const VRangeSlider: {
                 append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                'thumb-label'?: false | ((arg: {
+                    modelValue: number;
+                }) => vue.VNodeChild) | undefined;
+                'tick-label'?: false | ((arg: {
+                    tick: Tick;
+                    index: number;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                'tick-label'?: false | (() => vue.VNodeChild) | undefined;
-                'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -38794,9 +38994,14 @@ declare const VRangeSlider: {
             "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            "v-slot:thumb-label"?: false | ((arg: {
+                modelValue: number;
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:tick-label"?: false | ((arg: {
+                tick: Tick;
+                index: number;
+            }) => vue.VNodeChild) | undefined;
             "v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
             "onUpdate:focused"?: ((value: boolean) => any) | undefined;
@@ -38850,13 +39055,18 @@ declare const VRangeSlider: {
             message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            'thumb-label': (arg: {
+                modelValue: number;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            'tick-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            'tick-label': (arg: {
+                tick: Tick;
+                index: number;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            'thumb-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
         }>>> & {
@@ -38932,9 +39142,14 @@ declare const VRangeSlider: {
             append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            'thumb-label'?: ((arg: {
+                modelValue: number;
+            }) => vue.VNodeChild) | undefined;
+            'tick-label'?: ((arg: {
+                tick: Tick;
+                index: number;
+            }) => vue.VNodeChild) | undefined;
             label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            'tick-label'?: (() => vue.VNodeChild) | undefined;
-            'thumb-label'?: (() => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
             default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -38942,9 +39157,14 @@ declare const VRangeSlider: {
             append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            'thumb-label'?: false | ((arg: {
+                modelValue: number;
+            }) => vue.VNodeChild) | undefined;
+            'tick-label'?: false | ((arg: {
+                tick: Tick;
+                index: number;
+            }) => vue.VNodeChild) | undefined;
             label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            'tick-label'?: false | (() => vue.VNodeChild) | undefined;
-            'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
         "v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -38952,9 +39172,14 @@ declare const VRangeSlider: {
         "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        "v-slot:thumb-label"?: false | ((arg: {
+            modelValue: number;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:tick-label"?: false | ((arg: {
+            tick: Tick;
+            index: number;
+        }) => vue.VNodeChild) | undefined;
         "v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
         "onUpdate:focused"?: ((value: boolean) => any) | undefined;
@@ -39017,9 +39242,14 @@ declare const VRangeSlider: {
         append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        'thumb-label'?: ((arg: {
+            modelValue: number;
+        }) => vue.VNodeChild) | undefined;
+        'tick-label'?: ((arg: {
+            tick: Tick;
+            index: number;
+        }) => vue.VNodeChild) | undefined;
         label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        'tick-label'?: (() => vue.VNodeChild) | undefined;
-        'thumb-label'?: (() => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
         default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -39027,9 +39257,14 @@ declare const VRangeSlider: {
         append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        'thumb-label'?: false | ((arg: {
+            modelValue: number;
+        }) => vue.VNodeChild) | undefined;
+        'tick-label'?: false | ((arg: {
+            tick: Tick;
+            index: number;
+        }) => vue.VNodeChild) | undefined;
         label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        'tick-label'?: false | (() => vue.VNodeChild) | undefined;
-        'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -39037,9 +39272,14 @@ declare const VRangeSlider: {
     "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+    "v-slot:thumb-label"?: false | ((arg: {
+        modelValue: number;
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:tick-label"?: false | ((arg: {
+        tick: Tick;
+        index: number;
+    }) => vue.VNodeChild) | undefined;
     "v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
     "onUpdate:focused"?: ((value: boolean) => any) | undefined;
@@ -39093,13 +39333,18 @@ declare const VRangeSlider: {
     message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    'thumb-label': (arg: {
+        modelValue: number;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    'tick-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    'tick-label': (arg: {
+        tick: Tick;
+        index: number;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    'thumb-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
@@ -42774,9 +43019,14 @@ declare const VSlider: {
                 append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                'thumb-label'?: ((arg: {
+                    modelValue: number;
+                }) => vue.VNodeChild) | undefined;
+                'tick-label'?: ((arg: {
+                    tick: Tick;
+                    index: number;
+                }) => vue.VNodeChild) | undefined;
                 label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                'tick-label'?: (() => vue.VNodeChild) | undefined;
-                'thumb-label'?: (() => vue.VNodeChild) | undefined;
             };
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -42788,9 +43038,14 @@ declare const VSlider: {
                 append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                'thumb-label'?: false | ((arg: {
+                    modelValue: number;
+                }) => vue.VNodeChild) | undefined;
+                'tick-label'?: false | ((arg: {
+                    tick: Tick;
+                    index: number;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                'tick-label'?: false | (() => vue.VNodeChild) | undefined;
-                'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -42845,12 +43100,17 @@ declare const VSlider: {
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
             "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:tick-label"?: false | ((arg: {
+                tick: Tick;
+                index: number;
+            }) => 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;
+            "v-slot:thumb-label"?: false | ((arg: {
+                modelValue: number;
+            }) => vue.VNodeChild) | undefined;
             onEnd?: ((value: number) => any) | undefined;
             onStart?: ((value: number) => any) | undefined;
         };
@@ -42876,13 +43136,18 @@ declare const VSlider: {
             message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            label?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            'thumb-label'?: ((arg: {
+                modelValue: number;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            'tick-label'?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            'tick-label'?: ((arg: {
+                tick: Tick;
+                index: number;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            'thumb-label'?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            label?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
         }>;
@@ -42942,9 +43207,14 @@ declare const VSlider: {
                 append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                'thumb-label'?: ((arg: {
+                    modelValue: number;
+                }) => vue.VNodeChild) | undefined;
+                'tick-label'?: ((arg: {
+                    tick: Tick;
+                    index: number;
+                }) => vue.VNodeChild) | undefined;
                 label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                'tick-label'?: (() => vue.VNodeChild) | undefined;
-                'thumb-label'?: (() => vue.VNodeChild) | undefined;
             };
             'v-slots'?: {
                 default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -42952,9 +43222,14 @@ declare const VSlider: {
                 append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+                'thumb-label'?: false | ((arg: {
+                    modelValue: number;
+                }) => vue.VNodeChild) | undefined;
+                'tick-label'?: false | ((arg: {
+                    tick: Tick;
+                    index: number;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                'tick-label'?: false | (() => vue.VNodeChild) | undefined;
-                'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -42962,9 +43237,14 @@ declare const VSlider: {
             "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            "v-slot:thumb-label"?: false | ((arg: {
+                modelValue: number;
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:tick-label"?: false | ((arg: {
+                tick: Tick;
+                index: number;
+            }) => vue.VNodeChild) | undefined;
             "v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((v: number) => any) | undefined;
             "onUpdate:focused"?: ((value: boolean) => any) | undefined;
@@ -43017,13 +43297,18 @@ declare const VSlider: {
             message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            'thumb-label': (arg: {
+                modelValue: number;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            'tick-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            'tick-label': (arg: {
+                tick: Tick;
+                index: number;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            'thumb-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
         }>>> & {
@@ -43098,9 +43383,14 @@ declare const VSlider: {
             append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            'thumb-label'?: ((arg: {
+                modelValue: number;
+            }) => vue.VNodeChild) | undefined;
+            'tick-label'?: ((arg: {
+                tick: Tick;
+                index: number;
+            }) => vue.VNodeChild) | undefined;
             label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            'tick-label'?: (() => vue.VNodeChild) | undefined;
-            'thumb-label'?: (() => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
             default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -43108,9 +43398,14 @@ declare const VSlider: {
             append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            'thumb-label'?: false | ((arg: {
+                modelValue: number;
+            }) => vue.VNodeChild) | undefined;
+            'tick-label'?: false | ((arg: {
+                tick: Tick;
+                index: number;
+            }) => vue.VNodeChild) | undefined;
             label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            'tick-label'?: false | (() => vue.VNodeChild) | undefined;
-            'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
         "v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -43118,9 +43413,14 @@ declare const VSlider: {
         "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        "v-slot:thumb-label"?: false | ((arg: {
+            modelValue: number;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:tick-label"?: false | ((arg: {
+            tick: Tick;
+            index: number;
+        }) => vue.VNodeChild) | undefined;
         "v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((v: number) => any) | undefined;
         "onUpdate:focused"?: ((value: boolean) => any) | undefined;
@@ -43182,9 +43482,14 @@ declare const VSlider: {
         append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        'thumb-label'?: ((arg: {
+            modelValue: number;
+        }) => vue.VNodeChild) | undefined;
+        'tick-label'?: ((arg: {
+            tick: Tick;
+            index: number;
+        }) => vue.VNodeChild) | undefined;
         label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        'tick-label'?: (() => vue.VNodeChild) | undefined;
-        'thumb-label'?: (() => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
         default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -43192,9 +43497,14 @@ declare const VSlider: {
         append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        'thumb-label'?: false | ((arg: {
+            modelValue: number;
+        }) => vue.VNodeChild) | undefined;
+        'tick-label'?: false | ((arg: {
+            tick: Tick;
+            index: number;
+        }) => vue.VNodeChild) | undefined;
         label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        'tick-label'?: false | (() => vue.VNodeChild) | undefined;
-        'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -43202,9 +43512,14 @@ declare const VSlider: {
     "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+    "v-slot:thumb-label"?: false | ((arg: {
+        modelValue: number;
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:tick-label"?: false | ((arg: {
+        tick: Tick;
+        index: number;
+    }) => vue.VNodeChild) | undefined;
     "v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((v: number) => any) | undefined;
     "onUpdate:focused"?: ((value: boolean) => any) | undefined;
@@ -43257,13 +43572,18 @@ declare const VSlider: {
     message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    'thumb-label': (arg: {
+        modelValue: number;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    'tick-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    'tick-label': (arg: {
+        tick: Tick;
+        index: number;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    'thumb-label': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
@@ -45299,8 +45619,11 @@ declare const VSwitch: {
             value?: any;
             label?: string | undefined;
             class?: any;
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((arg: VInputSlot & {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -45311,14 +45634,23 @@ declare const VSwitch: {
                 }) => vue.VNodeChild) | undefined;
                 input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
                 loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            };
+            } | ((arg: VInputSlot & {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild);
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             theme?: string | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: VInputSlot & {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
+                default?: false | ((arg: VInputSlot & {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -45403,7 +45735,10 @@ declare const VSwitch: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default?: ((arg: VInputSlot & {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
             prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -45482,8 +45817,11 @@ declare const VSwitch: {
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((arg: VInputSlot & {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -45494,9 +45832,15 @@ declare const VSwitch: {
                 }) => vue.VNodeChild) | undefined;
                 input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
                 loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            };
+            } | ((arg: VInputSlot & {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
+                default?: false | ((arg: VInputSlot & {
+                    backgroundColorClasses: vue.Ref<string[]>;
+                    backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+                }) => vue.VNodeChild) | undefined;
                 prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -45509,7 +45853,10 @@ declare const VSwitch: {
                 loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: VInputSlot & {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -45551,7 +45898,10 @@ declare const VSwitch: {
             centerAffix: boolean;
             persistentHint: boolean;
         }, {}, string, vue.SlotsType<Partial<{
-            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default: (arg: VInputSlot & {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
             prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -45645,8 +45995,11 @@ declare const VSwitch: {
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
+        $children?: vue.VNodeChild | {
+            default?: ((arg: VInputSlot & {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -45657,9 +46010,15 @@ declare const VSwitch: {
             }) => vue.VNodeChild) | undefined;
             input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
             loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        };
+        } | ((arg: VInputSlot & {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
+            default?: false | ((arg: VInputSlot & {
+                backgroundColorClasses: vue.Ref<string[]>;
+                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+            }) => vue.VNodeChild) | undefined;
             prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -45672,7 +46031,10 @@ declare const VSwitch: {
             loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | ((arg: VInputSlot & {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -45738,8 +46100,11 @@ declare const VSwitch: {
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        default?: (() => vue.VNodeChild) | undefined;
+    $children?: vue.VNodeChild | {
+        default?: ((arg: VInputSlot & {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -45750,9 +46115,15 @@ declare const VSwitch: {
         }) => vue.VNodeChild) | undefined;
         input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
         loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-    };
+    } | ((arg: VInputSlot & {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
+        default?: false | ((arg: VInputSlot & {
+            backgroundColorClasses: vue.Ref<string[]>;
+            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+        }) => vue.VNodeChild) | undefined;
         prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -45765,7 +46136,10 @@ declare const VSwitch: {
         loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:default"?: false | ((arg: VInputSlot & {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNodeChild) | undefined;
     "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -45807,7 +46181,10 @@ declare const VSwitch: {
     centerAffix: boolean;
     persistentHint: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    default: (arg: VInputSlot & {
+        backgroundColorClasses: vue.Ref<string[]>;
+        backgroundColorStyles: vue.Ref<vue.CSSProperties>;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {