@vonage/vivid-vue 3.16.0 → 3.17.1

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Accordion } from '@vonage/vivid/lib/accordion/accordion';
 /**
  * Base class for accordion
  */
@@ -21,7 +20,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Accordion | null>;
+    element: import("vue").Ref<{
+        expandmode: any;
+        closeAll: () => 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/VAccordion.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Accordion } from '@vonage/vivid/lib/accordion/accordion';
 /**
  * Base class for accordion
  */
@@ -21,7 +20,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Accordion | null>;
+    element: import("vue").Ref<{
+        expandmode: any;
+        closeAll: () => 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/VAccordionItem.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { AccordionItem } from '@vonage/vivid/lib/accordion-item/accordion-item';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -69,7 +68,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<AccordionItem | null>;
+    element: import("vue").Ref<{
+        heading?: string | undefined;
+        noIndicator: boolean;
+        meta?: string | undefined;
+        size?: import("@vonage/vivid/lib/accordion-item/accordion-item").AccordionItemSize | undefined;
+        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" | "change")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { AccordionItem } from '@vonage/vivid/lib/accordion-item/accordion-item';
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -69,7 +68,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<AccordionItem | null>;
+    element: import("vue").Ref<{
+        heading?: string | undefined;
+        noIndicator: boolean;
+        meta?: string | undefined;
+        size?: import("@vonage/vivid/lib/accordion-item/accordion-item").AccordionItemSize | undefined;
+        iconTrailing: boolean;
+        icon?: string | undefined;
+    } | 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<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { ActionGroup } from '@vonage/vivid/lib/action-group/action-group';
 /**
  * Base class for action-group
  */
@@ -42,7 +41,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<ActionGroup | null>;
+    element: import("vue").Ref<{
+        shape?: import("@vonage/vivid").ActionGroupShape | undefined;
+        appearance?: import("@vonage/vivid").ActionGroupAppearance | undefined;
+        tight: boolean;
+        role: string | null;
+        ariaLabel: string | null;
+    } | 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/VActionGroup.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { ActionGroup } from '@vonage/vivid/lib/action-group/action-group';
 /**
  * Base class for action-group
  */
@@ -42,7 +41,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<ActionGroup | null>;
+    element: import("vue").Ref<{
+        shape?: import("@vonage/vivid").ActionGroupShape | undefined;
+        appearance?: import("@vonage/vivid").ActionGroupAppearance | undefined;
+        tight: boolean;
+        role: string | null;
+        ariaLabel: string | null;
+    } | 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/VAlert.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Alert } from '@vonage/vivid/lib/alert/alert';
 /**
  * Base class for alert
  */
@@ -74,7 +73,20 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Alert | null>;
+    element: import("vue").Ref<{
+        removable: boolean;
+        placement?: import("@vonage/vivid/lib/alert/alert").AlertPlacement | undefined;
+        headline?: string | undefined;
+        text?: string | undefined;
+        icon?: string | undefined;
+        timeoutms: number;
+        connotation?: import("@vonage/vivid").AlertConnotation | undefined;
+        open: boolean;
+        openChanged: (oldValue: boolean, newValue: boolean) => void;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        readonly conditionedIcon: 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" | "open" | "close")[], 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/VAlert.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Alert } from '@vonage/vivid/lib/alert/alert';
 /**
  * Base class for alert
  */
@@ -74,7 +73,20 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Alert | null>;
+    element: import("vue").Ref<{
+        removable: boolean;
+        placement?: import("@vonage/vivid/lib/alert/alert").AlertPlacement | undefined;
+        headline?: string | undefined;
+        text?: string | undefined;
+        icon?: string | undefined;
+        timeoutms: number;
+        connotation?: import("@vonage/vivid").AlertConnotation | undefined;
+        open: boolean;
+        openChanged: (oldValue: boolean, newValue: boolean) => void;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        readonly conditionedIcon: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "open" | "close")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "open" | "close", 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/VAvatar.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Avatar } from '@vonage/vivid/lib/avatar/avatar';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -26,7 +25,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
      * The appearance the avatar should have.
      */
     appearance: {
-        type: PropType<"filled" | "outlined" | "duotone">;
+        type: PropType<"filled" | "outlined" | "duotone" | "subtle">;
         default: undefined;
     };
     /**
@@ -53,7 +52,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Avatar | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").AvatarConnotation | undefined;
+        shape?: import("@vonage/vivid").AvatarShape | undefined;
+        appearance?: import("@vonage/vivid").AvatarAppearance | undefined;
+        size?: import("@vonage/vivid").AvatarSize | undefined;
+        icon?: string | undefined;
+        initials?: 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<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -80,7 +86,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
      * The appearance the avatar should have.
      */
     appearance: {
-        type: PropType<"filled" | "outlined" | "duotone">;
+        type: PropType<"filled" | "outlined" | "duotone" | "subtle">;
         default: undefined;
     };
     /**
@@ -110,7 +116,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     icon: "accessibility-line" | "accessibility-solid" | "active-call-line" | "active-call-solid" | "add-call-line" | "add-call-solid" | "add-group-line" | "add-group-solid" | "add-line" | "add-solid" | "add-user-line" | "add-user-solid" | "address-book-line" | "address-book-solid" | "ai-2-line" | "ai-2-solid" | "ai-3-line" | "ai-3-solid" | "ai-line" | "ai-solid" | "alarm-line" | "alarm-solid" | "align-center-line" | "align-center-solid" | "align-left-line" | "align-left-solid" | "align-right-line" | "align-right-solid" | "ambulance-line" | "ambulance-solid" | "android-color" | "android-mono" | "angular-color" | "angular-mono" | "app-line" | "app-plus-line" | "app-plus-solid" | "app-solid" | "app-store-line" | "app-store-solid" | "apple-color" | "apple-mono" | "apps-line" | "apps-solid" | "arrow-bold-left-line" | "arrow-bold-left-solid" | "arrow-bold-right-line" | "arrow-bold-right-solid" | "arrow-down-line" | "arrow-down-solid" | "arrow-inbound-line" | "arrow-inbound-solid" | "arrow-left-line" | "arrow-left-solid" | "arrow-outbound-line" | "arrow-outbound-solid" | "arrow-right-line" | "arrow-right-solid" | "arrow-up-line" | "arrow-up-solid" | "arrow-width-large-line" | "arrow-width-large-solid" | "arrow-width-medium-line" | "arrow-width-medium-solid" | "arrow-width-small-line" | "arrow-width-small-solid" | "assign-user-line" | "assign-user-solid" | "asterisk-line" | "asterisk-solid" | "atoms-line" | "atoms-solid" | "attachment-line" | "attachment-solid" | "audio-max-line" | "audio-max-solid" | "audio-mid-line" | "audio-mid-solid" | "audio-min-line" | "audio-min-solid" | "audio-mute-line" | "audio-mute-solid" | "audio-off-2-line" | "audio-off-2-solid" | "audio-off-line" | "audio-off-solid" | "backspace-line" | "backspace-solid" | "badge-line" | "badge-solid" | "binoculars-line" | "binoculars-solid" | "block-call-line" | "block-call-solid" | "block-line" | "block-solid" | "blogger-color" | "blogger-mono" | "blur-line" | "blur-off-line" | "blur-off-solid" | "blur-solid" | "bold-line" | "bold-solid" | "bookmark-line" | "bookmark-solid" | "books-line" | "books-solid" | "bot-line" | "bot-solid" | "bottom-tabs-line" | "bottom-tabs-solid" | "bounce-line" | "bounce-solid" | "brain-line" | "brain-solid" | "bring-to-front-line" | "bring-to-front-solid" | "broadcast-line" | "broadcast-solid" | "bullet-line" | "bullet-list-2-line" | "bullet-list-2-solid" | "bullet-list-line" | "bullet-list-off-line" | "bullet-list-off-solid" | "bullet-list-solid" | "bullet-solid" | "bullhorn-color" | "bullhorn-mono" | "calculator-line" | "calculator-solid" | "calendar-check-line" | "calendar-check-solid" | "calendar-clock-line" | "calendar-clock-solid" | "calendar-line" | "calendar-plus-line" | "calendar-plus-solid" | "calendar-solid" | "call-line" | "call-solid" | "call-star-line" | "call-star-solid" | "camera-line" | "camera-solid" | "camera-switch-line" | "camera-switch-solid" | "car-line" | "car-solid" | "cart-full-line" | "cart-full-solid" | "cart-line" | "cart-solid" | "chain-line" | "chain-solid" | "charity-line" | "charity-solid" | "chart-line" | "chart-solid" | "chat-2-line" | "chat-2-solid" | "chat-call-line" | "chat-call-solid" | "chat-hide-line" | "chat-hide-solid" | "chat-line" | "chat-solid" | "check-all-line" | "check-all-solid" | "check-call-line" | "check-call-solid" | "check-circle-line" | "check-circle-solid" | "check-double-line" | "check-double-solid" | "check-line" | "check-sent-line" | "check-sent-solid" | "check-solid" | "checkbox-checked-line" | "checkbox-checked-solid" | "checkbox-unchecked-line" | "checkbox-unchecked-solid" | "chevron-circle-down-line" | "chevron-circle-down-solid" | "chevron-down-line" | "chevron-down-solid" | "chevron-left-line" | "chevron-left-solid" | "chevron-right-line" | "chevron-right-solid" | "chevron-up-line" | "chevron-up-solid" | "chime-color" | "chime-mono" | "circle-line" | "circle-solid" | "click-to-call-line" | "click-to-call-solid" | "clio-color" | "clio-mono" | "clipboard-add-line" | "clipboard-add-solid" | "clipboard-assign-line" | "clipboard-assign-solid" | "clock-line" | "clock-off-line" | "clock-off-solid" | "clock-solid" | "close-circle-line" | "close-circle-solid" | "close-line" | "close-small-line" | "close-small-solid" | "close-solid" | "closed-captioning-line" | "closed-captioning-solid" | "cloud-download-2-line" | "cloud-download-2-solid" | "cloud-line" | "cloud-office-phone-line" | "cloud-office-phone-solid" | "cloud-solid" | "cloud-upload-2-line" | "cloud-upload-2-solid" | "cloud-upload-line" | "cloud-upload-solid" | "code-line" | "code-snippet-line" | "code-snippet-solid" | "code-solid" | "coffee-line" | "coffee-solid" | "collapse-line" | "collapse-solid" | "compose-line" | "compose-solid" | "condition-line" | "condition-solid" | "connect-line" | "connect-solid" | "cooktail-line" | "cooktail-solid" | "copy-2-line" | "copy-2-solid" | "copy-line" | "copy-solid" | "credit-card-line" | "credit-card-solid" | "crop-line" | "crop-solid" | "curl-color" | "curl-mono" | "curly-brackets-line" | "curly-brackets-solid" | "cursor-2-line" | "cursor-2-solid" | "cursor-line" | "cursor-solid" | "dark-mode-line" | "dark-mode-solid" | "delete-line" | "delete-solid" | "density-high-line" | "density-high-solid" | "density-medium-line" | "density-medium-solid" | "design-tools-line" | "design-tools-solid" | "devices-line" | "devices-solid" | "disable-call-line" | "disable-call-solid" | "distort-line" | "distort-solid" | "divider-line" | "divider-solid" | "document-2-line" | "document-2-solid" | "document-line" | "document-solid" | "dollar-line" | "dollar-solid" | "dotnet-color" | "dotnet-mono" | "double-chevron-left-line" | "double-chevron-left-solid" | "double-chevron-right-line" | "double-chevron-right-solid" | "download-line" | "download-solid" | "drupal-color" | "drupal-mono" | "duplicate-line" | "duplicate-solid" | "dynamics-365-color" | "dynamics-365-mono" | "dynamics-mono" | "dynamics-mono-color" | "echo-line" | "echo-solid" | "edit-line" | "edit-solid" | "edit-user-line" | "edit-user-solid" | "emoji-line" | "emoji-solid" | "end-call-line" | "end-call-solid" | "enlarge-screen-2-line" | "enlarge-screen-2-solid" | "enlarge-screen-line" | "enlarge-screen-solid" | "enter-line" | "enter-solid" | "envelope-line" | "envelope-solid" | "eraser-line" | "eraser-solid" | "error-line" | "error-solid" | "error-star-line" | "error-star-solid" | "exit-line" | "exit-solid" | "expand-2-line" | "expand-2-solid" | "expand-line" | "expand-solid" | "export-line" | "export-solid" | "express-color" | "express-mono" | "eye-hide-line" | "eye-hide-solid" | "eye-line" | "eye-solid" | "facebook-color" | "facebook-line" | "facebook-mono" | "facebook-solid" | "fax-2-line" | "fax-2-solid" | "fax-add-line" | "fax-add-solid" | "fax-failed-line" | "fax-failed-solid" | "fax-inbound-line" | "fax-inbound-solid" | "fax-line" | "fax-outbound-line" | "fax-outbound-solid" | "fax-pending-line" | "fax-pending-solid" | "fax-scheduled-line" | "fax-scheduled-solid" | "fax-solid" | "feedback-line" | "feedback-solid" | "file-1-line" | "file-2-solid" | "file-add-line" | "file-add-solid" | "file-audio-line" | "file-audio-solid" | "file-csv-line" | "file-csv-solid" | "file-doc-line" | "file-doc-solid" | "file-dollar-line" | "file-dollar-solid" | "file-edit-line" | "file-edit-solid" | "file-gear-line" | "file-gear-solid" | "file-gif-2-line" | "file-gif-2-solid" | "file-gif-line" | "file-gif-solid" | "file-jpg-line" | "file-jpg-solid" | "file-line" | "file-paragraph-line" | "file-paragraph-solid" | "file-pdf-line" | "file-pdf-solid" | "file-plus-line" | "file-plus-solid" | "file-png-line" | "file-png-solid" | "file-ppt-line" | "file-ppt-solid" | "file-search-line" | "file-search-solid" | "file-solid" | "file-video-2-line" | "file-video-2-solid" | "file-video-line" | "file-video-solid" | "file-xls-line" | "file-xls-solid" | "file-zip-line" | "file-zip-solid" | "files-line" | "files-solid" | "filter-line" | "filter-solid" | "flag-afghanistan" | "flag-albania" | "flag-algeria" | "flag-argentina" | "flag-armenia" | "flag-aruba" | "flag-australia" | "flag-austria" | "flag-bahamas" | "flag-bahrain" | "flag-belarus" | "flag-belgium" | "flag-benin" | "flag-bolivia" | "flag-botswana" | "flag-brazil" | "flag-bulgaria" | "flag-burkina-faso" | "flag-cambodia" | "flag-canada" | "flag-cayman-islands" | "flag-central-african-republic" | "flag-chad" | "flag-chile" | "flag-china" | "flag-colombia" | "flag-costa-rica" | "flag-croatia" | "flag-cyprus" | "flag-denmark" | "flag-dominican-republic" | "flag-egypt" | "flag-el-salvador" | "flag-estonia" | "flag-european-union" | "flag-finland" | "flag-france" | "flag-georgia" | "flag-germany" | "flag-ghana" | "flag-grenada" | "flag-guatemala" | "flag-honduras" | "flag-hong-kong" | "flag-hungary" | "flag-iceland" | "flag-india" | "flag-indonesia" | "flag-ireland" | "flag-israel" | "flag-italy" | "flag-jamaica" | "flag-japan" | "flag-latvia" | "flag-liechtenstein" | "flag-lithuania" | "flag-luxembourg" | "flag-macao" | "flag-malaysia" | "flag-malta" | "flag-mauritius" | "flag-mexico" | "flag-moldova" | "flag-netherlands" | "flag-new-zealand" | "flag-nigeria" | "flag-norway" | "flag-pakistan" | "flag-panama" | "flag-peru" | "flag-philippines" | "flag-poland" | "flag-portugal" | "flag-puertorico" | "flag-romania" | "flag-russia" | "flag-rwanda" | "flag-saudi-arabia" | "flag-serbia" | "flag-singapore" | "flag-slovakia" | "flag-slovenia" | "flag-south-africa" | "flag-south-korea" | "flag-spain" | "flag-sri-lanka" | "flag-sweden" | "flag-switzerland" | "flag-taiwan" | "flag-tajikistan" | "flag-tanzania" | "flag-thailand" | "flag-trinidad-and-tobago" | "flag-turkey" | "flag-ukraine" | "flag-united-arab-emirates" | "flag-united-kingdom" | "flag-united-states" | "flag-uruguay" | "flag-uzbekistan" | "flag-venezuela" | "flag-vietnam" | "flag-zambia" | "flash-2-line" | "flash-2-solid" | "flash-line" | "flash-solid" | "flip-horizontal-line" | "flip-horizontal-solid" | "flip-line" | "flip-solid" | "flip-vertical-line" | "flip-vertical-solid" | "flow-2-line" | "flow-2-solid" | "flow-line" | "flow-permission-line" | "flow-permission-solid" | "flow-solid" | "forward-call-line" | "forward-call-solid" | "full-screen-line" | "full-screen-solid" | "fullscreen-off-line" | "fullscreen-off-solid" | "gallery-line" | "gallery-solid" | "gear-line" | "gear-solid" | "github-color" | "github-mono" | "globe-line" | "globe-solid" | "google-color" | "google-mono" | "gradle-color" | "gradle-mono" | "grid-two-line" | "grid-two-solid" | "groovy-color" | "groovy-mono" | "group-2-line" | "group-2-solid" | "group-3-line" | "group-3-solid" | "group-4-line" | "group-4-solid" | "group-5-line" | "group-5-solid" | "group-6-line" | "group-6-solid" | "group-7-line" | "group-7-solid" | "group-8-line" | "group-8-solid" | "group-9-line" | "group-9-solid" | "group-line" | "group-permission-2-line" | "group-permission-2-solid" | "group-permission-line" | "group-permission-solid" | "group-solid" | "hand-line" | "hand-off-line" | "hand-off-solid" | "hand-shake-line" | "hand-shake-solid" | "hand-solid" | "happy-line" | "happy-solid" | "hash-line" | "hash-solid" | "headset-2-line" | "headset-2-solid" | "headset-line" | "headset-solid" | "hearing-line" | "hearing-max-line" | "hearing-max-solid" | "hearing-solid" | "heart-line" | "heart-solid" | "help-line" | "help-solid" | "highlight-line" | "highlight-solid" | "history-line" | "history-solid" | "home-line" | "home-solid" | "home-user-line" | "home-user-solid" | "hospital-line" | "hospital-solid" | "hoteling-line" | "hoteling-solid" | "hubspot-color" | "hubspot-mono" | "id-line" | "id-solid" | "image-line" | "image-solid" | "import-line" | "import-solid" | "inbound-call-line" | "inbound-call-solid" | "inbox-2-line" | "inbox-2-solid" | "inbox-3-line" | "inbox-3-solid" | "inbox-line" | "inbox-solid" | "increase-line" | "increase-solid" | "infinity-line" | "infinity-solid" | "info-line" | "info-solid" | "instagram-color" | "instagram-mono" | "interactive-message-line" | "interactive-message-solid" | "ios-color" | "ios-mono" | "italic-line" | "italic-solid" | "java-color" | "java-mono" | "javascript-color" | "javascript-mono" | "jobdiva-color" | "jobdiva-mono" | "key-line" | "key-solid" | "keypad-2-line" | "keypad-2-solid" | "keypad-line" | "keypad-solid" | "kotlin-color" | "kotlin-mono" | "laptop-line" | "laptop-solid" | "laravel-color" | "laravel-mono" | "layout-1-line" | "layout-1-solid" | "layout-2-line" | "layout-2-solid" | "leave-line" | "leave-solid" | "light-bulb-line" | "light-bulb-solid" | "light-mode-line" | "light-mode-solid" | "line-width-large-line" | "line-width-large-solid" | "line-width-medium-line" | "line-width-medium-solid" | "line-width-small-line" | "line-width-small-solid" | "link-add-line" | "link-add-solid" | "link-line" | "link-remove-line" | "link-remove-solid" | "link-solid" | "linkedin-color" | "linkedin-mono" | "list-2-line" | "list-2-solid" | "list-filter-line" | "list-filter-solid" | "list-line" | "list-numbered-line" | "list-numbered-solid" | "list-solid" | "lock-line" | "lock-solid" | "mailbox-line" | "mailbox-solid" | "maximize-line" | "maximize-solid" | "media-player-line" | "media-player-off-line" | "media-player-off-solid" | "media-player-solid" | "megaphone-line" | "megaphone-solid" | "menu-line" | "menu-solid" | "merge-2-line" | "merge-2-solid" | "merge-line" | "merge-solid" | "message-line" | "message-sent-line" | "message-sent-solid" | "message-solid" | "mic-mute-line" | "mic-mute-solid" | "microphone-2-line" | "microphone-2-solid" | "microphone-line" | "microphone-solid" | "microsoft-dynamics-365-color" | "microsoft-dynamics-365-mono" | "mind-map-2-line" | "mind-map-2-solid" | "mind-map-line" | "mind-map-solid" | "minimize-2-line" | "minimize-2-solid" | "minimize-line" | "minimize-solid" | "minus-line" | "minus-solid" | "missed-call-line" | "missed-call-solid" | "mobile-2-line" | "mobile-2-solid" | "mobile-arrow-right-line" | "mobile-arrow-right-solid" | "mobile-devices-line" | "mobile-devices-solid" | "mobile-line" | "mobile-solid" | "mockup-line" | "mockup-solid" | "modal-line" | "modal-solid" | "more-horizontal-line" | "more-horizontal-solid" | "more-vertical-line" | "more-vertical-solid" | "music-line" | "music-solid" | "netsuite-color" | "netsuite-mono" | "nexmo-color" | "nexmo-mono" | "node-color" | "node-mono" | "note-line" | "note-solid" | "notes-line" | "notes-solid" | "notification-off-line" | "notification-off-solid" | "notification-on-line" | "notification-on-solid" | "objective-c-color" | "objective-c-mono" | "office-color" | "office-mono" | "office-phone-2-line" | "office-phone-2-solid" | "office-phone-line" | "office-phone-solid" | "open-folder-line" | "open-folder-solid" | "open-line" | "open-solid" | "outbound-call-line" | "outbound-call-solid" | "packet-2-line" | "packet-2-solid" | "packet-line" | "packet-solid" | "palette-line" | "palette-solid" | "park-call-line" | "park-call-solid" | "participants-line" | "participants-off-line" | "participants-off-solid" | "participants-solid" | "password-restart-line" | "password-restart-solid" | "pause-2-line" | "pause-2-solid" | "pause-call-line" | "pause-call-solid" | "pause-line" | "pause-solid" | "pen-effect-line" | "pen-effect-solid" | "pen-tip-large-line" | "pen-tip-large-solid" | "pen-tip-medium-line" | "pen-tip-medium-solid" | "pen-tip-small-line" | "pen-tip-small-solid" | "pending-call-line" | "pending-call-solid" | "pentool-line" | "pentool-solid" | "permission-call-line" | "permission-call-solid" | "phone-number-line" | "phone-number-solid" | "php-color" | "php-mono" | "pie-chart-line" | "pie-chart-solid" | "pin-2-line" | "pin-2-off-line" | "pin-2-off-solid" | "pin-2-solid" | "pin-line" | "pin-off-line" | "pin-off-solid" | "pin-solid" | "play-2-solid" | "play-line" | "play-solid" | "plug-line" | "plug-solid" | "plus-line" | "plus-solid" | "preferences-line" | "preferences-solid" | "presentation-line" | "presentation-solid" | "print-line" | "print-solid" | "profile-line" | "profile-solid" | "puzzle-line" | "puzzle-solid" | "puzzled-line" | "puzzled-solid" | "python-color" | "python-mono" | "quit-line" | "quit-solid" | "quote-line" | "quote-solid" | "radio-checked-line" | "radio-checked-solid" | "radio-unchecked-line" | "radio-unchecked-solid" | "rails-color" | "rails-mono" | "react-color" | "react-mono" | "rec-line" | "rec-solid" | "receptionist-line" | "receptionist-solid" | "record-user-line" | "record-user-solid" | "redo-line" | "redo-solid" | "refresh-call-line" | "refresh-call-solid" | "refresh-dollar-line" | "refresh-dollar-solid" | "refresh-line" | "refresh-solid" | "reload-line" | "reload-solid" | "remove-line" | "remove-solid" | "remove-user-line" | "remove-user-solid" | "reorder-horizontal-line" | "reorder-horizontal-solid" | "reorder-solid" | "reorder-vertical-line" | "reply-line" | "reply-solid" | "report-line" | "report-solid" | "reset-line" | "reset-solid" | "rocket-disabled-line" | "rocket-disabled-solid" | "rocket-line" | "rocket-solid" | "rss-color" | "rss-line" | "rss-mono" | "rss-solid" | "ruby-color" | "ruby-mono" | "salesforce-color" | "salesforce-line" | "salesforce-mono" | "salesforce-solid" | "sand-clock-line" | "sand-clock-solid" | "save-line" | "save-solid" | "screen-share-line" | "screen-share-off-line" | "screen-share-off-solid" | "screen-share-solid" | "search-line" | "search-solid" | "send-to-back-line" | "send-to-back-solid" | "share-2-line" | "share-2-solid" | "share-line" | "share-solid" | "shield-line" | "shield-solid" | "shout-line" | "shout-solid" | "shuffle-line" | "shuffle-solid" | "sidebar-line" | "sidebar-solid" | "slack-color" | "slack-mono" | "smile-line" | "smile-solid" | "sms-line" | "sms-solid" | "snooze-line" | "snooze-solid" | "sofa-line" | "sofa-solid" | "sort-asc-line" | "sort-asc-solid" | "sort-desc-line" | "sort-desc-solid" | "sort-line" | "sort-solid" | "square-line" | "square-solid" | "stack-line" | "stack-solid" | "stackoverflow-color" | "stackoverflow-mono" | "star-dollar-line" | "star-dollar-solid" | "star-line" | "star-solid" | "sticker-line" | "sticker-solid" | "stop-line" | "stop-solid" | "stopwatch-line" | "stopwatch-solid" | "store-line" | "store-solid" | "stream-line" | "stream-solid" | "strikethrough-line" | "strikethrough-solid" | "subtitles-line" | "subtitles-solid" | "sugarcrm-color" | "sugarcrm-mono" | "surprised-line" | "surprised-solid" | "swift-color" | "swift-mono" | "switch-line" | "switch-solid" | "symfony-color" | "symfony-mono" | "table-2-line" | "table-2-solid" | "table-line" | "table-solid" | "tag-add-line" | "tag-add-solid" | "tag-detach-line" | "tag-detach-solid" | "tag-line" | "tag-search-line" | "tag-search-solid" | "tag-solid" | "telephone-line" | "telephone-solid" | "text-line" | "text-solid" | "textcolor-line" | "textcolor-solid" | "texture-line" | "texture-solid" | "thumbs-down-line" | "thumbs-down-solid" | "thumbs-up-line" | "thumbs-up-solid" | "toggle-line" | "toggle-solid" | "tooltip-line" | "tooltip-solid" | "transfer-call-line" | "transfer-call-solid" | "transfer-line" | "transfer-solid" | "triangle-line" | "triangle-solid" | "trigger-node-line" | "twitch-color" | "twitch-mono" | "twitter-color" | "twitter-mono" | "umbrella-line" | "umbrella-solid" | "underline-line" | "underline-solid" | "undo-line" | "undo-solid" | "unhappy-line" | "unhappy-solid" | "unlock-line" | "unlock-solid" | "upload-line" | "upload-solid" | "user-2-line" | "user-2-solid" | "user-admin-line" | "user-admin-solid" | "user-clock-line" | "user-clock-solid" | "user-line" | "user-lock-line" | "user-lock-solid" | "user-record-line" | "user-record-solid" | "user-solid" | "user-sync-2-line" | "user-sync-2-off-line" | "user-sync-2-off-solid" | "user-sync-2-solid" | "user-sync-line" | "user-sync-solid" | "van-line" | "van-solid" | "viber-color" | "viber-mono" | "video-active-line" | "video-active-solid" | "video-conference-line" | "video-conference-solid" | "video-line" | "video-off-line" | "video-off-solid" | "video-preview-line" | "video-preview-solid" | "video-solid" | "video-whiteboard-line" | "video-whiteboard-solid" | "video_round_table-line" | "video_round_table-solid" | "virtual-voicemail-line" | "virtual-voicemail-solid" | "voicemail-line" | "voicemail-solid" | "voicemail-transcript-line" | "voicemail-transcript-solid" | "volume-decrease-line" | "volume-decrease-solid" | "volume-increase-line" | "volume-increase-solid" | "volume-line" | "volume-off-2-line" | "volume-off-2-solid" | "volume-off-line" | "volume-off-solid" | "volume-on-line" | "volume-on-solid" | "volume-solid" | "vonage-line" | "vonage-mono" | "vonage-mono-color" | "vonage-solid" | "vue-color" | "vue-mono" | "walk-line" | "walk-solid" | "wallet-line" | "wallet-solid" | "wand-line" | "wand-solid" | "warning-line" | "warning-solid" | "waving-line" | "waving-solid" | "web-chat-color" | "web-chat-mono" | "webhook-line" | "webhook-solid" | "whatsapp-color" | "whatsapp-mono" | "whisper-line" | "whisper-solid" | "wifi-line" | "wifi-solid" | "wordpress-color" | "wordpress-mono" | "workplace-color" | "workplace-mono" | "wrench-tool-2-line" | "wrench-tool-2-solid" | "wrench-tool-line" | "wrench-tool-solid" | "xml-color" | "xml-mono" | "youtube-color" | "youtube-mono" | "zendesk-color" | "zendesk-mono" | "zoho-color" | "zoho-mono" | "zoom-in-line" | "zoom-in-solid" | "zoom-out-line" | "zoom-out-solid" | "zoom-to-fit-line" | "zoom-to-fit-solid";
     size: "expanded" | "condensed" | "normal";
     shape: "rounded" | "pill";
-    appearance: "filled" | "outlined" | "duotone";
+    appearance: "filled" | "outlined" | "duotone" | "subtle";
     connotation: "accent" | "cta";
     initials: string;
 }>;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Avatar } from '@vonage/vivid/lib/avatar/avatar';
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -26,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
      * The appearance the avatar should have.
      */
     appearance: {
-        type: PropType<"filled" | "outlined" | "duotone">;
+        type: PropType<"filled" | "outlined" | "duotone" | "subtle">;
         default: undefined;
     };
     /**
@@ -53,7 +52,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Avatar | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").AvatarConnotation | undefined;
+        shape?: import("@vonage/vivid").AvatarShape | undefined;
+        appearance?: import("@vonage/vivid").AvatarAppearance | undefined;
+        size?: import("@vonage/vivid").AvatarSize | undefined;
+        icon?: string | undefined;
+        initials?: 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<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -80,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
      * The appearance the avatar should have.
      */
     appearance: {
-        type: PropType<"filled" | "outlined" | "duotone">;
+        type: PropType<"filled" | "outlined" | "duotone" | "subtle">;
         default: undefined;
     };
     /**
@@ -117,7 +123,7 @@ declare const _default: import("vue").DefineComponent<{
     icon: "accessibility-line" | "accessibility-solid" | "active-call-line" | "active-call-solid" | "add-call-line" | "add-call-solid" | "add-group-line" | "add-group-solid" | "add-line" | "add-solid" | "add-user-line" | "add-user-solid" | "address-book-line" | "address-book-solid" | "ai-2-line" | "ai-2-solid" | "ai-3-line" | "ai-3-solid" | "ai-line" | "ai-solid" | "alarm-line" | "alarm-solid" | "align-center-line" | "align-center-solid" | "align-left-line" | "align-left-solid" | "align-right-line" | "align-right-solid" | "ambulance-line" | "ambulance-solid" | "android-color" | "android-mono" | "angular-color" | "angular-mono" | "app-line" | "app-plus-line" | "app-plus-solid" | "app-solid" | "app-store-line" | "app-store-solid" | "apple-color" | "apple-mono" | "apps-line" | "apps-solid" | "arrow-bold-left-line" | "arrow-bold-left-solid" | "arrow-bold-right-line" | "arrow-bold-right-solid" | "arrow-down-line" | "arrow-down-solid" | "arrow-inbound-line" | "arrow-inbound-solid" | "arrow-left-line" | "arrow-left-solid" | "arrow-outbound-line" | "arrow-outbound-solid" | "arrow-right-line" | "arrow-right-solid" | "arrow-up-line" | "arrow-up-solid" | "arrow-width-large-line" | "arrow-width-large-solid" | "arrow-width-medium-line" | "arrow-width-medium-solid" | "arrow-width-small-line" | "arrow-width-small-solid" | "assign-user-line" | "assign-user-solid" | "asterisk-line" | "asterisk-solid" | "atoms-line" | "atoms-solid" | "attachment-line" | "attachment-solid" | "audio-max-line" | "audio-max-solid" | "audio-mid-line" | "audio-mid-solid" | "audio-min-line" | "audio-min-solid" | "audio-mute-line" | "audio-mute-solid" | "audio-off-2-line" | "audio-off-2-solid" | "audio-off-line" | "audio-off-solid" | "backspace-line" | "backspace-solid" | "badge-line" | "badge-solid" | "binoculars-line" | "binoculars-solid" | "block-call-line" | "block-call-solid" | "block-line" | "block-solid" | "blogger-color" | "blogger-mono" | "blur-line" | "blur-off-line" | "blur-off-solid" | "blur-solid" | "bold-line" | "bold-solid" | "bookmark-line" | "bookmark-solid" | "books-line" | "books-solid" | "bot-line" | "bot-solid" | "bottom-tabs-line" | "bottom-tabs-solid" | "bounce-line" | "bounce-solid" | "brain-line" | "brain-solid" | "bring-to-front-line" | "bring-to-front-solid" | "broadcast-line" | "broadcast-solid" | "bullet-line" | "bullet-list-2-line" | "bullet-list-2-solid" | "bullet-list-line" | "bullet-list-off-line" | "bullet-list-off-solid" | "bullet-list-solid" | "bullet-solid" | "bullhorn-color" | "bullhorn-mono" | "calculator-line" | "calculator-solid" | "calendar-check-line" | "calendar-check-solid" | "calendar-clock-line" | "calendar-clock-solid" | "calendar-line" | "calendar-plus-line" | "calendar-plus-solid" | "calendar-solid" | "call-line" | "call-solid" | "call-star-line" | "call-star-solid" | "camera-line" | "camera-solid" | "camera-switch-line" | "camera-switch-solid" | "car-line" | "car-solid" | "cart-full-line" | "cart-full-solid" | "cart-line" | "cart-solid" | "chain-line" | "chain-solid" | "charity-line" | "charity-solid" | "chart-line" | "chart-solid" | "chat-2-line" | "chat-2-solid" | "chat-call-line" | "chat-call-solid" | "chat-hide-line" | "chat-hide-solid" | "chat-line" | "chat-solid" | "check-all-line" | "check-all-solid" | "check-call-line" | "check-call-solid" | "check-circle-line" | "check-circle-solid" | "check-double-line" | "check-double-solid" | "check-line" | "check-sent-line" | "check-sent-solid" | "check-solid" | "checkbox-checked-line" | "checkbox-checked-solid" | "checkbox-unchecked-line" | "checkbox-unchecked-solid" | "chevron-circle-down-line" | "chevron-circle-down-solid" | "chevron-down-line" | "chevron-down-solid" | "chevron-left-line" | "chevron-left-solid" | "chevron-right-line" | "chevron-right-solid" | "chevron-up-line" | "chevron-up-solid" | "chime-color" | "chime-mono" | "circle-line" | "circle-solid" | "click-to-call-line" | "click-to-call-solid" | "clio-color" | "clio-mono" | "clipboard-add-line" | "clipboard-add-solid" | "clipboard-assign-line" | "clipboard-assign-solid" | "clock-line" | "clock-off-line" | "clock-off-solid" | "clock-solid" | "close-circle-line" | "close-circle-solid" | "close-line" | "close-small-line" | "close-small-solid" | "close-solid" | "closed-captioning-line" | "closed-captioning-solid" | "cloud-download-2-line" | "cloud-download-2-solid" | "cloud-line" | "cloud-office-phone-line" | "cloud-office-phone-solid" | "cloud-solid" | "cloud-upload-2-line" | "cloud-upload-2-solid" | "cloud-upload-line" | "cloud-upload-solid" | "code-line" | "code-snippet-line" | "code-snippet-solid" | "code-solid" | "coffee-line" | "coffee-solid" | "collapse-line" | "collapse-solid" | "compose-line" | "compose-solid" | "condition-line" | "condition-solid" | "connect-line" | "connect-solid" | "cooktail-line" | "cooktail-solid" | "copy-2-line" | "copy-2-solid" | "copy-line" | "copy-solid" | "credit-card-line" | "credit-card-solid" | "crop-line" | "crop-solid" | "curl-color" | "curl-mono" | "curly-brackets-line" | "curly-brackets-solid" | "cursor-2-line" | "cursor-2-solid" | "cursor-line" | "cursor-solid" | "dark-mode-line" | "dark-mode-solid" | "delete-line" | "delete-solid" | "density-high-line" | "density-high-solid" | "density-medium-line" | "density-medium-solid" | "design-tools-line" | "design-tools-solid" | "devices-line" | "devices-solid" | "disable-call-line" | "disable-call-solid" | "distort-line" | "distort-solid" | "divider-line" | "divider-solid" | "document-2-line" | "document-2-solid" | "document-line" | "document-solid" | "dollar-line" | "dollar-solid" | "dotnet-color" | "dotnet-mono" | "double-chevron-left-line" | "double-chevron-left-solid" | "double-chevron-right-line" | "double-chevron-right-solid" | "download-line" | "download-solid" | "drupal-color" | "drupal-mono" | "duplicate-line" | "duplicate-solid" | "dynamics-365-color" | "dynamics-365-mono" | "dynamics-mono" | "dynamics-mono-color" | "echo-line" | "echo-solid" | "edit-line" | "edit-solid" | "edit-user-line" | "edit-user-solid" | "emoji-line" | "emoji-solid" | "end-call-line" | "end-call-solid" | "enlarge-screen-2-line" | "enlarge-screen-2-solid" | "enlarge-screen-line" | "enlarge-screen-solid" | "enter-line" | "enter-solid" | "envelope-line" | "envelope-solid" | "eraser-line" | "eraser-solid" | "error-line" | "error-solid" | "error-star-line" | "error-star-solid" | "exit-line" | "exit-solid" | "expand-2-line" | "expand-2-solid" | "expand-line" | "expand-solid" | "export-line" | "export-solid" | "express-color" | "express-mono" | "eye-hide-line" | "eye-hide-solid" | "eye-line" | "eye-solid" | "facebook-color" | "facebook-line" | "facebook-mono" | "facebook-solid" | "fax-2-line" | "fax-2-solid" | "fax-add-line" | "fax-add-solid" | "fax-failed-line" | "fax-failed-solid" | "fax-inbound-line" | "fax-inbound-solid" | "fax-line" | "fax-outbound-line" | "fax-outbound-solid" | "fax-pending-line" | "fax-pending-solid" | "fax-scheduled-line" | "fax-scheduled-solid" | "fax-solid" | "feedback-line" | "feedback-solid" | "file-1-line" | "file-2-solid" | "file-add-line" | "file-add-solid" | "file-audio-line" | "file-audio-solid" | "file-csv-line" | "file-csv-solid" | "file-doc-line" | "file-doc-solid" | "file-dollar-line" | "file-dollar-solid" | "file-edit-line" | "file-edit-solid" | "file-gear-line" | "file-gear-solid" | "file-gif-2-line" | "file-gif-2-solid" | "file-gif-line" | "file-gif-solid" | "file-jpg-line" | "file-jpg-solid" | "file-line" | "file-paragraph-line" | "file-paragraph-solid" | "file-pdf-line" | "file-pdf-solid" | "file-plus-line" | "file-plus-solid" | "file-png-line" | "file-png-solid" | "file-ppt-line" | "file-ppt-solid" | "file-search-line" | "file-search-solid" | "file-solid" | "file-video-2-line" | "file-video-2-solid" | "file-video-line" | "file-video-solid" | "file-xls-line" | "file-xls-solid" | "file-zip-line" | "file-zip-solid" | "files-line" | "files-solid" | "filter-line" | "filter-solid" | "flag-afghanistan" | "flag-albania" | "flag-algeria" | "flag-argentina" | "flag-armenia" | "flag-aruba" | "flag-australia" | "flag-austria" | "flag-bahamas" | "flag-bahrain" | "flag-belarus" | "flag-belgium" | "flag-benin" | "flag-bolivia" | "flag-botswana" | "flag-brazil" | "flag-bulgaria" | "flag-burkina-faso" | "flag-cambodia" | "flag-canada" | "flag-cayman-islands" | "flag-central-african-republic" | "flag-chad" | "flag-chile" | "flag-china" | "flag-colombia" | "flag-costa-rica" | "flag-croatia" | "flag-cyprus" | "flag-denmark" | "flag-dominican-republic" | "flag-egypt" | "flag-el-salvador" | "flag-estonia" | "flag-european-union" | "flag-finland" | "flag-france" | "flag-georgia" | "flag-germany" | "flag-ghana" | "flag-grenada" | "flag-guatemala" | "flag-honduras" | "flag-hong-kong" | "flag-hungary" | "flag-iceland" | "flag-india" | "flag-indonesia" | "flag-ireland" | "flag-israel" | "flag-italy" | "flag-jamaica" | "flag-japan" | "flag-latvia" | "flag-liechtenstein" | "flag-lithuania" | "flag-luxembourg" | "flag-macao" | "flag-malaysia" | "flag-malta" | "flag-mauritius" | "flag-mexico" | "flag-moldova" | "flag-netherlands" | "flag-new-zealand" | "flag-nigeria" | "flag-norway" | "flag-pakistan" | "flag-panama" | "flag-peru" | "flag-philippines" | "flag-poland" | "flag-portugal" | "flag-puertorico" | "flag-romania" | "flag-russia" | "flag-rwanda" | "flag-saudi-arabia" | "flag-serbia" | "flag-singapore" | "flag-slovakia" | "flag-slovenia" | "flag-south-africa" | "flag-south-korea" | "flag-spain" | "flag-sri-lanka" | "flag-sweden" | "flag-switzerland" | "flag-taiwan" | "flag-tajikistan" | "flag-tanzania" | "flag-thailand" | "flag-trinidad-and-tobago" | "flag-turkey" | "flag-ukraine" | "flag-united-arab-emirates" | "flag-united-kingdom" | "flag-united-states" | "flag-uruguay" | "flag-uzbekistan" | "flag-venezuela" | "flag-vietnam" | "flag-zambia" | "flash-2-line" | "flash-2-solid" | "flash-line" | "flash-solid" | "flip-horizontal-line" | "flip-horizontal-solid" | "flip-line" | "flip-solid" | "flip-vertical-line" | "flip-vertical-solid" | "flow-2-line" | "flow-2-solid" | "flow-line" | "flow-permission-line" | "flow-permission-solid" | "flow-solid" | "forward-call-line" | "forward-call-solid" | "full-screen-line" | "full-screen-solid" | "fullscreen-off-line" | "fullscreen-off-solid" | "gallery-line" | "gallery-solid" | "gear-line" | "gear-solid" | "github-color" | "github-mono" | "globe-line" | "globe-solid" | "google-color" | "google-mono" | "gradle-color" | "gradle-mono" | "grid-two-line" | "grid-two-solid" | "groovy-color" | "groovy-mono" | "group-2-line" | "group-2-solid" | "group-3-line" | "group-3-solid" | "group-4-line" | "group-4-solid" | "group-5-line" | "group-5-solid" | "group-6-line" | "group-6-solid" | "group-7-line" | "group-7-solid" | "group-8-line" | "group-8-solid" | "group-9-line" | "group-9-solid" | "group-line" | "group-permission-2-line" | "group-permission-2-solid" | "group-permission-line" | "group-permission-solid" | "group-solid" | "hand-line" | "hand-off-line" | "hand-off-solid" | "hand-shake-line" | "hand-shake-solid" | "hand-solid" | "happy-line" | "happy-solid" | "hash-line" | "hash-solid" | "headset-2-line" | "headset-2-solid" | "headset-line" | "headset-solid" | "hearing-line" | "hearing-max-line" | "hearing-max-solid" | "hearing-solid" | "heart-line" | "heart-solid" | "help-line" | "help-solid" | "highlight-line" | "highlight-solid" | "history-line" | "history-solid" | "home-line" | "home-solid" | "home-user-line" | "home-user-solid" | "hospital-line" | "hospital-solid" | "hoteling-line" | "hoteling-solid" | "hubspot-color" | "hubspot-mono" | "id-line" | "id-solid" | "image-line" | "image-solid" | "import-line" | "import-solid" | "inbound-call-line" | "inbound-call-solid" | "inbox-2-line" | "inbox-2-solid" | "inbox-3-line" | "inbox-3-solid" | "inbox-line" | "inbox-solid" | "increase-line" | "increase-solid" | "infinity-line" | "infinity-solid" | "info-line" | "info-solid" | "instagram-color" | "instagram-mono" | "interactive-message-line" | "interactive-message-solid" | "ios-color" | "ios-mono" | "italic-line" | "italic-solid" | "java-color" | "java-mono" | "javascript-color" | "javascript-mono" | "jobdiva-color" | "jobdiva-mono" | "key-line" | "key-solid" | "keypad-2-line" | "keypad-2-solid" | "keypad-line" | "keypad-solid" | "kotlin-color" | "kotlin-mono" | "laptop-line" | "laptop-solid" | "laravel-color" | "laravel-mono" | "layout-1-line" | "layout-1-solid" | "layout-2-line" | "layout-2-solid" | "leave-line" | "leave-solid" | "light-bulb-line" | "light-bulb-solid" | "light-mode-line" | "light-mode-solid" | "line-width-large-line" | "line-width-large-solid" | "line-width-medium-line" | "line-width-medium-solid" | "line-width-small-line" | "line-width-small-solid" | "link-add-line" | "link-add-solid" | "link-line" | "link-remove-line" | "link-remove-solid" | "link-solid" | "linkedin-color" | "linkedin-mono" | "list-2-line" | "list-2-solid" | "list-filter-line" | "list-filter-solid" | "list-line" | "list-numbered-line" | "list-numbered-solid" | "list-solid" | "lock-line" | "lock-solid" | "mailbox-line" | "mailbox-solid" | "maximize-line" | "maximize-solid" | "media-player-line" | "media-player-off-line" | "media-player-off-solid" | "media-player-solid" | "megaphone-line" | "megaphone-solid" | "menu-line" | "menu-solid" | "merge-2-line" | "merge-2-solid" | "merge-line" | "merge-solid" | "message-line" | "message-sent-line" | "message-sent-solid" | "message-solid" | "mic-mute-line" | "mic-mute-solid" | "microphone-2-line" | "microphone-2-solid" | "microphone-line" | "microphone-solid" | "microsoft-dynamics-365-color" | "microsoft-dynamics-365-mono" | "mind-map-2-line" | "mind-map-2-solid" | "mind-map-line" | "mind-map-solid" | "minimize-2-line" | "minimize-2-solid" | "minimize-line" | "minimize-solid" | "minus-line" | "minus-solid" | "missed-call-line" | "missed-call-solid" | "mobile-2-line" | "mobile-2-solid" | "mobile-arrow-right-line" | "mobile-arrow-right-solid" | "mobile-devices-line" | "mobile-devices-solid" | "mobile-line" | "mobile-solid" | "mockup-line" | "mockup-solid" | "modal-line" | "modal-solid" | "more-horizontal-line" | "more-horizontal-solid" | "more-vertical-line" | "more-vertical-solid" | "music-line" | "music-solid" | "netsuite-color" | "netsuite-mono" | "nexmo-color" | "nexmo-mono" | "node-color" | "node-mono" | "note-line" | "note-solid" | "notes-line" | "notes-solid" | "notification-off-line" | "notification-off-solid" | "notification-on-line" | "notification-on-solid" | "objective-c-color" | "objective-c-mono" | "office-color" | "office-mono" | "office-phone-2-line" | "office-phone-2-solid" | "office-phone-line" | "office-phone-solid" | "open-folder-line" | "open-folder-solid" | "open-line" | "open-solid" | "outbound-call-line" | "outbound-call-solid" | "packet-2-line" | "packet-2-solid" | "packet-line" | "packet-solid" | "palette-line" | "palette-solid" | "park-call-line" | "park-call-solid" | "participants-line" | "participants-off-line" | "participants-off-solid" | "participants-solid" | "password-restart-line" | "password-restart-solid" | "pause-2-line" | "pause-2-solid" | "pause-call-line" | "pause-call-solid" | "pause-line" | "pause-solid" | "pen-effect-line" | "pen-effect-solid" | "pen-tip-large-line" | "pen-tip-large-solid" | "pen-tip-medium-line" | "pen-tip-medium-solid" | "pen-tip-small-line" | "pen-tip-small-solid" | "pending-call-line" | "pending-call-solid" | "pentool-line" | "pentool-solid" | "permission-call-line" | "permission-call-solid" | "phone-number-line" | "phone-number-solid" | "php-color" | "php-mono" | "pie-chart-line" | "pie-chart-solid" | "pin-2-line" | "pin-2-off-line" | "pin-2-off-solid" | "pin-2-solid" | "pin-line" | "pin-off-line" | "pin-off-solid" | "pin-solid" | "play-2-solid" | "play-line" | "play-solid" | "plug-line" | "plug-solid" | "plus-line" | "plus-solid" | "preferences-line" | "preferences-solid" | "presentation-line" | "presentation-solid" | "print-line" | "print-solid" | "profile-line" | "profile-solid" | "puzzle-line" | "puzzle-solid" | "puzzled-line" | "puzzled-solid" | "python-color" | "python-mono" | "quit-line" | "quit-solid" | "quote-line" | "quote-solid" | "radio-checked-line" | "radio-checked-solid" | "radio-unchecked-line" | "radio-unchecked-solid" | "rails-color" | "rails-mono" | "react-color" | "react-mono" | "rec-line" | "rec-solid" | "receptionist-line" | "receptionist-solid" | "record-user-line" | "record-user-solid" | "redo-line" | "redo-solid" | "refresh-call-line" | "refresh-call-solid" | "refresh-dollar-line" | "refresh-dollar-solid" | "refresh-line" | "refresh-solid" | "reload-line" | "reload-solid" | "remove-line" | "remove-solid" | "remove-user-line" | "remove-user-solid" | "reorder-horizontal-line" | "reorder-horizontal-solid" | "reorder-solid" | "reorder-vertical-line" | "reply-line" | "reply-solid" | "report-line" | "report-solid" | "reset-line" | "reset-solid" | "rocket-disabled-line" | "rocket-disabled-solid" | "rocket-line" | "rocket-solid" | "rss-color" | "rss-line" | "rss-mono" | "rss-solid" | "ruby-color" | "ruby-mono" | "salesforce-color" | "salesforce-line" | "salesforce-mono" | "salesforce-solid" | "sand-clock-line" | "sand-clock-solid" | "save-line" | "save-solid" | "screen-share-line" | "screen-share-off-line" | "screen-share-off-solid" | "screen-share-solid" | "search-line" | "search-solid" | "send-to-back-line" | "send-to-back-solid" | "share-2-line" | "share-2-solid" | "share-line" | "share-solid" | "shield-line" | "shield-solid" | "shout-line" | "shout-solid" | "shuffle-line" | "shuffle-solid" | "sidebar-line" | "sidebar-solid" | "slack-color" | "slack-mono" | "smile-line" | "smile-solid" | "sms-line" | "sms-solid" | "snooze-line" | "snooze-solid" | "sofa-line" | "sofa-solid" | "sort-asc-line" | "sort-asc-solid" | "sort-desc-line" | "sort-desc-solid" | "sort-line" | "sort-solid" | "square-line" | "square-solid" | "stack-line" | "stack-solid" | "stackoverflow-color" | "stackoverflow-mono" | "star-dollar-line" | "star-dollar-solid" | "star-line" | "star-solid" | "sticker-line" | "sticker-solid" | "stop-line" | "stop-solid" | "stopwatch-line" | "stopwatch-solid" | "store-line" | "store-solid" | "stream-line" | "stream-solid" | "strikethrough-line" | "strikethrough-solid" | "subtitles-line" | "subtitles-solid" | "sugarcrm-color" | "sugarcrm-mono" | "surprised-line" | "surprised-solid" | "swift-color" | "swift-mono" | "switch-line" | "switch-solid" | "symfony-color" | "symfony-mono" | "table-2-line" | "table-2-solid" | "table-line" | "table-solid" | "tag-add-line" | "tag-add-solid" | "tag-detach-line" | "tag-detach-solid" | "tag-line" | "tag-search-line" | "tag-search-solid" | "tag-solid" | "telephone-line" | "telephone-solid" | "text-line" | "text-solid" | "textcolor-line" | "textcolor-solid" | "texture-line" | "texture-solid" | "thumbs-down-line" | "thumbs-down-solid" | "thumbs-up-line" | "thumbs-up-solid" | "toggle-line" | "toggle-solid" | "tooltip-line" | "tooltip-solid" | "transfer-call-line" | "transfer-call-solid" | "transfer-line" | "transfer-solid" | "triangle-line" | "triangle-solid" | "trigger-node-line" | "twitch-color" | "twitch-mono" | "twitter-color" | "twitter-mono" | "umbrella-line" | "umbrella-solid" | "underline-line" | "underline-solid" | "undo-line" | "undo-solid" | "unhappy-line" | "unhappy-solid" | "unlock-line" | "unlock-solid" | "upload-line" | "upload-solid" | "user-2-line" | "user-2-solid" | "user-admin-line" | "user-admin-solid" | "user-clock-line" | "user-clock-solid" | "user-line" | "user-lock-line" | "user-lock-solid" | "user-record-line" | "user-record-solid" | "user-solid" | "user-sync-2-line" | "user-sync-2-off-line" | "user-sync-2-off-solid" | "user-sync-2-solid" | "user-sync-line" | "user-sync-solid" | "van-line" | "van-solid" | "viber-color" | "viber-mono" | "video-active-line" | "video-active-solid" | "video-conference-line" | "video-conference-solid" | "video-line" | "video-off-line" | "video-off-solid" | "video-preview-line" | "video-preview-solid" | "video-solid" | "video-whiteboard-line" | "video-whiteboard-solid" | "video_round_table-line" | "video_round_table-solid" | "virtual-voicemail-line" | "virtual-voicemail-solid" | "voicemail-line" | "voicemail-solid" | "voicemail-transcript-line" | "voicemail-transcript-solid" | "volume-decrease-line" | "volume-decrease-solid" | "volume-increase-line" | "volume-increase-solid" | "volume-line" | "volume-off-2-line" | "volume-off-2-solid" | "volume-off-line" | "volume-off-solid" | "volume-on-line" | "volume-on-solid" | "volume-solid" | "vonage-line" | "vonage-mono" | "vonage-mono-color" | "vonage-solid" | "vue-color" | "vue-mono" | "walk-line" | "walk-solid" | "wallet-line" | "wallet-solid" | "wand-line" | "wand-solid" | "warning-line" | "warning-solid" | "waving-line" | "waving-solid" | "web-chat-color" | "web-chat-mono" | "webhook-line" | "webhook-solid" | "whatsapp-color" | "whatsapp-mono" | "whisper-line" | "whisper-solid" | "wifi-line" | "wifi-solid" | "wordpress-color" | "wordpress-mono" | "workplace-color" | "workplace-mono" | "wrench-tool-2-line" | "wrench-tool-2-solid" | "wrench-tool-line" | "wrench-tool-solid" | "xml-color" | "xml-mono" | "youtube-color" | "youtube-mono" | "zendesk-color" | "zendesk-mono" | "zoho-color" | "zoho-mono" | "zoom-in-line" | "zoom-in-solid" | "zoom-out-line" | "zoom-out-solid" | "zoom-to-fit-line" | "zoom-to-fit-solid";
     size: "expanded" | "condensed" | "normal";
     shape: "rounded" | "pill";
-    appearance: "filled" | "outlined" | "duotone";
+    appearance: "filled" | "outlined" | "duotone" | "subtle";
     connotation: "accent" | "cta";
     initials: string;
 }>;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Badge } from '@vonage/vivid/lib/badge/badge';
 /**
  * Base class for badge
  */
@@ -56,7 +55,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Badge | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").BadgeConnotation | undefined;
+        shape?: import("@vonage/vivid").BadgeShape | undefined;
+        appearance?: import("@vonage/vivid").BadgeAppearance | undefined;
+        text?: string | undefined;
+        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/VBadge.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Badge } from '@vonage/vivid/lib/badge/badge';
 /**
  * Base class for badge
  */
@@ -56,7 +55,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Badge | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").BadgeConnotation | undefined;
+        shape?: import("@vonage/vivid").BadgeShape | undefined;
+        appearance?: import("@vonage/vivid").BadgeAppearance | undefined;
+        text?: string | undefined;
+        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/VBanner.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Banner } from '@vonage/vivid/lib/banner/banner';
 /**
  * Base class for banner
  */
@@ -49,7 +48,20 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Banner | null>;
+    element: import("vue").Ref<{
+        role: string | null;
+        actionHref: string | undefined;
+        actionText: string | undefined;
+        removable: boolean;
+        ariaLive: any;
+        text: string | undefined;
+        connotation: import("@vonage/vivid").BannerConnotation | undefined;
+        readonly conditionedIcon: string;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        remove: () => 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/VBanner.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Banner } from '@vonage/vivid/lib/banner/banner';
 /**
  * Base class for banner
  */
@@ -49,7 +48,20 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Banner | null>;
+    element: import("vue").Ref<{
+        role: string | null;
+        actionHref: string | undefined;
+        actionText: string | undefined;
+        removable: boolean;
+        ariaLive: any;
+        text: string | undefined;
+        connotation: import("@vonage/vivid").BannerConnotation | undefined;
+        readonly conditionedIcon: string;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        remove: () => 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/VBreadcrumbItem.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { BreadcrumbItem } from '@vonage/vivid/lib/breadcrumb-item/breadcrumb-item';
 /**
  * Base class for breadcrumb-item
  */
@@ -73,7 +72,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<BreadcrumbItem | null>;
+    element: import("vue").Ref<{
+        text?: 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<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { BreadcrumbItem } from '@vonage/vivid/lib/breadcrumb-item/breadcrumb-item';
 /**
  * Base class for breadcrumb-item
  */
@@ -73,7 +72,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<BreadcrumbItem | null>;
+    element: import("vue").Ref<{
+        text?: 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<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Button } from '@vonage/vivid/lib/button/button';
 /**
  * Base class for button
  */
@@ -122,6 +121,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"submit" | "reset" | "button">;
         default: undefined;
     };
+    title: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The connotation the button should have.
      */
@@ -173,7 +176,18 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Button | null>;
+    element: import("vue").Ref<{
+        title: string;
+        connotation?: import("@vonage/vivid").ButtonConnotation | undefined;
+        shape?: import("@vonage/vivid").ButtonShape | undefined;
+        appearance?: import("@vonage/vivid").ButtonAppearance | undefined;
+        size?: import("@vonage/vivid").ButtonSize | undefined;
+        stacked: boolean;
+        pending: boolean;
+        label?: string | undefined;
+        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.
@@ -293,6 +307,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"submit" | "reset" | "button">;
         default: undefined;
     };
+    title: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The connotation the button should have.
      */
@@ -363,6 +381,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     formmethod: string;
     formnovalidate: boolean;
     formtarget: "_self" | "_blank" | "_parent" | "_top";
+    title: string;
     stacked: boolean;
     pending: boolean;
     label: string;