vuetify 3.3.15 → 3.4.0-alpha.1

package/lib/components/VImg/index.d.mts

@@ -21,6 +21,7 @@ declare const VImg: {
                 component?: vue.Component | undefined;
             }) | undefined;
             style?: vue.StyleValue | undefined;
+            draggable?: boolean | "false" | "true" | undefined;
             eager?: boolean | undefined;
             options?: IntersectionObserverInit | undefined;
             cover?: boolean | undefined;
@@ -43,7 +44,9 @@ declare const VImg: {
                 error?: (() => vue.VNodeChild) | undefined;
                 sources?: (() => vue.VNodeChild) | undefined;
             };
+            referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
             alt?: string | undefined;
+            crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
             sizes?: string | undefined;
             srcset?: string | undefined;
             ref?: vue.VNodeRef | undefined;
@@ -143,8 +146,11 @@ declare const VImg: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            draggable?: boolean | "false" | "true" | undefined;
             class?: any;
+            referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
             alt?: string | undefined;
+            crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
             sizes?: string | undefined;
             srcset?: string | undefined;
             contentClass?: string | undefined;
@@ -188,6 +194,7 @@ declare const VImg: {
                 component?: vue.Component | undefined;
             });
             style: vue.StyleValue;
+            draggable: boolean | "false" | "true";
             eager: boolean;
             options: IntersectionObserverInit;
             cover: boolean;
@@ -243,8 +250,11 @@ declare const VImg: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        draggable?: boolean | "false" | "true" | undefined;
         class?: any;
+        referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
         alt?: string | undefined;
+        crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
         sizes?: string | undefined;
         srcset?: string | undefined;
         contentClass?: string | undefined;
@@ -300,8 +310,11 @@ declare const VImg: {
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
+    draggable?: boolean | "false" | "true" | undefined;
     class?: any;
+    referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
     alt?: string | undefined;
+    crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
     sizes?: string | undefined;
     srcset?: string | undefined;
     contentClass?: string | undefined;
@@ -345,6 +358,7 @@ declare const VImg: {
         component?: vue.Component | undefined;
     });
     style: vue.StyleValue;
+    draggable: boolean | "false" | "true";
     eager: boolean;
     options: IntersectionObserverInit;
     cover: boolean;
@@ -386,6 +400,10 @@ declare const VImg: {
     inline: BooleanConstructor;
     alt: StringConstructor;
     cover: BooleanConstructor;
+    draggable: {
+        type: PropType<boolean | "false" | "true">;
+        default: undefined;
+    };
     eager: BooleanConstructor;
     gradient: StringConstructor;
     lazySrc: StringConstructor;
@@ -402,6 +420,8 @@ declare const VImg: {
         type: PropType<string | srcObject>;
         default: string;
     };
+    crossorigin: PropType<"" | "anonymous" | "use-credentials">;
+    referrerpolicy: PropType<"origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
     srcset: StringConstructor;
 }, vue.ExtractPropTypes<{
     transition: {
@@ -427,6 +447,10 @@ declare const VImg: {
     inline: BooleanConstructor;
     alt: StringConstructor;
     cover: BooleanConstructor;
+    draggable: {
+        type: PropType<boolean | "false" | "true">;
+        default: undefined;
+    };
     eager: BooleanConstructor;
     gradient: StringConstructor;
     lazySrc: StringConstructor;
@@ -443,6 +467,8 @@ declare const VImg: {
         type: PropType<string | srcObject>;
         default: string;
     };
+    crossorigin: PropType<"" | "anonymous" | "use-credentials">;
+    referrerpolicy: PropType<"origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
     srcset: StringConstructor;
 }>>;
 type VImg = InstanceType<typeof VImg>;

package/lib/components/VList/index.d.mts

@@ -158,11 +158,11 @@ declare const VListItem: {
             "v-slot:prepend"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
             activeClass?: string | undefined;
             appendAvatar?: string | undefined;
             prependAvatar?: string | undefined;
             activeColor?: string | undefined;
-            baseColor?: string | undefined;
             subtitle?: string | number | boolean | undefined;
             lines?: "one" | "two" | "three" | undefined;
             "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
@@ -229,11 +229,11 @@ declare const VListItem: {
             rounded?: string | number | boolean | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
             activeClass?: string | undefined;
             appendAvatar?: string | undefined;
             prependAvatar?: string | undefined;
             activeColor?: string | undefined;
-            baseColor?: string | undefined;
             subtitle?: string | number | boolean | undefined;
             lines?: "one" | "two" | "three" | undefined;
         } & {
@@ -347,11 +347,11 @@ declare const VListItem: {
         rounded?: string | number | boolean | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        baseColor?: string | undefined;
         activeClass?: string | undefined;
         appendAvatar?: string | undefined;
         prependAvatar?: string | undefined;
         activeColor?: string | undefined;
-        baseColor?: string | undefined;
         subtitle?: string | number | boolean | undefined;
         lines?: "one" | "two" | "three" | undefined;
     } & {
@@ -416,11 +416,11 @@ declare const VListItem: {
     rounded?: string | number | boolean | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
+    baseColor?: string | undefined;
     activeClass?: string | undefined;
     appendAvatar?: string | undefined;
     prependAvatar?: string | undefined;
     activeColor?: string | undefined;
-    baseColor?: string | undefined;
     subtitle?: string | number | boolean | undefined;
     lines?: "one" | "two" | "three" | undefined;
 } & {
@@ -774,12 +774,12 @@ declare const VList: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             bgColor?: string | undefined;
+            baseColor?: string | undefined;
             activeClass?: string | undefined;
             opened?: readonly unknown[] | undefined;
             "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
             "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
             activeColor?: string | undefined;
-            baseColor?: string | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
@@ -912,10 +912,10 @@ declare const VList: {
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
             bgColor?: string | undefined;
+            baseColor?: string | undefined;
             activeClass?: string | undefined;
             opened?: readonly unknown[] | undefined;
             activeColor?: string | undefined;
-            baseColor?: string | undefined;
         } & {
             "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
             "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
@@ -1086,10 +1086,10 @@ declare const VList: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
+        baseColor?: string | undefined;
         activeClass?: string | undefined;
         opened?: readonly unknown[] | undefined;
         activeColor?: string | undefined;
-        baseColor?: string | undefined;
     } & {
         "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
         "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
@@ -1143,10 +1143,10 @@ declare const VList: {
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
     bgColor?: string | undefined;
+    baseColor?: string | undefined;
     activeClass?: string | undefined;
     opened?: readonly unknown[] | undefined;
     activeColor?: string | undefined;
-    baseColor?: string | undefined;
 } & {
     "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
     "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
@@ -1518,8 +1518,8 @@ declare const VListGroup: {
             }>) => void)[] | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            activeColor?: string | undefined;
             baseColor?: string | undefined;
+            activeColor?: string | undefined;
             "v-slot:activator"?: false | ((arg: {
                 isOpen: boolean;
                 props: Record<string, unknown>;
@@ -1560,8 +1560,8 @@ declare const VListGroup: {
             class?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            activeColor?: string | undefined;
             baseColor?: string | undefined;
+            activeColor?: string | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -1634,8 +1634,8 @@ declare const VListGroup: {
         class?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        activeColor?: string | undefined;
         baseColor?: string | undefined;
+        activeColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1675,8 +1675,8 @@ declare const VListGroup: {
     class?: any;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
-    activeColor?: string | undefined;
     baseColor?: string | undefined;
+    activeColor?: string | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;

package/lib/components/VMenu/index.d.mts

@@ -4,7 +4,7 @@ import { Ref, EffectScope, ComponentPropsOptions, ExtractPropTypes, Component, n
 interface ScrollStrategyData {
     root: Ref<HTMLElement | undefined>;
     contentEl: Ref<HTMLElement | undefined>;
-    activatorEl: Ref<HTMLElement | undefined>;
+    targetEl: Ref<HTMLElement | undefined>;
     isActive: Ref<boolean>;
     updateLocation: Ref<((e: Event) => void) | undefined>;
 }
@@ -52,7 +52,7 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 
 interface LocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
-    activatorEl: Ref<HTMLElement | undefined>;
+    target: Ref<HTMLElement | [x: number, y: number] | undefined>;
     isActive: Ref<boolean>;
     isRtl: Ref<boolean>;
 }
@@ -126,6 +126,7 @@ declare const VMenu: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
             class?: any;
             $children?: vue.VNodeChild | {
                 default?: ((arg: {
@@ -194,7 +195,7 @@ declare const VMenu: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            activator?: string | Element | vue.ComponentPublicInstance | undefined;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             "v-slot:activator"?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
@@ -261,10 +262,11 @@ declare const VMenu: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
             class?: any;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance | undefined;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -341,6 +343,7 @@ declare const VMenu: {
                 maxWidth?: string | number | undefined;
                 minHeight?: string | number | undefined;
                 minWidth?: string | number | undefined;
+                target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
                 class?: any;
                 onAfterLeave?: (() => any) | undefined;
                 $children?: vue.VNodeChild | {
@@ -410,7 +413,7 @@ declare const VMenu: {
                     [key: string]: any;
                 }>) => void)[] | undefined;
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                activator?: string | Element | vue.ComponentPublicInstance | undefined;
+                activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
                 "v-slot:activator"?: false | ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
@@ -477,10 +480,11 @@ declare const VMenu: {
                 maxWidth?: string | number | undefined;
                 minHeight?: string | number | undefined;
                 minWidth?: string | number | undefined;
+                target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
                 class?: any;
                 theme?: string | undefined;
                 contentClass?: any;
-                activator?: string | Element | vue.ComponentPublicInstance | undefined;
+                activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
                 closeDelay?: string | number | undefined;
                 openDelay?: string | number | undefined;
                 openOnClick?: boolean | undefined;
@@ -522,6 +526,7 @@ declare const VMenu: {
                 "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
             }, {
                 activatorEl: vue.Ref<HTMLElement | undefined>;
+                target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
                 animateClick: () => void;
                 contentEl: vue.Ref<HTMLElement | undefined>;
                 globalTop: Readonly<vue.Ref<boolean>>;
@@ -623,10 +628,11 @@ declare const VMenu: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
             class?: any;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance | undefined;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
             openOnClick?: boolean | undefined;
@@ -668,12 +674,13 @@ declare const VMenu: {
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         } & vue.ShallowUnwrapRef<{
             activatorEl: vue.Ref<HTMLElement | undefined>;
+            target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean>>;
             localTop: vue.ComputedRef<boolean>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-        }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "target" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (value: boolean) => boolean;
         }, string, {
             location: Anchor;
@@ -772,10 +779,11 @@ declare const VMenu: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
         class?: any;
         theme?: string | undefined;
         contentClass?: any;
-        activator?: string | Element | vue.ComponentPublicInstance | undefined;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -852,6 +860,7 @@ declare const VMenu: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
             class?: any;
             onAfterLeave?: (() => any) | undefined;
             $children?: vue.VNodeChild | {
@@ -921,7 +930,7 @@ declare const VMenu: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            activator?: string | Element | vue.ComponentPublicInstance | undefined;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             "v-slot:activator"?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
@@ -988,10 +997,11 @@ declare const VMenu: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
             class?: any;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance | undefined;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
             openOnClick?: boolean | undefined;
@@ -1033,6 +1043,7 @@ declare const VMenu: {
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         }, {
             activatorEl: vue.Ref<HTMLElement | undefined>;
+            target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
             contentEl: vue.Ref<HTMLElement | undefined>;
             globalTop: Readonly<vue.Ref<boolean>>;
@@ -1134,10 +1145,11 @@ declare const VMenu: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
         class?: any;
         theme?: string | undefined;
         contentClass?: any;
-        activator?: string | Element | vue.ComponentPublicInstance | undefined;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
         openOnClick?: boolean | undefined;
@@ -1179,12 +1191,13 @@ declare const VMenu: {
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
         activatorEl: vue.Ref<HTMLElement | undefined>;
+        target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean>>;
         localTop: vue.ComputedRef<boolean>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
+    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "target" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -1224,10 +1237,11 @@ declare const VMenu: {
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
+    target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
     class?: any;
     theme?: string | undefined;
     contentClass?: any;
-    activator?: string | Element | vue.ComponentPublicInstance | undefined;
+    activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
     openOnClick?: boolean | undefined;
     openOnFocus?: boolean | undefined;
     contentProps?: any;
@@ -1304,6 +1318,7 @@ declare const VMenu: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
         class?: any;
         onAfterLeave?: (() => any) | undefined;
         $children?: vue.VNodeChild | {
@@ -1373,7 +1388,7 @@ declare const VMenu: {
             [key: string]: any;
         }>) => void)[] | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        activator?: string | Element | vue.ComponentPublicInstance | undefined;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
@@ -1440,10 +1455,11 @@ declare const VMenu: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
         class?: any;
         theme?: string | undefined;
         contentClass?: any;
-        activator?: string | Element | vue.ComponentPublicInstance | undefined;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
         openOnClick?: boolean | undefined;
@@ -1485,6 +1501,7 @@ declare const VMenu: {
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
     }, {
         activatorEl: vue.Ref<HTMLElement | undefined>;
+        target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
         contentEl: vue.Ref<HTMLElement | undefined>;
         globalTop: Readonly<vue.Ref<boolean>>;
@@ -1586,10 +1603,11 @@ declare const VMenu: {
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
+    target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
     class?: any;
     theme?: string | undefined;
     contentClass?: any;
-    activator?: string | Element | vue.ComponentPublicInstance | undefined;
+    activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
     closeDelay?: string | number | undefined;
     openDelay?: string | number | undefined;
     openOnClick?: boolean | undefined;
@@ -1631,12 +1649,13 @@ declare const VMenu: {
     "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
 } & vue.ShallowUnwrapRef<{
     activatorEl: vue.Ref<HTMLElement | undefined>;
+    target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
     animateClick: () => void;
     contentEl: vue.Ref<HTMLElement | undefined>;
     globalTop: Readonly<vue.Ref<boolean>>;
     localTop: vue.ComputedRef<boolean>;
     updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "target" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => boolean;
 }, string, {
     location: Anchor;
@@ -1721,13 +1740,14 @@ declare const VMenu: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
+    target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
     eager: BooleanConstructor;
     disabled: BooleanConstructor;
     class: vue.PropType<any>;
     theme: StringConstructor;
     contentClass: null;
     modelValue: BooleanConstructor;
-    activator: vue.PropType<string | Element | vue.ComponentPublicInstance | undefined>;
+    activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
     locationStrategy: Omit<{
         type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
@@ -1834,13 +1854,14 @@ declare const VMenu: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
+    target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
     eager: BooleanConstructor;
     disabled: BooleanConstructor;
     class: vue.PropType<any>;
     theme: StringConstructor;
     contentClass: null;
     modelValue: BooleanConstructor;
-    activator: vue.PropType<string | Element | vue.ComponentPublicInstance | undefined>;
+    activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
     locationStrategy: Omit<{
         type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;

package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs

@@ -10,7 +10,7 @@ import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { useBackgroundColor } from "../../composables/color.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs";
-import { useDisplay } from "../../composables/display.mjs";
+import { makeDisplayProps, useDisplay } from "../../composables/display.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
 import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
@@ -61,6 +61,7 @@ export const makeVNavigationDrawerProps = propsFactory({
   sticky: Boolean,
   ...makeBorderProps(),
   ...makeComponentProps(),
+  ...makeDisplayProps(),
   ...makeElevationProps(),
   ...makeLayoutItemProps(),
   ...makeRoundedProps(),
@@ -99,8 +100,9 @@ export const VNavigationDrawer = genericComponent()({
       elevationClasses
     } = useElevation(props);
     const {
+      displayClasses,
       mobile
-    } = useDisplay();
+    } = useDisplay(props);
     const {
       roundedClasses
     } = useRounded(props);
@@ -211,7 +213,7 @@ export const VNavigationDrawer = genericComponent()({
           'v-navigation-drawer--temporary': isTemporary.value,
           'v-navigation-drawer--active': isActive.value,
           'v-navigation-drawer--sticky': isSticky.value
-        }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, roundedClasses.value, props.class],
+        }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, displayClasses.value, elevationClasses.value, roundedClasses.value, props.class],
         "style": [backgroundColorStyles.value, layoutItemStyles.value, dragStyles.value, ssrBootStyles.value, stickyStyles.value, props.style]
       }, scopeId, attrs), {
         default: () => [hasImage && _createVNode("div", {