@vonage/vivid-vue 3.16.0 → 3.18.0

package/dist/generated/components/VSelect.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Select } from '@vonage/vivid/lib/select/select';
 /**
  * Base class for select
  */
@@ -115,21 +114,73 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * The appearance attribute.
+     */
     appearance: {
         type: PropType<"fieldset" | "ghost">;
         default: undefined;
     };
+    /**
+     * The shape attribute.
+     */
     shape: {
         type: PropType<"rounded" | "pill">;
         default: undefined;
     };
+    /**
+     * The fixed-dropdown attribute.
+     */
     fixedDropdown: {
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * The placeholder attribute.
+     */
+    placeholder: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Select | null>;
+    element: import("vue").Ref<{
+        _popup: {
+            popupEl: HTMLElement;
+            arrowEl: HTMLElement;
+            open: boolean;
+            openChanged: (_: boolean, newValue: boolean) => void;
+            dismissible: boolean;
+            arrow: boolean;
+            alternate: boolean;
+            placement?: any;
+            strategy?: any;
+            anchor?: string | HTMLElement | undefined;
+            disconnectedCallback: () => void;
+            attributeChangedCallback: (name: string, oldValue: string, newValue: string) => void;
+            updatePosition: () => Promise<void>;
+            readonly anchorEl: HTMLElement | null;
+            show: () => void;
+            hide: () => void;
+        };
+        _anchor: HTMLElement;
+        appearance?: import("@vonage/vivid").SelectAppearance | undefined;
+        shape?: import("@vonage/vivid").SelectShape | undefined;
+        fixedDropdown: boolean;
+        placeholder: string | undefined;
+        connectedCallback: () => void;
+        readonly displayValue: string;
+        setDefaultSelectedOption: () => void;
+        iconTrailing: boolean;
+        icon?: string | undefined;
+        errorValidationMessage: boolean;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+        helperText?: string | undefined;
+        errorText: string;
+        successText?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "change" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The success text for the form element.
@@ -242,18 +293,34 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * The appearance attribute.
+     */
     appearance: {
         type: PropType<"fieldset" | "ghost">;
         default: undefined;
     };
+    /**
+     * The shape attribute.
+     */
     shape: {
         type: PropType<"rounded" | "pill">;
         default: undefined;
     };
+    /**
+     * The fixed-dropdown attribute.
+     */
     fixedDropdown: {
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * The placeholder attribute.
+     */
+    placeholder: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
@@ -278,6 +345,7 @@ declare const _default: import("vue").DefineComponent<{
     successText: string;
     errorText: string;
     helperText: string;
+    placeholder: string;
     position: "above" | "below";
     multiple: boolean;
     fixedDropdown: boolean;

package/dist/generated/components/VSideDrawer.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { SideDrawer } from '@vonage/vivid/lib/side-drawer/side-drawer';
 /**
  * Base class for side-drawer
  */
@@ -41,7 +40,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<SideDrawer | null>;
+    element: import("vue").Ref<{
+        alternate: boolean;
+        modal: boolean;
+        open: boolean;
+        trailing: boolean;
+        attributeChangedCallback: (name: string, oldValue: string, newValue: string) => void;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -81,8 +86,8 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     open: boolean;
-    alternate: boolean;
     modal: boolean;
+    alternate: boolean;
     trailing: boolean;
 }>;
 export default _default;

package/dist/generated/components/VSideDrawer.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { SideDrawer } from '@vonage/vivid/lib/side-drawer/side-drawer';
 /**
  * Base class for side-drawer
  */
@@ -41,7 +40,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<SideDrawer | null>;
+    element: import("vue").Ref<{
+        alternate: boolean;
+        modal: boolean;
+        open: boolean;
+        trailing: boolean;
+        attributeChangedCallback: (name: string, oldValue: string, newValue: string) => void;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -88,8 +93,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     open: boolean;
-    alternate: boolean;
     modal: boolean;
+    alternate: boolean;
     trailing: boolean;
 }>;
 export default _default;

package/dist/generated/components/VSlider.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Slider } from '@vonage/vivid/lib/slider/slider';
 /**
  * Base class for slider
  */
@@ -102,7 +101,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Slider | null>;
+    element: import("vue").Ref<{
+        markers: boolean;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -209,9 +210,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     required: boolean;
     modelValue: string;
     readonly: boolean;
-    orientation: "horizontal" | "vertical";
-    max: number;
     min: number;
+    max: number;
+    orientation: "horizontal" | "vertical";
     mode: "single-value";
     markers: boolean;
 }>;

package/dist/generated/components/VSlider.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Slider } from '@vonage/vivid/lib/slider/slider';
 /**
  * Base class for slider
  */
@@ -102,7 +101,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Slider | null>;
+    element: import("vue").Ref<{
+        markers: boolean;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -217,9 +218,9 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     modelValue: string;
     readonly: boolean;
-    orientation: "horizontal" | "vertical";
-    max: number;
     min: number;
+    max: number;
+    orientation: "horizontal" | "vertical";
     mode: "single-value";
     markers: boolean;
 }>;

package/dist/generated/components/VSwitch.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Switch } from '@vonage/vivid/lib/switch/switch';
 /**
  * Base class for switch
  */
@@ -24,7 +23,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Switch | null>;
+    element: import("vue").Ref<{
+        label?: string | undefined;
+        connotation?: import("@vonage/vivid").SwitchConnotation | undefined;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

package/dist/generated/components/VSwitch.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Switch } from '@vonage/vivid/lib/switch/switch';
 /**
  * Base class for switch
  */
@@ -24,7 +23,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Switch | null>;
+    element: import("vue").Ref<{
+        label?: string | undefined;
+        connotation?: import("@vonage/vivid").SwitchConnotation | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

package/dist/generated/components/VTab.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Tab } from '@vonage/vivid/lib/tab/tab';
 /**
  * Base class for tab
  */
@@ -64,7 +63,15 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tab | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").TabConnotation | undefined;
+        shape?: import("@vonage/vivid").TabShape | undefined;
+        label?: string | undefined;
+        tabIndex: any;
+        ariaSelected: string | null;
+        iconTrailing: boolean;
+        icon?: string | undefined;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

package/dist/generated/components/VTab.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Tab } from '@vonage/vivid/lib/tab/tab';
 /**
  * Base class for tab
  */
@@ -64,7 +63,15 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tab | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").TabConnotation | undefined;
+        shape?: import("@vonage/vivid").TabShape | undefined;
+        label?: string | undefined;
+        tabIndex: any;
+        ariaSelected: string | null;
+        iconTrailing: boolean;
+        icon?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

package/dist/generated/components/VTabs.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Tabs } from '@vonage/vivid/lib/tabs/tabs';
 /**
  * Base class for tabs
  */
@@ -41,7 +40,16 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tabs | null>;
+    element: import("vue").Ref<{
+        tablist?: HTMLElement | undefined;
+        connotation?: import("@vonage/vivid/lib/tabs/tabs").TabsConnotation | undefined;
+        connotationChanged: () => void;
+        orientationChanged: () => void;
+        activeidChanged: (oldValue: string, newValue: string) => void;
+        tabsChanged: () => void;
+        tabpanelsChanged: () => void;
+        patchIndicatorStyleTransition: () => void;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

package/dist/generated/components/VTabs.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Tabs } from '@vonage/vivid/lib/tabs/tabs';
 /**
  * Base class for tabs
  */
@@ -41,7 +40,16 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tabs | null>;
+    element: import("vue").Ref<{
+        tablist?: HTMLElement | undefined;
+        connotation?: import("@vonage/vivid/lib/tabs/tabs").TabsConnotation | undefined;
+        connotationChanged: () => void;
+        orientationChanged: () => void;
+        activeidChanged: (oldValue: string, newValue: string) => void;
+        tabsChanged: () => void;
+        tabpanelsChanged: () => void;
+        patchIndicatorStyleTransition: () => void;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

package/dist/generated/components/VTag.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Tag } from '@vonage/vivid/lib/tag/tag';
 /**
  * Base class for tag.
  */
@@ -77,7 +76,20 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tag | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").TagConnotation | undefined;
+        shape?: import("@vonage/vivid").TagShape | undefined;
+        appearance?: import("@vonage/vivid").TagAppearance | undefined;
+        label?: string | undefined;
+        removable: boolean;
+        disabled: boolean;
+        selectable: boolean;
+        selected: boolean;
+        remove: () => void;
+        handleKeydown: (e: KeyboardEvent) => boolean;
+        handleClick: () => void;
+        icon?: string | undefined;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

package/dist/generated/components/VTag.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Tag } from '@vonage/vivid/lib/tag/tag';
 /**
  * Base class for tag.
  */
@@ -77,7 +76,20 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tag | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").TagConnotation | undefined;
+        shape?: import("@vonage/vivid").TagShape | undefined;
+        appearance?: import("@vonage/vivid").TagAppearance | undefined;
+        label?: string | undefined;
+        removable: boolean;
+        disabled: boolean;
+        selectable: boolean;
+        selected: boolean;
+        remove: () => void;
+        handleKeydown: (e: KeyboardEvent) => boolean;
+        handleClick: () => void;
+        icon?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

package/dist/generated/components/VTextArea.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { TextArea } from '@vonage/vivid/lib/text-area/text-area';
 /**
  * Base class for text-area
  */
@@ -13,7 +12,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TextArea | null>;
+    element: import("vue").Ref<{
+        wrap?: import("@vonage/vivid").TextAreaWrap | undefined;
+        errorValidationMessage: boolean;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+        errorText: string;
+        charCount: boolean;
+        helperText?: string | undefined;
+        successText?: string | undefined;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The current value of the text-area.

package/dist/generated/components/VTextArea.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { TextArea } from '@vonage/vivid/lib/text-area/text-area';
 /**
  * Base class for text-area
  */
@@ -13,7 +12,17 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TextArea | null>;
+    element: import("vue").Ref<{
+        wrap?: import("@vonage/vivid").TextAreaWrap | undefined;
+        errorValidationMessage: boolean;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+        errorText: string;
+        charCount: boolean;
+        helperText?: string | undefined;
+        successText?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The current value of the text-area.

package/dist/generated/components/VTextField.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { TextField } from '@vonage/vivid/lib/text-field/text-field';
 /**
  * Base class for text-field
  */
@@ -178,7 +177,21 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TextField | null>;
+    element: import("vue").Ref<{
+        appearance?: import("@vonage/vivid").TextFieldAppearance | undefined;
+        shape?: import("@vonage/vivid").TextFieldShape | undefined;
+        autoComplete?: string | undefined;
+        leadingActionItemsSlottedContent?: HTMLElement[] | undefined;
+        icon?: string | undefined;
+        errorText: string;
+        errorValidationMessage: boolean;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+        charCount: boolean;
+        helperText?: string | undefined;
+        successText?: string | undefined;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "change" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The success text for the form element.

package/dist/generated/components/VTextField.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { TextField } from '@vonage/vivid/lib/text-field/text-field';
 /**
  * Base class for text-field
  */
@@ -178,7 +177,21 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TextField | null>;
+    element: import("vue").Ref<{
+        appearance?: import("@vonage/vivid").TextFieldAppearance | undefined;
+        shape?: import("@vonage/vivid").TextFieldShape | undefined;
+        autoComplete?: string | undefined;
+        leadingActionItemsSlottedContent?: HTMLElement[] | undefined;
+        icon?: string | undefined;
+        errorText: string;
+        errorValidationMessage: boolean;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+        charCount: boolean;
+        helperText?: string | undefined;
+        successText?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "change" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The success text for the form element.

package/dist/generated/components/VToggletip.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Toggletip } from '@vonage/vivid/lib/toggletip/toggletip';
 /**
  * Base class for toggletip
  */
@@ -48,7 +47,16 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Toggletip | null>;
+    element: import("vue").Ref<{
+        headline?: string | undefined;
+        alternate: boolean;
+        placement?: any;
+        anchor: string | HTMLElement;
+        anchorChanged: (_: string | HTMLElement, newValue: string | HTMLElement) => void;
+        open: boolean;
+        openChanged: (oldValue: boolean, newValue: boolean) => void;
+        disconnectedCallback: () => void;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

package/dist/generated/components/VToggletip.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Toggletip } from '@vonage/vivid/lib/toggletip/toggletip';
 /**
  * Base class for toggletip
  */
@@ -48,7 +47,16 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Toggletip | null>;
+    element: import("vue").Ref<{
+        headline?: string | undefined;
+        alternate: boolean;
+        placement?: any;
+        anchor: string | HTMLElement;
+        anchorChanged: (_: string | HTMLElement, newValue: string | HTMLElement) => void;
+        open: boolean;
+        openChanged: (oldValue: boolean, newValue: boolean) => void;
+        disconnectedCallback: () => void;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

package/dist/generated/components/VTooltip.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Tooltip } from '@vonage/vivid/lib/tooltip/tooltip';
 /**
  * Base class for tooltip
  */
@@ -33,7 +32,15 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tooltip | null>;
+    element: import("vue").Ref<{
+        text?: string | undefined;
+        placement?: any;
+        open: boolean;
+        anchor?: (string | HTMLElement) | undefined;
+        anchorChanged: (_: string | HTMLElement, newValue: string | HTMLElement) => void;
+        disconnectedCallback: () => void;
+        openChanged: (_: boolean, newValue: boolean) => void;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

package/dist/generated/components/VTooltip.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Tooltip } from '@vonage/vivid/lib/tooltip/tooltip';
 /**
  * Base class for tooltip
  */
@@ -33,7 +32,15 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tooltip | null>;
+    element: import("vue").Ref<{
+        text?: string | undefined;
+        placement?: any;
+        open: boolean;
+        anchor?: (string | HTMLElement) | undefined;
+        anchorChanged: (_: string | HTMLElement, newValue: string | HTMLElement) => void;
+        disconnectedCallback: () => void;
+        openChanged: (_: boolean, newValue: boolean) => void;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.