@vuetify/nightly 3.8.2-master.2025-04-17 → 3.8.2-master.2025-04-22

package/dist/vuetify.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { Ref, DeepReadonly, ComponentPublicInstance, FunctionalComponent, ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, CSSProperties, Raw, ComponentInternalInstance, EffectScope, nextTick, VNodeProps, DirectiveBinding, ComputedRef, Component, WritableComputedRef, UnwrapRef, Prop, InjectionKey } from 'vue';
+import { Ref, DeepReadonly, ComponentPublicInstance, FunctionalComponent, ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, CSSProperties, Raw, ComponentInternalInstance, EffectScope, nextTick, VNodeProps, DirectiveBinding, Component, ComputedRef, WritableComputedRef, UnwrapRef, Prop, InjectionKey } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 // @ts-ignore
@@ -620,9 +620,11 @@ interface DisplayInstance {
     update(): void;
 }
 declare function useDisplay(props?: DisplayProps, name?: string): {
-    displayClasses: vue.ComputedRef<{
+    displayClasses: Readonly<Ref<{
         [x: string]: boolean;
-    }>;
+    }, {
+        [x: string]: boolean;
+    }>>;
     mobile: vue.ComputedRef<boolean>;
     xs: Ref<boolean>;
     sm: Ref<boolean>;
@@ -821,7 +823,7 @@ declare function provideExpanded(props: ExpandProps): {
     expanded: Ref<Set<string>, Set<string>> & {
         readonly externalValue: readonly string[];
     };
-    expandOnClick: Ref<boolean, boolean>;
+    expandOnClick: Readonly<Ref<boolean, boolean>>;
     isExpanded: (item: DataTableItem) => boolean;
     toggleExpand: (item: DataTableItem) => void;
 };
@@ -912,7 +914,7 @@ declare function provideSelection(props: SelectionProps, { allItems, currentPage
     isSomeSelected: (items: SelectableItem | SelectableItem[]) => boolean;
     someSelected: vue.ComputedRef<boolean>;
     allSelected: vue.ComputedRef<boolean>;
-    showSelectAll: vue.ComputedRef<boolean>;
+    showSelectAll: Readonly<Ref<boolean, boolean>>;
     lastSelectedIndex: vue.ShallowRef<number | null, number | null>;
     selectStrategy: vue.ComputedRef<DataTableSelectStrategy>;
 };
@@ -1346,7 +1348,7 @@ declare const VSnackbar: {
             animateClick: () => void;
             contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<Ref<boolean, boolean>>;
             updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
@@ -1521,7 +1523,7 @@ declare const VSnackbar: {
         animateClick: () => void;
         contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<Ref<boolean, boolean>>;
         updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
         _allExposed: {
@@ -1531,7 +1533,7 @@ declare const VSnackbar: {
             animateClick: () => void;
             contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<Ref<boolean, boolean>>;
             updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {};
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -1877,7 +1879,7 @@ declare const VSnackbar: {
             animateClick: () => void;
             contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<Ref<boolean, boolean>>;
             updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
@@ -2052,7 +2054,7 @@ declare const VSnackbar: {
         animateClick: () => void;
         contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<Ref<boolean, boolean>>;
         updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
         _allExposed: {
@@ -2062,7 +2064,7 @@ declare const VSnackbar: {
             animateClick: () => void;
             contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<Ref<boolean, boolean>>;
             updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {};
     }, {}, {}, {}, {
@@ -2393,7 +2395,7 @@ declare const VSnackbar: {
         animateClick: () => void;
         contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<Ref<boolean, boolean>>;
         updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:outside': (e: MouseEvent) => true;
@@ -2568,7 +2570,7 @@ declare const VSnackbar: {
     animateClick: () => void;
     contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
     globalTop: Readonly<Ref<boolean, boolean>>;
-    localTop: vue.ComputedRef<boolean>;
+    localTop: Readonly<Ref<boolean, boolean>>;
     updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
 }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
     _allExposed: {
@@ -2578,7 +2580,7 @@ declare const VSnackbar: {
         animateClick: () => void;
         contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<Ref<boolean, boolean>>;
         updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     } | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -4237,11 +4239,11 @@ interface GroupProvide {
     prev: () => void;
     next: () => void;
     selectedClass: Ref<string | undefined>;
-    items: ComputedRef<{
+    items: Readonly<Ref<{
         id: string;
         value: unknown;
         disabled: boolean | undefined;
-    }[]>;
+    }[]>>;
     disabled: Ref<boolean | undefined>;
     getItemIndex: (value: unknown) => number;
 }
@@ -6457,8 +6459,8 @@ interface LinkProps {
     exact: boolean | undefined;
 }
 interface UseLink extends Omit<Partial<ReturnType<typeof useLink>>, 'href'> {
-    isLink: ComputedRef<boolean>;
-    isClickable: ComputedRef<boolean>;
+    isLink: Readonly<Ref<boolean>>;
+    isClickable: Readonly<Ref<boolean>>;
     href: Ref<string | undefined>;
     linkProps: Record<string, string | undefined>;
 }
@@ -6578,7 +6580,7 @@ declare const VListItem: {
             openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
             getPath: (id: unknown) => unknown[];
         };
-        id: vue.ComputedRef<{} | null>;
+        id: vue.ComputedRef<{}>;
         link: UseLink;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         click: (e: MouseEvent | KeyboardEvent) => true;
@@ -6708,7 +6710,7 @@ declare const VListItem: {
             openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
             getPath: (id: unknown) => unknown[];
         };
-        id: vue.ComputedRef<{} | null>;
+        id: vue.ComputedRef<{}>;
         link: UseLink;
     }, {}, {}, {}, {
         replace: boolean;
@@ -6827,7 +6829,7 @@ declare const VListItem: {
         openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
         getPath: (id: unknown) => unknown[];
     };
-    id: vue.ComputedRef<{} | null>;
+    id: vue.ComputedRef<{}>;
     link: UseLink;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     click: (e: MouseEvent | KeyboardEvent) => true;
@@ -8529,7 +8531,7 @@ declare const VMenu: {
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, {
-        id: vue.ComputedRef<string>;
+        id: Readonly<vue.Ref<string, string>>;
         ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
     } & Omit<Omit<{
         $: vue.ComponentInternalInstance;
@@ -8746,7 +8748,7 @@ declare const VMenu: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
@@ -8921,7 +8923,7 @@ declare const VMenu: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
         _allExposed: {
@@ -8931,10 +8933,10 @@ declare const VMenu: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {
-            id: vue.ComputedRef<string>;
+            id: Readonly<vue.Ref<string, string>>;
             ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
         };
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -9063,7 +9065,7 @@ declare const VMenu: {
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, {
-        id: vue.ComputedRef<string>;
+        id: Readonly<vue.Ref<string, string>>;
         ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
     } & Omit<Omit<{
         $: vue.ComponentInternalInstance;
@@ -9280,7 +9282,7 @@ declare const VMenu: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
@@ -9455,7 +9457,7 @@ declare const VMenu: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
         _allExposed: {
@@ -9465,10 +9467,10 @@ declare const VMenu: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {
-            id: vue.ComputedRef<string>;
+            id: Readonly<vue.Ref<string, string>>;
             ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
         };
     }, {}, {}, {}, {
@@ -9583,7 +9585,7 @@ declare const VMenu: {
 } & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
-    id: vue.ComputedRef<string>;
+    id: Readonly<vue.Ref<string, string>>;
     ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
 } & Omit<Omit<{
     $: vue.ComponentInternalInstance;
@@ -9800,7 +9802,7 @@ declare const VMenu: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:outside': (e: MouseEvent) => true;
@@ -9975,7 +9977,7 @@ declare const VMenu: {
     animateClick: () => void;
     contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
     globalTop: Readonly<vue.Ref<boolean, boolean>>;
-    localTop: vue.ComputedRef<boolean>;
+    localTop: Readonly<vue.Ref<boolean, boolean>>;
     updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
 }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
     _allExposed: {
@@ -9985,10 +9987,10 @@ declare const VMenu: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     } | {
-        id: vue.ComputedRef<string>;
+        id: Readonly<vue.Ref<string, string>>;
         ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
     };
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -39764,7 +39766,7 @@ declare const VDialog: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
@@ -39939,7 +39941,7 @@ declare const VDialog: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
         _allExposed: {
@@ -39949,7 +39951,7 @@ declare const VDialog: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {};
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -40299,7 +40301,7 @@ declare const VDialog: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
@@ -40474,7 +40476,7 @@ declare const VDialog: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
         _allExposed: {
@@ -40484,7 +40486,7 @@ declare const VDialog: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {};
     }, {}, {}, {}, {
@@ -40818,7 +40820,7 @@ declare const VDialog: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:outside': (e: MouseEvent) => true;
@@ -40993,7 +40995,7 @@ declare const VDialog: {
     animateClick: () => void;
     contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
     globalTop: Readonly<vue.Ref<boolean, boolean>>;
-    localTop: vue.ComputedRef<boolean>;
+    localTop: Readonly<vue.Ref<boolean, boolean>>;
     updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
 }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
     _allExposed: {
@@ -41003,7 +41005,7 @@ declare const VDialog: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     } | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -45057,8 +45059,8 @@ declare const VForm: {
                     id: number | string;
                     errorMessages: string[];
                 }[]>;
-                isDisabled: vue.ComputedRef<boolean>;
-                isReadonly: vue.ComputedRef<boolean>;
+                isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+                isReadonly: Readonly<vue.Ref<boolean, boolean>>;
                 isValidating: vue.ShallowRef<boolean, boolean>;
                 isValid: vue.Ref<boolean | null, boolean | null> & {
                     readonly externalValue: boolean | null;
@@ -45098,8 +45100,8 @@ declare const VForm: {
                 id: number | string;
                 errorMessages: string[];
             }[]>;
-            isDisabled: vue.ComputedRef<boolean>;
-            isReadonly: vue.ComputedRef<boolean>;
+            isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+            isReadonly: Readonly<vue.Ref<boolean, boolean>>;
             isValidating: vue.ShallowRef<boolean, boolean>;
             isValid: vue.Ref<boolean | null, boolean | null> & {
                 readonly externalValue: boolean | null;
@@ -45140,8 +45142,8 @@ declare const VForm: {
                     id: number | string;
                     errorMessages: string[];
                 }[]>;
-                isDisabled: vue.ComputedRef<boolean>;
-                isReadonly: vue.ComputedRef<boolean>;
+                isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+                isReadonly: Readonly<vue.Ref<boolean, boolean>>;
                 isValidating: vue.ShallowRef<boolean, boolean>;
                 isValid: vue.Ref<boolean | null, boolean | null> & {
                     readonly externalValue: boolean | null;
@@ -45183,8 +45185,8 @@ declare const VForm: {
                 id: number | string;
                 errorMessages: string[];
             }[]>;
-            isDisabled: vue.ComputedRef<boolean>;
-            isReadonly: vue.ComputedRef<boolean>;
+            isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+            isReadonly: Readonly<vue.Ref<boolean, boolean>>;
             isValidating: vue.ShallowRef<boolean, boolean>;
             isValid: vue.Ref<boolean | null, boolean | null> & {
                 readonly externalValue: boolean | null;
@@ -45227,8 +45229,8 @@ declare const VForm: {
             id: number | string;
             errorMessages: string[];
         }[]>;
-        isDisabled: vue.ComputedRef<boolean>;
-        isReadonly: vue.ComputedRef<boolean>;
+        isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+        isReadonly: Readonly<vue.Ref<boolean, boolean>>;
         isValidating: vue.ShallowRef<boolean, boolean>;
         isValid: vue.Ref<boolean | null, boolean | null> & {
             readonly externalValue: boolean | null;
@@ -45268,8 +45270,8 @@ declare const VForm: {
                 id: number | string;
                 errorMessages: string[];
             }[]>;
-            isDisabled: vue.ComputedRef<boolean>;
-            isReadonly: vue.ComputedRef<boolean>;
+            isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+            isReadonly: Readonly<vue.Ref<boolean, boolean>>;
             isValidating: vue.ShallowRef<boolean, boolean>;
             isValid: vue.Ref<boolean | null, boolean | null> & {
                 readonly externalValue: boolean | null;
@@ -45320,8 +45322,8 @@ declare const VForm: {
                 id: number | string;
                 errorMessages: string[];
             }[]>;
-            isDisabled: vue.ComputedRef<boolean>;
-            isReadonly: vue.ComputedRef<boolean>;
+            isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+            isReadonly: Readonly<vue.Ref<boolean, boolean>>;
             isValidating: vue.ShallowRef<boolean, boolean>;
             isValid: vue.Ref<boolean | null, boolean | null> & {
                 readonly externalValue: boolean | null;
@@ -45379,8 +45381,8 @@ declare const VForm: {
                     id: number | string;
                     errorMessages: string[];
                 }[]>;
-                isDisabled: vue.ComputedRef<boolean>;
-                isReadonly: vue.ComputedRef<boolean>;
+                isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+                isReadonly: Readonly<vue.Ref<boolean, boolean>>;
                 isValidating: vue.ShallowRef<boolean, boolean>;
                 isValid: vue.Ref<boolean | null, boolean | null> & {
                     readonly externalValue: boolean | null;
@@ -45420,8 +45422,8 @@ declare const VForm: {
                 id: number | string;
                 errorMessages: string[];
             }[]>;
-            isDisabled: vue.ComputedRef<boolean>;
-            isReadonly: vue.ComputedRef<boolean>;
+            isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+            isReadonly: Readonly<vue.Ref<boolean, boolean>>;
             isValidating: vue.ShallowRef<boolean, boolean>;
             isValid: vue.Ref<boolean | null, boolean | null> & {
                 readonly externalValue: boolean | null;
@@ -45462,8 +45464,8 @@ declare const VForm: {
                     id: number | string;
                     errorMessages: string[];
                 }[]>;
-                isDisabled: vue.ComputedRef<boolean>;
-                isReadonly: vue.ComputedRef<boolean>;
+                isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+                isReadonly: Readonly<vue.Ref<boolean, boolean>>;
                 isValidating: vue.ShallowRef<boolean, boolean>;
                 isValid: vue.Ref<boolean | null, boolean | null> & {
                     readonly externalValue: boolean | null;
@@ -45505,8 +45507,8 @@ declare const VForm: {
                 id: number | string;
                 errorMessages: string[];
             }[]>;
-            isDisabled: vue.ComputedRef<boolean>;
-            isReadonly: vue.ComputedRef<boolean>;
+            isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+            isReadonly: Readonly<vue.Ref<boolean, boolean>>;
             isValidating: vue.ShallowRef<boolean, boolean>;
             isValid: vue.Ref<boolean | null, boolean | null> & {
                 readonly externalValue: boolean | null;
@@ -45549,8 +45551,8 @@ declare const VForm: {
             id: number | string;
             errorMessages: string[];
         }[]>;
-        isDisabled: vue.ComputedRef<boolean>;
-        isReadonly: vue.ComputedRef<boolean>;
+        isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+        isReadonly: Readonly<vue.Ref<boolean, boolean>>;
         isValidating: vue.ShallowRef<boolean, boolean>;
         isValid: vue.Ref<boolean | null, boolean | null> & {
             readonly externalValue: boolean | null;
@@ -45590,8 +45592,8 @@ declare const VForm: {
                 id: number | string;
                 errorMessages: string[];
             }[]>;
-            isDisabled: vue.ComputedRef<boolean>;
-            isReadonly: vue.ComputedRef<boolean>;
+            isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+            isReadonly: Readonly<vue.Ref<boolean, boolean>>;
             isValidating: vue.ShallowRef<boolean, boolean>;
             isValid: vue.Ref<boolean | null, boolean | null> & {
                 readonly externalValue: boolean | null;
@@ -45653,8 +45655,8 @@ declare const VForm: {
                 id: number | string;
                 errorMessages: string[];
             }[]>;
-            isDisabled: vue.ComputedRef<boolean>;
-            isReadonly: vue.ComputedRef<boolean>;
+            isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+            isReadonly: Readonly<vue.Ref<boolean, boolean>>;
             isValidating: vue.ShallowRef<boolean, boolean>;
             isValid: vue.Ref<boolean | null, boolean | null> & {
                 readonly externalValue: boolean | null;
@@ -45694,8 +45696,8 @@ declare const VForm: {
             id: number | string;
             errorMessages: string[];
         }[]>;
-        isDisabled: vue.ComputedRef<boolean>;
-        isReadonly: vue.ComputedRef<boolean>;
+        isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+        isReadonly: Readonly<vue.Ref<boolean, boolean>>;
         isValidating: vue.ShallowRef<boolean, boolean>;
         isValid: vue.Ref<boolean | null, boolean | null> & {
             readonly externalValue: boolean | null;
@@ -45736,8 +45738,8 @@ declare const VForm: {
                 id: number | string;
                 errorMessages: string[];
             }[]>;
-            isDisabled: vue.ComputedRef<boolean>;
-            isReadonly: vue.ComputedRef<boolean>;
+            isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+            isReadonly: Readonly<vue.Ref<boolean, boolean>>;
             isValidating: vue.ShallowRef<boolean, boolean>;
             isValid: vue.Ref<boolean | null, boolean | null> & {
                 readonly externalValue: boolean | null;
@@ -45779,8 +45781,8 @@ declare const VForm: {
             id: number | string;
             errorMessages: string[];
         }[]>;
-        isDisabled: vue.ComputedRef<boolean>;
-        isReadonly: vue.ComputedRef<boolean>;
+        isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+        isReadonly: Readonly<vue.Ref<boolean, boolean>>;
         isValidating: vue.ShallowRef<boolean, boolean>;
         isValid: vue.Ref<boolean | null, boolean | null> & {
             readonly externalValue: boolean | null;
@@ -45823,8 +45825,8 @@ declare const VForm: {
         id: number | string;
         errorMessages: string[];
     }[]>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
+    isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+    isReadonly: Readonly<vue.Ref<boolean, boolean>>;
     isValidating: vue.ShallowRef<boolean, boolean>;
     isValid: vue.Ref<boolean | null, boolean | null> & {
         readonly externalValue: boolean | null;
@@ -45864,8 +45866,8 @@ declare const VForm: {
             id: number | string;
             errorMessages: string[];
         }[]>;
-        isDisabled: vue.ComputedRef<boolean>;
-        isReadonly: vue.ComputedRef<boolean>;
+        isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+        isReadonly: Readonly<vue.Ref<boolean, boolean>>;
         isValidating: vue.ShallowRef<boolean, boolean>;
         isValid: vue.Ref<boolean | null, boolean | null> & {
             readonly externalValue: boolean | null;
@@ -45916,8 +45918,8 @@ declare const VForm: {
             id: number | string;
             errorMessages: string[];
         }[]>;
-        isDisabled: vue.ComputedRef<boolean>;
-        isReadonly: vue.ComputedRef<boolean>;
+        isDisabled: Readonly<vue.Ref<boolean, boolean>>;
+        isReadonly: Readonly<vue.Ref<boolean, boolean>>;
         isValidating: vue.ShallowRef<boolean, boolean>;
         isValid: vue.Ref<boolean | null, boolean | null> & {
             readonly externalValue: boolean | null;
@@ -56054,7 +56056,7 @@ declare const VOverlay: {
         animateClick: () => void;
         contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<Ref<boolean, boolean>>;
         updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:outside': (e: MouseEvent) => true;
@@ -56191,7 +56193,7 @@ declare const VOverlay: {
         animateClick: () => void;
         contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<Ref<boolean, boolean>>;
         updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }, {}, {}, {}, {
         absolute: boolean;
@@ -56310,7 +56312,7 @@ declare const VOverlay: {
     animateClick: () => void;
     contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
     globalTop: Readonly<Ref<boolean, boolean>>;
-    localTop: vue.ComputedRef<boolean>;
+    localTop: Readonly<Ref<boolean, boolean>>;
     updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:outside': (e: MouseEvent) => true;
@@ -72218,7 +72220,7 @@ declare const VTab: {
         }) => any) | undefined;
     }, "group" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple")> & vue.ShallowUnwrapRef<{
         group: GroupItemProvide | null;
-    }> & {} & vue.ComponentCustomProperties & {}, "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "class" | "theme" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple") | "v-slot:prepend" | "v-slot:append" | "v-slot:loader">, `$${any}`> & {
+    }> & {} & vue.ComponentCustomProperties & {}, "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "class" | "theme" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "baseColor" | "selectedClass" | "activeColor" | "prependIcon" | "appendIcon" | "onGroup:selected" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple") | "v-slot:prepend" | "v-slot:append" | "v-slot:loader">, `$${any}`> & {
         _allExposed: {
             group: GroupItemProvide | null;
         } | {};
@@ -72640,7 +72642,7 @@ declare const VTab: {
         }) => any) | undefined;
     }, "group" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple")> & vue.ShallowUnwrapRef<{
         group: GroupItemProvide | null;
-    }> & {} & vue.ComponentCustomProperties & {}, "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "class" | "theme" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple") | "v-slot:prepend" | "v-slot:append" | "v-slot:loader">, `$${any}`> & {
+    }> & {} & vue.ComponentCustomProperties & {}, "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "class" | "theme" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "baseColor" | "selectedClass" | "activeColor" | "prependIcon" | "appendIcon" | "onGroup:selected" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple") | "v-slot:prepend" | "v-slot:append" | "v-slot:loader">, `$${any}`> & {
         _allExposed: {
             group: GroupItemProvide | null;
         } | {};
@@ -73054,7 +73056,7 @@ declare const VTab: {
     }) => any) | undefined;
 }, "group" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple")> & vue.ShallowUnwrapRef<{
     group: GroupItemProvide | null;
-}> & {} & vue.ComponentCustomProperties & {}, "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "class" | "theme" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple") | "v-slot:prepend" | "v-slot:append" | "v-slot:loader">, `$${any}`> & {
+}> & {} & vue.ComponentCustomProperties & {}, "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "class" | "theme" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "baseColor" | "selectedClass" | "activeColor" | "prependIcon" | "appendIcon" | "onGroup:selected" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple") | "v-slot:prepend" | "v-slot:append" | "v-slot:loader">, `$${any}`> & {
     _allExposed: {
         group: GroupItemProvide | null;
     } | {};
@@ -78777,7 +78779,7 @@ declare const VTooltip: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
@@ -78952,7 +78954,7 @@ declare const VTooltip: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
         _allExposed: {
@@ -78962,7 +78964,7 @@ declare const VTooltip: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {};
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -79300,7 +79302,7 @@ declare const VTooltip: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
@@ -79475,7 +79477,7 @@ declare const VTooltip: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
         _allExposed: {
@@ -79485,7 +79487,7 @@ declare const VTooltip: {
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean, boolean>>;
-            localTop: vue.ComputedRef<boolean>;
+            localTop: Readonly<vue.Ref<boolean, boolean>>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {};
     }, {}, {}, {}, {
@@ -79809,7 +79811,7 @@ declare const VTooltip: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:outside': (e: MouseEvent) => true;
@@ -79984,7 +79986,7 @@ declare const VTooltip: {
     animateClick: () => void;
     contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
     globalTop: Readonly<vue.Ref<boolean, boolean>>;
-    localTop: vue.ComputedRef<boolean>;
+    localTop: Readonly<vue.Ref<boolean, boolean>>;
     updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
 }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
     _allExposed: {
@@ -79994,7 +79996,7 @@ declare const VTooltip: {
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean, boolean>>;
-        localTop: vue.ComputedRef<boolean>;
+        localTop: Readonly<vue.Ref<boolean, boolean>>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     } | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -82958,47 +82960,41 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
+    VApp: VApp
+    VAvatar: VAvatar
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VApp: VApp
     VAutocomplete: VAutocomplete
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VBottomSheet: VBottomSheet
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VAvatar: VAvatar
-    VBadge: VBadge
-    VBottomSheet: VBottomSheet
     VBottomNavigation: VBottomNavigation
-    VBtnToggle: VBtnToggle
+    VBadge: VBadge
+    VBtn: VBtn
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VCode: VCode
-    VBtn: VBtn
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
+    VBtnGroup: VBtnGroup
+    VBtnToggle: VBtnToggle
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
+    VChip: VChip
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCombobox: VCombobox
-    VBtnGroup: VBtnGroup
-    VCounter: VCounter
+    VCode: VCode
     VColorPicker: VColorPicker
-    VDialog: VDialog
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VChipGroup: VChipGroup
+    VCounter: VCounter
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -83006,26 +83002,36 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VCombobox: VCombobox
+    VDialog: VDialog
     VDivider: VDivider
-    VFab: VFab
-    VEmptyState: VEmptyState
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VFileInput: VFileInput
-    VImg: VImg
-    VFooter: VFooter
     VField: VField
     VFieldLabel: VFieldLabel
+    VEmptyState: VEmptyState
+    VFab: VFab
+    VFileInput: VFileInput
+    VFooter: VFooter
+    VInput: VInput
+    VImg: VImg
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInput: VInput
     VItemGroup: VItemGroup
     VItem: VItem
+    VKbd: VKbd
+    VInfiniteScroll: VInfiniteScroll
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -83035,78 +83041,74 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VInfiniteScroll: VInfiniteScroll
-    VKbd: VKbd
     VLabel: VLabel
-    VMain: VMain
     VMenu: VMenu
-    VNavigationDrawer: VNavigationDrawer
+    VMain: VMain
     VMessages: VMessages
-    VNumberInput: VNumberInput
     VOtpInput: VOtpInput
+    VNavigationDrawer: VNavigationDrawer
     VOverlay: VOverlay
-    VProgressLinear: VProgressLinear
     VProgressCircular: VProgressCircular
     VPagination: VPagination
-    VSelect: VSelect
+    VProgressLinear: VProgressLinear
     VRadioGroup: VRadioGroup
     VRating: VRating
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
-    VSelectionControlGroup: VSelectionControlGroup
-    VSkeletonLoader: VSkeletonLoader
-    VSnackbar: VSnackbar
     VSheet: VSheet
+    VSelectionControlGroup: VSelectionControlGroup
     VSelectionControl: VSelectionControl
+    VSelect: VSelect
+    VSnackbar: VSnackbar
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
     VSlider: VSlider
+    VSkeletonLoader: VSkeletonLoader
     VSwitch: VSwitch
+    VSystemBar: VSystemBar
+    VTab: VTab
+    VTabs: VTabs
+    VTabsWindow: VTabsWindow
+    VTabsWindowItem: VTabsWindowItem
+    VTextarea: VTextarea
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSystemBar: VSystemBar
-    VTextField: VTextField
     VTable: VTable
+    VTextField: VTextField
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
-    VTextarea: VTextarea
-    VTab: VTab
-    VTabs: VTabs
-    VTabsWindow: VTabsWindow
-    VTabsWindowItem: VTabsWindowItem
+    VTooltip: VTooltip
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTooltip: VTooltip
     VWindow: VWindow
     VWindowItem: VWindowItem
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
+    VForm: VForm
+    VHover: VHover
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VForm: VForm
-    VHover: VHover
+    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
-    VResponsive: VResponsive
     VRangeSlider: VRangeSlider
+    VResponsive: VResponsive
     VSnackbarQueue: VSnackbarQueue
-    VSpeedDial: VSpeedDial
     VSparkline: VSparkline
+    VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
-    VValidation: VValidation
-    VChipGroup: VChipGroup
     VVirtualScroll: VVirtualScroll
+    VValidation: VValidation
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -83123,27 +83125,27 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VChip: VChip
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VIconBtn: VIconBtn
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
+    VNumberInput: VNumberInput
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VIconBtn: VIconBtn
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }