vuetify 3.3.15 → 3.4.0-alpha.1

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

@@ -964,6 +964,7 @@ declare const VCarouselItem: {
             inline?: boolean | undefined;
             transition?: string | boolean | undefined;
             style?: vue.StyleValue | undefined;
+            draggable?: boolean | "false" | "true" | undefined;
             eager?: boolean | undefined;
             disabled?: boolean | undefined;
             options?: IntersectionObserverInit | undefined;
@@ -986,7 +987,9 @@ declare const VCarouselItem: {
                 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;
@@ -1087,8 +1090,11 @@ declare const VCarouselItem: {
             minWidth?: string | number | undefined;
             transition?: string | boolean | undefined;
             value?: any;
+            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;
@@ -1118,6 +1124,7 @@ declare const VCarouselItem: {
             inline: boolean;
             transition: string | boolean;
             style: vue.StyleValue;
+            draggable: boolean | "false" | "true";
             eager: boolean;
             disabled: boolean;
             options: IntersectionObserverInit;
@@ -1175,8 +1182,11 @@ declare const VCarouselItem: {
         minWidth?: string | number | undefined;
         transition?: string | boolean | undefined;
         value?: any;
+        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;
@@ -1224,8 +1234,11 @@ declare const VCarouselItem: {
     minWidth?: string | number | undefined;
     transition?: string | boolean | undefined;
     value?: any;
+    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;
@@ -1255,6 +1268,7 @@ declare const VCarouselItem: {
     inline: boolean;
     transition: string | boolean;
     style: vue.StyleValue;
+    draggable: boolean | "false" | "true";
     eager: boolean;
     disabled: boolean;
     options: IntersectionObserverInit;
@@ -1303,6 +1317,10 @@ declare const VCarouselItem: {
     inline: BooleanConstructor;
     alt: StringConstructor;
     cover: BooleanConstructor;
+    draggable: {
+        type: vue.PropType<boolean | "false" | "true">;
+        default: undefined;
+    };
     gradient: StringConstructor;
     lazySrc: StringConstructor;
     options: {
@@ -1318,6 +1336,8 @@ declare const VCarouselItem: {
         type: vue.PropType<string | srcObject>;
         default: string;
     };
+    crossorigin: vue.PropType<"" | "anonymous" | "use-credentials">;
+    referrerpolicy: vue.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<{
     eager: BooleanConstructor;
@@ -1348,6 +1368,10 @@ declare const VCarouselItem: {
     inline: BooleanConstructor;
     alt: StringConstructor;
     cover: BooleanConstructor;
+    draggable: {
+        type: vue.PropType<boolean | "false" | "true">;
+        default: undefined;
+    };
     gradient: StringConstructor;
     lazySrc: StringConstructor;
     options: {
@@ -1363,6 +1387,8 @@ declare const VCarouselItem: {
         type: vue.PropType<string | srcObject>;
         default: string;
     };
+    crossorigin: vue.PropType<"" | "anonymous" | "use-credentials">;
+    referrerpolicy: vue.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 VCarouselItem = InstanceType<typeof VCarouselItem>;

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

@@ -169,6 +169,7 @@ declare const VCheckbox: {
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
             defaultsTarget?: string | undefined;
+            baseColor?: string | undefined;
             trueValue?: any;
             falseValue?: any;
             "v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
@@ -259,6 +260,7 @@ declare const VCheckbox: {
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
             defaultsTarget?: string | undefined;
+            baseColor?: string | undefined;
             trueValue?: any;
             falseValue?: any;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
@@ -425,6 +427,7 @@ declare const VCheckbox: {
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         defaultsTarget?: string | undefined;
+        baseColor?: string | undefined;
         trueValue?: any;
         falseValue?: any;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
@@ -523,6 +526,7 @@ declare const VCheckbox: {
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
     defaultsTarget?: string | undefined;
+    baseColor?: string | undefined;
     trueValue?: any;
     falseValue?: any;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
@@ -682,6 +686,7 @@ declare const VCheckbox: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    baseColor: StringConstructor;
     trueValue: null;
     falseValue: null;
     indeterminateIcon: {
@@ -771,6 +776,7 @@ declare const VCheckbox: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    baseColor: StringConstructor;
     trueValue: null;
     falseValue: null;
     indeterminateIcon: {
@@ -916,6 +922,7 @@ declare const VCheckboxBtn: {
             modelValue?: any;
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             defaultsTarget?: string | undefined;
+            baseColor?: string | undefined;
             trueValue?: any;
             falseValue?: any;
             "v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
@@ -977,6 +984,7 @@ declare const VCheckboxBtn: {
             theme?: string | undefined;
             modelValue?: any;
             defaultsTarget?: string | undefined;
+            baseColor?: string | undefined;
             trueValue?: any;
             falseValue?: any;
         } & {
@@ -1096,6 +1104,7 @@ declare const VCheckboxBtn: {
         theme?: string | undefined;
         modelValue?: any;
         defaultsTarget?: string | undefined;
+        baseColor?: string | undefined;
         trueValue?: any;
         falseValue?: any;
     } & {
@@ -1166,6 +1175,7 @@ declare const VCheckboxBtn: {
     theme?: string | undefined;
     modelValue?: any;
     defaultsTarget?: string | undefined;
+    baseColor?: string | undefined;
     trueValue?: any;
     falseValue?: any;
 } & {
@@ -1286,6 +1296,7 @@ declare const VCheckboxBtn: {
         default: typeof deepEqual;
     };
     label: StringConstructor;
+    baseColor: StringConstructor;
     trueValue: null;
     falseValue: null;
     value: null;
@@ -1340,6 +1351,7 @@ declare const VCheckboxBtn: {
         default: typeof deepEqual;
     };
     label: StringConstructor;
+    baseColor: StringConstructor;
     trueValue: null;
     falseValue: null;
     value: null;

package/lib/components/VColorPicker/VColorPickerPreview.css

@@ -69,4 +69,9 @@
   align-items: center;
   display: flex;
   margin-bottom: 0;
+}
+
+.v-color-picker-preview__eye-dropper {
+  position: relative;
+  margin-right: 12px;
 }

package/lib/components/VColorPicker/VColorPickerPreview.mjs

@@ -3,10 +3,12 @@ import { createVNode as _createVNode } from "vue";
 import "./VColorPickerPreview.css";
 
 // Components
+import { VBtn } from "../VBtn/index.mjs";
 import { VSlider } from "../VSlider/index.mjs"; // Composables
 import { makeComponentProps } from "../../composables/component.mjs"; // Utilities
+import { onUnmounted } from 'vue';
 import { nullColor } from "./util/index.mjs";
-import { defineComponent, HSVtoCSS, propsFactory, useRender } from "../../util/index.mjs"; // Types
+import { defineComponent, HexToHSV, HSVtoCSS, propsFactory, SUPPORTS_EYE_DROPPER, useRender } from "../../util/index.mjs"; // Types
 export const makeVColorPickerPreviewProps = propsFactory({
   color: {
     type: Object
@@ -25,12 +27,36 @@ export const VColorPickerPreview = defineComponent({
     let {
       emit
     } = _ref;
+    const abortController = new AbortController();
+    onUnmounted(() => abortController.abort());
+    async function openEyeDropper() {
+      if (!SUPPORTS_EYE_DROPPER) return;
+      const eyeDropper = new window.EyeDropper();
+      try {
+        const result = await eyeDropper.open({
+          signal: abortController.signal
+        });
+        const colorHexValue = HexToHSV(result.sRGBHex);
+        emit('update:color', {
+          ...(props.color ?? nullColor),
+          ...colorHexValue
+        });
+      } catch (e) {}
+    }
     useRender(() => _createVNode("div", {
       "class": ['v-color-picker-preview', {
         'v-color-picker-preview--hide-alpha': props.hideAlpha
       }, props.class],
       "style": props.style
-    }, [_createVNode("div", {
+    }, [SUPPORTS_EYE_DROPPER && _createVNode("div", {
+      "class": "v-color-picker-preview__eye-dropper",
+      "key": "eyeDropper"
+    }, [_createVNode(VBtn, {
+      "onClick": openEyeDropper,
+      "icon": "$eyeDropper",
+      "variant": "plain",
+      "density": "comfortable"
+    }, null)]), _createVNode("div", {
       "class": "v-color-picker-preview__dot"
     }, [_createVNode("div", {
       "style": {

package/lib/components/VColorPicker/VColorPickerPreview.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VColorPickerPreview.mjs","names":["VSlider","makeComponentProps","nullColor","defineComponent","HSVtoCSS","propsFactory","useRender","makeVColorPickerPreviewProps","color","type","Object","disabled","Boolean","hideAlpha","VColorPickerPreview","name","props","emits","setup","_ref","emit","_createVNode","class","style","background","h","a"],"sources":["../../../src/components/VColorPicker/VColorPickerPreview.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerPreview.sass'\n\n// Components\nimport { VSlider } from '@/components/VSlider'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\n\n// Utilities\nimport { nullColor } from './util'\nimport { defineComponent, HSVtoCSS, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { HSV } from '@/util'\n\nexport const makeVColorPickerPreviewProps = propsFactory({\n  color: {\n    type: Object as PropType<HSV | null>,\n  },\n  disabled: Boolean,\n  hideAlpha: Boolean,\n\n  ...makeComponentProps(),\n}, 'VColorPickerPreview')\n\nexport const VColorPickerPreview = defineComponent({\n  name: 'VColorPickerPreview',\n\n  props: makeVColorPickerPreviewProps(),\n\n  emits: {\n    'update:color': (color: HSV) => true,\n  },\n\n  setup (props, { emit }) {\n    useRender(() => (\n      <div\n        class={[\n          'v-color-picker-preview',\n          {\n            'v-color-picker-preview--hide-alpha': props.hideAlpha,\n          },\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        <div class=\"v-color-picker-preview__dot\">\n          <div style={{ background: HSVtoCSS(props.color ?? nullColor) }} />\n        </div>\n\n        <div class=\"v-color-picker-preview__sliders\">\n          <VSlider\n            class=\"v-color-picker-preview__track v-color-picker-preview__hue\"\n            modelValue={ props.color?.h }\n            onUpdate:modelValue={ h => emit('update:color', { ...(props.color ?? nullColor), h }) }\n            step={ 0 }\n            min={ 0 }\n            max={ 360 }\n            disabled={ props.disabled }\n            thumbSize={ 14 }\n            trackSize={ 8 }\n            trackFillColor=\"white\"\n            hideDetails\n          />\n\n          { !props.hideAlpha && (\n            <VSlider\n              class=\"v-color-picker-preview__track v-color-picker-preview__alpha\"\n              modelValue={ props.color?.a ?? 1 }\n              onUpdate:modelValue={ a => emit('update:color', { ...(props.color ?? nullColor), a }) }\n              step={ 1 / 256 }\n              min={ 0 }\n              max={ 1 }\n              disabled={ props.disabled }\n              thumbSize={ 14 }\n              trackSize={ 8 }\n              trackFillColor=\"white\"\n              hideDetails\n            />\n          )}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerPreview = InstanceType<typeof VColorPickerPreview>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,OAAO,gCAEhB;AAAA,SACSC,kBAAkB,2CAE3B;AAAA,SACSC,SAAS;AAAA,SACTC,eAAe,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,SAAS,gCAE3D;AAIA,OAAO,MAAMC,4BAA4B,GAAGF,YAAY,CAAC;EACvDG,KAAK,EAAE;IACLC,IAAI,EAAEC;EACR,CAAC;EACDC,QAAQ,EAAEC,OAAO;EACjBC,SAAS,EAAED,OAAO;EAElB,GAAGX,kBAAkB;AACvB,CAAC,EAAE,qBAAqB,CAAC;AAEzB,OAAO,MAAMa,mBAAmB,GAAGX,eAAe,CAAC;EACjDY,IAAI,EAAE,qBAAqB;EAE3BC,KAAK,EAAET,4BAA4B,EAAE;EAErCU,KAAK,EAAE;IACL,cAAc,EAAGT,KAAU,IAAK;EAClC,CAAC;EAEDU,KAAKA,CAAEF,KAAK,EAAAG,IAAA,EAAY;IAAA,IAAV;MAAEC;IAAK,CAAC,GAAAD,IAAA;IACpBb,SAAS,CAAC,MAAAe,YAAA;MAAA,SAEC,CACL,wBAAwB,EACxB;QACE,oCAAoC,EAAEL,KAAK,CAACH;MAC9C,CAAC,EACDG,KAAK,CAACM,KAAK,CACZ;MAAA,SACON,KAAK,CAACO;IAAK,IAAAF,YAAA;MAAA,SAER;IAA6B,IAAAA,YAAA;MAAA,SAC1B;QAAEG,UAAU,EAAEpB,QAAQ,CAACY,KAAK,CAACR,KAAK,IAAIN,SAAS;MAAE;IAAC,YAAAmB,YAAA;MAAA,SAGrD;IAAiC,IAAAA,YAAA,CAAArB,OAAA;MAAA,SAElC,2DAA2D;MAAA,cACpDgB,KAAK,CAACR,KAAK,EAAEiB,CAAC;MAAA,uBACLA,CAAC,IAAIL,IAAI,CAAC,cAAc,EAAE;QAAE,IAAIJ,KAAK,CAACR,KAAK,IAAIN,SAAS,CAAC;QAAEuB;MAAE,CAAC,CAAC;MAAA,QAC9E,CAAC;MAAA,OACF,CAAC;MAAA,OACD,GAAG;MAAA,YACET,KAAK,CAACL,QAAQ;MAAA,aACb,EAAE;MAAA,aACF,CAAC;MAAA,kBACE,OAAO;MAAA;IAAA,UAItB,CAACK,KAAK,CAACH,SAAS,IAAAQ,YAAA,CAAArB,OAAA;MAAA,SAER,6DAA6D;MAAA,cACtDgB,KAAK,CAACR,KAAK,EAAEkB,CAAC,IAAI,CAAC;MAAA,uBACVA,CAAC,IAAIN,IAAI,CAAC,cAAc,EAAE;QAAE,IAAIJ,KAAK,CAACR,KAAK,IAAIN,SAAS,CAAC;QAAEwB;MAAE,CAAC,CAAC;MAAA,QAC9E,CAAC,GAAG,GAAG;MAAA,OACR,CAAC;MAAA,OACD,CAAC;MAAA,YACIV,KAAK,CAACL,QAAQ;MAAA,aACb,EAAE;MAAA,aACF,CAAC;MAAA,kBACE,OAAO;MAAA;IAAA,QAGzB,IAGN,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VColorPickerPreview.mjs","names":["VBtn","VSlider","makeComponentProps","onUnmounted","nullColor","defineComponent","HexToHSV","HSVtoCSS","propsFactory","SUPPORTS_EYE_DROPPER","useRender","makeVColorPickerPreviewProps","color","type","Object","disabled","Boolean","hideAlpha","VColorPickerPreview","name","props","emits","setup","_ref","emit","abortController","AbortController","abort","openEyeDropper","eyeDropper","window","EyeDropper","result","open","signal","colorHexValue","sRGBHex","e","_createVNode","class","style","background","h","a"],"sources":["../../../src/components/VColorPicker/VColorPickerPreview.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerPreview.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VSlider } from '@/components/VSlider'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\n\n// Utilities\nimport { onUnmounted } from 'vue'\nimport { nullColor } from './util'\nimport {\n  defineComponent,\n  HexToHSV,\n  HSVtoCSS,\n  propsFactory,\n  SUPPORTS_EYE_DROPPER,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { Hex, HSV } from '@/util'\n\nexport const makeVColorPickerPreviewProps = propsFactory({\n  color: {\n    type: Object as PropType<HSV | null>,\n  },\n  disabled: Boolean,\n  hideAlpha: Boolean,\n\n  ...makeComponentProps(),\n}, 'VColorPickerPreview')\n\nexport const VColorPickerPreview = defineComponent({\n  name: 'VColorPickerPreview',\n\n  props: makeVColorPickerPreviewProps(),\n\n  emits: {\n    'update:color': (color: HSV) => true,\n  },\n\n  setup (props, { emit }) {\n    const abortController = new AbortController()\n\n    onUnmounted(() => abortController.abort())\n\n    async function openEyeDropper () {\n      if (!SUPPORTS_EYE_DROPPER) return\n\n      const eyeDropper = new window.EyeDropper()\n      try {\n        const result = await eyeDropper.open({ signal: abortController.signal })\n        const colorHexValue = HexToHSV(result.sRGBHex as Hex)\n        emit('update:color', { ...(props.color ?? nullColor), ...colorHexValue })\n      } catch (e) {}\n    }\n\n    useRender(() => (\n      <div\n        class={[\n          'v-color-picker-preview',\n          {\n            'v-color-picker-preview--hide-alpha': props.hideAlpha,\n          },\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { SUPPORTS_EYE_DROPPER && (\n          <div class=\"v-color-picker-preview__eye-dropper\" key=\"eyeDropper\">\n            <VBtn onClick={ openEyeDropper } icon=\"$eyeDropper\" variant=\"plain\" density=\"comfortable\" />\n          </div>\n        )}\n\n        <div class=\"v-color-picker-preview__dot\">\n          <div style={{ background: HSVtoCSS(props.color ?? nullColor) }} />\n        </div>\n\n        <div class=\"v-color-picker-preview__sliders\">\n          <VSlider\n            class=\"v-color-picker-preview__track v-color-picker-preview__hue\"\n            modelValue={ props.color?.h }\n            onUpdate:modelValue={ h => emit('update:color', { ...(props.color ?? nullColor), h }) }\n            step={ 0 }\n            min={ 0 }\n            max={ 360 }\n            disabled={ props.disabled }\n            thumbSize={ 14 }\n            trackSize={ 8 }\n            trackFillColor=\"white\"\n            hideDetails\n          />\n\n          { !props.hideAlpha && (\n            <VSlider\n              class=\"v-color-picker-preview__track v-color-picker-preview__alpha\"\n              modelValue={ props.color?.a ?? 1 }\n              onUpdate:modelValue={ a => emit('update:color', { ...(props.color ?? nullColor), a }) }\n              step={ 1 / 256 }\n              min={ 0 }\n              max={ 1 }\n              disabled={ props.disabled }\n              thumbSize={ 14 }\n              trackSize={ 8 }\n              trackFillColor=\"white\"\n              hideDetails\n            />\n          )}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerPreview = InstanceType<typeof VColorPickerPreview>\n"],"mappings":"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"}

package/lib/components/VColorPicker/VColorPickerPreview.sass

@@ -66,3 +66,7 @@
   align-items: center
   display: flex
   margin-bottom: $color-picker-preview-margin-bottom
+
+.v-color-picker-preview__eye-dropper
+  position: relative
+  margin-right: $color-picker-preview-dropper-margin

package/lib/components/VColorPicker/_variables.scss

@@ -26,3 +26,4 @@ $color-picker-canvas-dot-size: 15px !default;
 // VColorPickerPreview
 $color-picker-preview-dot-size: 30px !default;
 $color-picker-preview-dot-margin: 24px !default;
+$color-picker-preview-dropper-margin: 12px !default;

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>;
 }
@@ -312,6 +312,7 @@ declare const VCombobox: {
             bgColor?: string | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
             prependInnerIcon?: IconValue | undefined;
             'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
@@ -322,7 +323,6 @@ declare const VCombobox: {
             validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-            baseColor?: string | undefined;
             suffix?: string | undefined;
             counterValue?: ((value: any) => number) | undefined;
             modelModifiers?: Record<string, boolean> | undefined;
@@ -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>;
@@ -582,6 +583,7 @@ declare const VCombobox: {
             bgColor?: string | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
             prependInnerIcon?: IconValue | undefined;
             'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
@@ -593,7 +595,6 @@ declare const VCombobox: {
             centerAffix?: boolean | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-            baseColor?: string | undefined;
             suffix?: string | undefined;
             counterValue?: ((value: any) => number) | undefined;
             modelModifiers?: Record<string, boolean> | undefined;
@@ -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>;
@@ -919,6 +921,7 @@ declare const VCombobox: {
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        baseColor?: string | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
@@ -930,7 +933,6 @@ declare const VCombobox: {
         centerAffix?: boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-        baseColor?: string | undefined;
         suffix?: string | undefined;
         counterValue?: ((value: any) => number) | undefined;
         modelModifiers?: Record<string, boolean> | undefined;
@@ -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>;
@@ -1125,6 +1128,7 @@ declare const VCombobox: {
     bgColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
+    baseColor?: string | undefined;
     prependInnerIcon?: IconValue | undefined;
     'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
@@ -1136,7 +1140,6 @@ declare const VCombobox: {
     centerAffix?: boolean | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
-    baseColor?: string | undefined;
     suffix?: string | undefined;
     counterValue?: ((value: any) => number) | undefined;
     modelModifiers?: Record<string, boolean> | undefined;
@@ -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>;
@@ -1506,6 +1510,7 @@ declare const VCombobox: {
     bgColor: StringConstructor;
     prependIcon: PropType<IconValue>;
     appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
     clearIcon: {
         type: PropType<IconValue>;
         default: string;
@@ -1538,7 +1543,6 @@ declare const VCombobox: {
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     hideDetails: PropType<boolean | "auto">;
-    baseColor: StringConstructor;
     clearable: BooleanConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
@@ -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>;
@@ -1817,6 +1822,7 @@ declare const VCombobox: {
     bgColor: StringConstructor;
     prependIcon: PropType<IconValue>;
     appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
     clearIcon: {
         type: PropType<IconValue>;
         default: string;
@@ -1849,7 +1855,6 @@ declare const VCombobox: {
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     hideDetails: PropType<boolean | "auto">;
-    baseColor: StringConstructor;
     clearable: BooleanConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
@@ -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>;