@vonage/vivid-vue 3.23.1 → 3.43.0

package/{dist/generated → generated}/components/VTab.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Tab } from '@vonage/vivid/lib/tab/tab';
 /**
  * Base class for tab
  */
@@ -63,15 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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>;
+    element: import("vue").Ref<Tab | 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 → generated}/components/VTabs.vue2.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Tabs } from '@vonage/vivid/lib/tabs/tabs';
 /**
  * Base class for tabs
  */
@@ -40,16 +41,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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>;
+    element: import("vue").Ref<Tabs | 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 → generated}/components/VTabs.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Tabs } from '@vonage/vivid/lib/tabs/tabs';
 /**
  * Base class for tabs
  */
@@ -40,16 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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>;
+    element: import("vue").Ref<Tabs | 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 → generated}/components/VTag.vue2.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Tag } from '@vonage/vivid/lib/tag/tag';
 /**
  * Base class for tag.
  */
@@ -76,20 +77,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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>;
+    element: import("vue").Ref<Tag | 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 → generated}/components/VTag.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Tag } from '@vonage/vivid/lib/tag/tag';
 /**
  * Base class for tag.
  */
@@ -76,20 +77,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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>;
+    element: import("vue").Ref<Tag | 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 → generated}/components/VTagGroup.vue2.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { TagGroup } from '@vonage/vivid/lib/tag-group/tag-group';
 /**
  * Base class for tag-group
  */
@@ -16,9 +17,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        ariaLabel: string | null;
-    } | null>;
+    element: import("vue").Ref<TagGroup | 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 → generated}/components/VTagGroup.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { TagGroup } from '@vonage/vivid/lib/tag-group/tag-group';
 /**
  * Base class for tag-group
  */
@@ -16,9 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        ariaLabel: string | null;
-    } | null>;
+    element: import("vue").Ref<TagGroup | 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 → generated}/components/VTextArea.vue2.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { TextArea } from '@vonage/vivid/lib/text-area/text-area';
 /**
  * Base class for text-area
  */
@@ -12,19 +13,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        wrap?: import("@vonage/vivid").TextAreaWrap | undefined;
-        connectedCallback: () => void;
-        disconnectedCallback: () => void;
-        errorValidationMessage: string;
-        label: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-        errorText: string;
-        charCount: boolean;
-        helperText?: string | undefined;
-        successText?: string | undefined;
-    } | null>;
+    element: import("vue").Ref<TextArea | 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<{
     /**
      * The current value of the text-area.

package/{dist/generated → generated}/components/VTextArea.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { TextArea } from '@vonage/vivid/lib/text-area/text-area';
 /**
  * Base class for text-area
  */
@@ -12,19 +13,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        wrap?: import("@vonage/vivid").TextAreaWrap | undefined;
-        connectedCallback: () => void;
-        disconnectedCallback: () => void;
-        errorValidationMessage: string;
-        label: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-        errorText: string;
-        charCount: boolean;
-        helperText?: string | undefined;
-        successText?: string | undefined;
-    } | null>;
+    element: import("vue").Ref<TextArea | 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<{
     /**
      * The current value of the text-area.

package/{dist/generated → generated}/components/VTextField.vue2.d.ts

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

package/{dist/generated → generated}/components/VTextField.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { TextField } from '@vonage/vivid/lib/text-field/text-field';
 /**
  * Base class for text-field
  */
@@ -177,24 +178,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        appearance?: import("@vonage/vivid").TextFieldAppearance | undefined;
-        shape?: import("@vonage/vivid").TextFieldShape | undefined;
-        autoComplete?: string | undefined;
-        leadingActionItemsSlottedContent?: HTMLElement[] | undefined;
-        connectedCallback: () => void;
-        disconnectedCallback: () => void;
-        focus: () => void;
-        icon?: string | undefined;
-        errorText: string;
-        errorValidationMessage: string;
-        label: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-        charCount: boolean;
-        helperText?: string | undefined;
-        successText?: string | undefined;
-    } | null>;
+    element: import("vue").Ref<TextField | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "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 → generated}/components/VToggletip.vue2.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Toggletip } from '@vonage/vivid/lib/toggletip/toggletip';
 /**
  * Base class for toggletip
  */
@@ -47,16 +48,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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>;
+    element: import("vue").Ref<Toggletip | 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 → generated}/components/VToggletip.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Toggletip } from '@vonage/vivid/lib/toggletip/toggletip';
 /**
  * Base class for toggletip
  */
@@ -47,16 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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>;
+    element: import("vue").Ref<Toggletip | 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 → generated}/components/VTooltip.vue2.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Tooltip } from '@vonage/vivid/lib/tooltip/tooltip';
 /**
  * Base class for tooltip
  */
@@ -32,15 +33,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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>;
+    element: import("vue").Ref<Tooltip | 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 → generated}/components/VTooltip.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Tooltip } from '@vonage/vivid/lib/tooltip/tooltip';
 /**
  * Base class for tooltip
  */
@@ -32,15 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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>;
+    element: import("vue").Ref<Tooltip | 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 → generated}/components/VTreeItem.vue2.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { TreeItem } from '@vonage/vivid/lib/tree-item/tree-item';
 /**
  * Base class for tree-item
  */
@@ -48,10 +49,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        text?: string | undefined;
-        icon?: string | undefined;
-    } | null>;
+    element: import("vue").Ref<TreeItem | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "expanded-change" | "selected-change")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

package/{dist/generated → generated}/components/VTreeItem.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { TreeItem } from '@vonage/vivid/lib/tree-item/tree-item';
 /**
  * Base class for tree-item
  */
@@ -48,10 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        text?: string | undefined;
-        icon?: string | undefined;
-    } | null>;
+    element: import("vue").Ref<TreeItem | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "expanded-change" | "selected-change")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "expanded-change" | "selected-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

package/{dist/generated → generated}/icons.d.ts

@@ -1125,4 +1125,4 @@ export declare enum Icon {
     zoomToFitLine = "zoom-to-fit-line",
     zoomToFitSolid = "zoom-to-fit-solid"
 }
-export declare type IconId = `${Icon}`;
+export type IconId = `${Icon}`;