@vuetify/nightly 3.3.12-dev.2023-08-15 → 3.3.12-dev.2023-08-18

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

@@ -133,7 +133,7 @@ type FilterMode = 'some' | 'every' | 'union' | 'intersection';
 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>;
 }
@@ -154,7 +154,7 @@ declare function repositionScrollStrategy(data: ScrollStrategyData, props: Strat
 
 interface LocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
-    activatorEl: Ref<HTMLElement | undefined>;
+    target: Ref<HTMLElement | [x: number, y: number] | undefined>;
     isActive: Ref<boolean>;
     isRtl: Ref<boolean>;
 }
@@ -364,6 +364,7 @@ declare const VAutocomplete: {
                 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: {
@@ -432,7 +433,7 @@ declare const VAutocomplete: {
                     [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>;
@@ -635,6 +636,7 @@ declare const VAutocomplete: {
                 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: {
@@ -703,7 +705,7 @@ declare const VAutocomplete: {
                     [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>;
@@ -972,6 +974,7 @@ declare const VAutocomplete: {
             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: {
@@ -1040,7 +1043,7 @@ declare const VAutocomplete: {
                 [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>;
@@ -1178,6 +1181,7 @@ declare const VAutocomplete: {
         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: {
@@ -1246,7 +1250,7 @@ declare const VAutocomplete: {
             [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>;
@@ -1628,6 +1632,7 @@ declare const VAutocomplete: {
             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: {
@@ -1696,7 +1701,7 @@ declare const VAutocomplete: {
                 [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>;
@@ -1933,6 +1938,7 @@ declare const VAutocomplete: {
             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: {
@@ -2001,7 +2007,7 @@ declare const VAutocomplete: {
                 [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>;

package/lib/components/VBanner/VBanner.mjs

@@ -12,7 +12,7 @@ import { makeComponentProps } from "../../composables/component.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
-import { useDisplay } from "../../composables/display.mjs";
+import { makeDisplayProps, useDisplay } from "../../composables/display.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
 import { IconValue } from "../../composables/icons.mjs";
 import { makeLocationProps, useLocation } from "../../composables/location.mjs";
@@ -34,6 +34,7 @@ export const makeVBannerProps = propsFactory({
   ...makeComponentProps(),
   ...makeDensityProps(),
   ...makeDimensionProps(),
+  ...makeDisplayProps(),
   ...makeElevationProps(),
   ...makeLocationProps(),
   ...makePositionProps(),
@@ -55,8 +56,9 @@ export const VBanner = genericComponent()({
       densityClasses
     } = useDensity(props);
     const {
+      displayClasses,
       mobile
-    } = useDisplay();
+    } = useDisplay(props);
     const {
       dimensionStyles
     } = useDimension(props);
@@ -92,7 +94,7 @@ export const VBanner = genericComponent()({
           'v-banner--stacked': props.stacked || mobile.value,
           'v-banner--sticky': props.sticky,
           [`v-banner--${props.lines}-line`]: !!props.lines
-        }, borderClasses.value, densityClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, themeClasses.value, props.class],
+        }, borderClasses.value, densityClasses.value, displayClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, themeClasses.value, props.class],
         "style": [dimensionStyles.value, locationStyles.value, props.style],
         "role": "banner"
       }, {

package/lib/components/VBanner/VBanner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBanner.mjs","names":["VBannerActions","VBannerText","VAvatar","VDefaultsProvider","makeBorderProps","useBorder","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeDimensionProps","useDimension","useDisplay","makeElevationProps","useElevation","IconValue","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","toRef","genericComponent","propsFactory","useRender","makeVBannerProps","avatar","String","color","icon","lines","stacked","Boolean","sticky","text","VBanner","name","props","setup","_ref","slots","borderClasses","densityClasses","mobile","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","themeClasses","density","hasText","hasPrependMedia","hasPrepend","prepend","_createVNode","tag","value","class","style","default","image","actions"],"sources":["../../../src/components/VBanner/VBanner.tsx"],"sourcesContent":["// Styles\nimport './VBanner.sass'\n\n// Components\nimport { VBannerActions } from './VBannerActions'\nimport { VBannerText } from './VBannerText'\nimport { VAvatar } from '@/components/VAvatar'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { useDisplay } from '@/composables/display'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { IconValue } from '@/composables/icons'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type VBannerSlots = {\n  default: never\n  prepend: never\n  text: never\n  actions: never\n}\n\nexport const makeVBannerProps = propsFactory({\n  avatar: String,\n  color: String,\n  icon: IconValue,\n  lines: String as PropType<'one' | 'two' | 'three'>,\n  stacked: Boolean,\n  sticky: Boolean,\n  text: String,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeLocationProps(),\n  ...makePositionProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n}, 'VBanner')\n\nexport const VBanner = genericComponent<VBannerSlots>()({\n  name: 'VBanner',\n\n  props: makeVBannerProps(),\n\n  setup (props, { slots }) {\n    const { borderClasses } = useBorder(props)\n    const { densityClasses } = useDensity(props)\n    const { mobile } = useDisplay()\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n\n    const { themeClasses } = provideTheme(props)\n\n    const color = toRef(props, 'color')\n    const density = toRef(props, 'density')\n\n    provideDefaults({ VBannerActions: { color, density } })\n\n    useRender(() => {\n      const hasText = !!(props.text || slots.text)\n      const hasPrependMedia = !!(props.avatar || props.icon)\n      const hasPrepend = !!(hasPrependMedia || slots.prepend)\n\n      return (\n        <props.tag\n          class={[\n            'v-banner',\n            {\n              'v-banner--stacked': props.stacked || mobile.value,\n              'v-banner--sticky': props.sticky,\n              [`v-banner--${props.lines}-line`]: !!props.lines,\n            },\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            themeClasses.value,\n            props.class,\n          ]}\n          style={[\n            dimensionStyles.value,\n            locationStyles.value,\n            props.style,\n          ]}\n          role=\"banner\"\n        >\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-banner__prepend\">\n              { !slots.prepend ? (\n                <VAvatar\n                  key=\"prepend-avatar\"\n                  color={ color.value }\n                  density={ density.value }\n                  icon={ props.icon }\n                  image={ props.avatar }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !hasPrependMedia }\n                  defaults={{\n                    VAvatar: {\n                      color: color.value,\n                      density: density.value,\n                      icon: props.icon,\n                      image: props.avatar,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </div>\n          )}\n\n          <div class=\"v-banner__content\">\n            { hasText && (\n              <VBannerText key=\"text\">\n                { slots.text?.() ?? props.text }\n              </VBannerText>\n            )}\n\n            { slots.default?.() }\n          </div>\n\n          { slots.actions && (\n            <VBannerActions key=\"actions\" v-slots:default={ slots.actions } />\n          )}\n        </props.tag>\n      )\n    })\n  },\n})\n\nexport type VBanner = InstanceType<typeof VBanner>\n"],"mappings":"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"}
+{"version":3,"file":"VBanner.mjs","names":["VBannerActions","VBannerText","VAvatar","VDefaultsProvider","makeBorderProps","useBorder","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeDisplayProps","useDisplay","makeElevationProps","useElevation","IconValue","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","toRef","genericComponent","propsFactory","useRender","makeVBannerProps","avatar","String","color","icon","lines","stacked","Boolean","sticky","text","VBanner","name","props","setup","_ref","slots","borderClasses","densityClasses","displayClasses","mobile","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","themeClasses","density","hasText","hasPrependMedia","hasPrepend","prepend","_createVNode","tag","value","class","style","default","image","actions"],"sources":["../../../src/components/VBanner/VBanner.tsx"],"sourcesContent":["// Styles\nimport './VBanner.sass'\n\n// Components\nimport { VBannerActions } from './VBannerActions'\nimport { VBannerText } from './VBannerText'\nimport { VAvatar } from '@/components/VAvatar'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeDisplayProps, useDisplay } from '@/composables/display'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { IconValue } from '@/composables/icons'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type VBannerSlots = {\n  default: never\n  prepend: never\n  text: never\n  actions: never\n}\n\nexport const makeVBannerProps = propsFactory({\n  avatar: String,\n  color: String,\n  icon: IconValue,\n  lines: String as PropType<'one' | 'two' | 'three'>,\n  stacked: Boolean,\n  sticky: Boolean,\n  text: String,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeDisplayProps(),\n  ...makeElevationProps(),\n  ...makeLocationProps(),\n  ...makePositionProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n}, 'VBanner')\n\nexport const VBanner = genericComponent<VBannerSlots>()({\n  name: 'VBanner',\n\n  props: makeVBannerProps(),\n\n  setup (props, { slots }) {\n    const { borderClasses } = useBorder(props)\n    const { densityClasses } = useDensity(props)\n    const { displayClasses, mobile } = useDisplay(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n\n    const { themeClasses } = provideTheme(props)\n\n    const color = toRef(props, 'color')\n    const density = toRef(props, 'density')\n\n    provideDefaults({ VBannerActions: { color, density } })\n\n    useRender(() => {\n      const hasText = !!(props.text || slots.text)\n      const hasPrependMedia = !!(props.avatar || props.icon)\n      const hasPrepend = !!(hasPrependMedia || slots.prepend)\n\n      return (\n        <props.tag\n          class={[\n            'v-banner',\n            {\n              'v-banner--stacked': props.stacked || mobile.value,\n              'v-banner--sticky': props.sticky,\n              [`v-banner--${props.lines}-line`]: !!props.lines,\n            },\n            borderClasses.value,\n            densityClasses.value,\n            displayClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            themeClasses.value,\n            props.class,\n          ]}\n          style={[\n            dimensionStyles.value,\n            locationStyles.value,\n            props.style,\n          ]}\n          role=\"banner\"\n        >\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-banner__prepend\">\n              { !slots.prepend ? (\n                <VAvatar\n                  key=\"prepend-avatar\"\n                  color={ color.value }\n                  density={ density.value }\n                  icon={ props.icon }\n                  image={ props.avatar }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !hasPrependMedia }\n                  defaults={{\n                    VAvatar: {\n                      color: color.value,\n                      density: density.value,\n                      icon: props.icon,\n                      image: props.avatar,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </div>\n          )}\n\n          <div class=\"v-banner__content\">\n            { hasText && (\n              <VBannerText key=\"text\">\n                { slots.text?.() ?? props.text }\n              </VBannerText>\n            )}\n\n            { slots.default?.() }\n          </div>\n\n          { slots.actions && (\n            <VBannerActions key=\"actions\" v-slots:default={ slots.actions } />\n          )}\n        </props.tag>\n      )\n    })\n  },\n})\n\nexport type VBanner = InstanceType<typeof VBanner>\n"],"mappings":"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"}

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

@@ -3,6 +3,10 @@ import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType } from
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
+declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
+type Breakpoint = typeof breakpoints[number];
+type DisplayBreakpoint = 'xs' | Breakpoint;
+
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
 type Tblock = typeof block[number];
@@ -100,6 +104,7 @@ declare const VBanner: {
             }>) => void)[] | undefined;
             "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
             lines?: "one" | "two" | "three" | undefined;
+            mobileBreakpoint?: number | DisplayBreakpoint | undefined;
             avatar?: string | undefined;
             "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
         };
@@ -151,6 +156,7 @@ declare const VBanner: {
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
             lines?: "one" | "two" | "three" | undefined;
+            mobileBreakpoint?: number | DisplayBreakpoint | undefined;
             avatar?: string | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -234,6 +240,7 @@ declare const VBanner: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         lines?: "one" | "two" | "three" | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         avatar?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -281,6 +288,7 @@ declare const VBanner: {
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
     lines?: "one" | "two" | "three" | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     avatar?: string | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -339,6 +347,7 @@ declare const VBanner: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
@@ -382,6 +391,7 @@ declare const VBanner: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];

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

@@ -133,7 +133,7 @@ type FilterMode = 'some' | 'every' | 'union' | 'intersection';
 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>;
 }
@@ -154,7 +154,7 @@ declare function repositionScrollStrategy(data: ScrollStrategyData, props: Strat
 
 interface LocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
-    activatorEl: Ref<HTMLElement | undefined>;
+    target: Ref<HTMLElement | [x: number, y: number] | undefined>;
     isActive: Ref<boolean>;
     isRtl: Ref<boolean>;
 }
@@ -364,6 +364,7 @@ declare const VCombobox: {
                 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: {
@@ -432,7 +433,7 @@ declare const VCombobox: {
                     [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>;
@@ -635,6 +636,7 @@ declare const VCombobox: {
                 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: {
@@ -703,7 +705,7 @@ declare const VCombobox: {
                     [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>;
@@ -972,6 +974,7 @@ declare const VCombobox: {
             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: {
@@ -1040,7 +1043,7 @@ declare const VCombobox: {
                 [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>;
@@ -1178,6 +1181,7 @@ declare const VCombobox: {
         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: {
@@ -1246,7 +1250,7 @@ declare const VCombobox: {
             [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>;
@@ -1634,6 +1638,7 @@ declare const VCombobox: {
             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: {
@@ -1702,7 +1707,7 @@ declare const VCombobox: {
                 [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>;
@@ -1945,6 +1950,7 @@ declare const VCombobox: {
             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: {
@@ -2013,7 +2019,7 @@ declare const VCombobox: {
                 [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>;