@vonage/vivid-vue 3.16.0 → 3.17.1

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Menu } from '@vonage/vivid/lib/menu/menu';
 /**
  * Base class for menu
  */
@@ -42,7 +41,17 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Menu | null>;
+    element: import("vue").Ref<{
+        placement?: any;
+        anchor: string | HTMLElement;
+        anchorChanged: (_: string | HTMLElement, newValue: string | HTMLElement) => void;
+        autoDismiss: boolean;
+        autoDismissChanged: (oldValue: boolean, newValue: boolean) => void;
+        open: boolean;
+        openChanged: (_: boolean, newValue: boolean) => void;
+        disconnectedCallback: () => void;
+        actionItemsSlottedContent?: HTMLElement[] | 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/VMenuItem.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { MenuItem } from '@vonage/vivid/lib/menu-item/menu-item';
 /**
  * Base class for menu-item
  */
@@ -63,7 +62,11 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<MenuItem | null>;
+    element: import("vue").Ref<{
+        text?: string | undefined;
+        textSecondary?: string | undefined;
+        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" | "update:modelValue" | "expanded-change")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { MenuItem } from '@vonage/vivid/lib/menu-item/menu-item';
 /**
  * Base class for menu-item
  */
@@ -63,7 +62,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<MenuItem | null>;
+    element: import("vue").Ref<{
+        text?: string | undefined;
+        textSecondary?: string | undefined;
+        icon?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue" | "expanded-change")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue" | "expanded-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/VNavDisclosure.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { NavDisclosure } from '@vonage/vivid/lib/nav-disclosure/nav-disclosure';
 /**
  * A Nav Item Custom HTML Element.
  * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
@@ -30,7 +29,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<NavDisclosure | null>;
+    element: import("vue").Ref<{
+        details: HTMLDetailsElement;
+        label?: string | undefined;
+        open: boolean;
+        ariaCurrent: string | null;
+        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" | "toggle")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { NavDisclosure } from '@vonage/vivid/lib/nav-disclosure/nav-disclosure';
 /**
  * A Nav Item Custom HTML Element.
  * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
@@ -30,7 +29,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<NavDisclosure | null>;
+    element: import("vue").Ref<{
+        details: HTMLDetailsElement;
+        label?: string | undefined;
+        open: boolean;
+        ariaCurrent: string | null;
+        icon?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "toggle")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "toggle", 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/VNavItem.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { NavItem } from '@vonage/vivid/lib/nav-item/nav-item';
 /**
  * A Nav Item Custom HTML Element.
  * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
@@ -85,7 +84,11 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<NavItem | null>;
+    element: import("vue").Ref<{
+        getBodyTemplate: () => any;
+        text?: string | undefined;
+        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/VNavItem.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { NavItem } from '@vonage/vivid/lib/nav-item/nav-item';
 /**
  * A Nav Item Custom HTML Element.
  * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
@@ -85,7 +84,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<NavItem | null>;
+    element: import("vue").Ref<{
+        getBodyTemplate: () => any;
+        text?: string | undefined;
+        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/VNote.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Note } from '@vonage/vivid/lib/note/note';
 /**
  * Base class for note
  */
@@ -32,7 +31,11 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Note | null>;
+    element: import("vue").Ref<{
+        headline?: string | undefined;
+        connotation?: import("@vonage/vivid").NoteConnotation | undefined;
+        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/VNote.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Note } from '@vonage/vivid/lib/note/note';
 /**
  * Base class for note
  */
@@ -32,7 +31,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Note | null>;
+    element: import("vue").Ref<{
+        headline?: string | undefined;
+        connotation?: import("@vonage/vivid").NoteConnotation | undefined;
+        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/VNumberField.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { NumberField } from '@vonage/vivid/lib/number-field/number-field';
 /**
  * Base class for number-field
  */
@@ -178,7 +177,19 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<NumberField | null>;
+    element: import("vue").Ref<{
+        appearance?: import("@vonage/vivid").NumberFieldAppearance | undefined;
+        shape?: import("@vonage/vivid").NumberFieldShape | undefined;
+        autoComplete?: string | undefined;
+        icon?: string | undefined;
+        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.
@@ -371,12 +382,12 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     readonly: boolean;
     list: string;
     placeholder: string;
+    min: number;
+    max: number;
     charCount: boolean;
     hideStep: boolean;
     maxlength: number;
     minlength: number;
-    max: number;
-    min: number;
     autoComplete: string;
 }>;
 export default _default;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { NumberField } from '@vonage/vivid/lib/number-field/number-field';
 /**
  * Base class for number-field
  */
@@ -178,7 +177,19 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<NumberField | null>;
+    element: import("vue").Ref<{
+        appearance?: import("@vonage/vivid").NumberFieldAppearance | undefined;
+        shape?: import("@vonage/vivid").NumberFieldShape | undefined;
+        autoComplete?: string | undefined;
+        icon?: string | undefined;
+        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.
@@ -379,12 +390,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     list: string;
     placeholder: string;
+    min: number;
+    max: number;
     charCount: boolean;
     hideStep: boolean;
     maxlength: number;
     minlength: number;
-    max: number;
-    min: number;
     autoComplete: string;
 }>;
 export default _default;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { ListboxOption } from '@vonage/vivid/lib/option/option';
 /**
  * Base class for option
  */
@@ -58,7 +57,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<ListboxOption | null>;
+    element: import("vue").Ref<{
+        _text?: string | undefined;
+        text: string;
+        _label?: string | undefined;
+        label: string;
+        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/VOption.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { ListboxOption } from '@vonage/vivid/lib/option/option';
 /**
  * Base class for option
  */
@@ -58,7 +57,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<ListboxOption | null>;
+    element: import("vue").Ref<{
+        _text?: string | undefined;
+        text: string;
+        _label?: string | undefined;
+        label: string;
+        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/VPagination.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Pagination } from '@vonage/vivid/lib/pagination/pagination';
 /**
  * Base class for pagination
  */
@@ -39,7 +38,53 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Pagination | null>;
+    element: import("vue").Ref<{
+        size?: import("@vonage/vivid").PaginationSize | undefined;
+        shape?: import("@vonage/vivid").PaginationShape | undefined;
+        paginationButtons?: {
+            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;
+        }[] | undefined;
+        prevButton?: {
+            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;
+        } | undefined;
+        nextButton?: {
+            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;
+        } | undefined;
+        navIcons: boolean;
+        readonly pagesList: (number | "...")[];
+        total: number;
+        selectedIndex: number | undefined;
+        totalChanged: (_: number, newValue: number) => void;
+        selectedIndexChanged: (oldValue: number, newValue: number) => void;
+        paginationButtonsChanged: (_: import("@vonage/vivid/lib/button/button").Button[] | undefined, newValue: import("@vonage/vivid/lib/button/button").Button[]) => 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/VPagination.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Pagination } from '@vonage/vivid/lib/pagination/pagination';
 /**
  * Base class for pagination
  */
@@ -39,7 +38,53 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Pagination | null>;
+    element: import("vue").Ref<{
+        size?: import("@vonage/vivid").PaginationSize | undefined;
+        shape?: import("@vonage/vivid").PaginationShape | undefined;
+        paginationButtons?: {
+            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;
+        }[] | undefined;
+        prevButton?: {
+            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;
+        } | undefined;
+        nextButton?: {
+            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;
+        } | undefined;
+        navIcons: boolean;
+        readonly pagesList: (number | "...")[];
+        total: number;
+        selectedIndex: number | undefined;
+        totalChanged: (_: number, newValue: number) => void;
+        selectedIndexChanged: (oldValue: number, newValue: number) => void;
+        paginationButtonsChanged: (_: import("@vonage/vivid/lib/button/button").Button[] | undefined, newValue: import("@vonage/vivid/lib/button/button").Button[]) => 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/VProgress.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Progress } from '@vonage/vivid/lib/progress/progress';
 /**
  * Base class for progress
  */
@@ -53,7 +52,11 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Progress | null>;
+    element: import("vue").Ref<{
+        shape?: import("@vonage/vivid").ProgressShape | undefined;
+        connotation?: import("@vonage/vivid").ProgressConnotation | undefined;
+        reverse: 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")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -108,8 +111,8 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     value: number;
     shape: "rounded" | "sharp";
     connotation: "accent" | "success" | "alert" | "cta" | "pacific";
-    max: number;
     min: number;
+    max: number;
     paused: boolean;
 }>;
 export default _default;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Progress } from '@vonage/vivid/lib/progress/progress';
 /**
  * Base class for progress
  */
@@ -53,7 +52,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Progress | null>;
+    element: import("vue").Ref<{
+        shape?: import("@vonage/vivid").ProgressShape | undefined;
+        connotation?: import("@vonage/vivid").ProgressConnotation | undefined;
+        reverse: boolean;
+    } | 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.
@@ -115,8 +118,8 @@ declare const _default: import("vue").DefineComponent<{
     value: number;
     shape: "rounded" | "sharp";
     connotation: "accent" | "success" | "alert" | "cta" | "pacific";
-    max: number;
     min: number;
+    max: number;
     paused: boolean;
 }>;
 export default _default;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { ProgressRing } from '@vonage/vivid/lib/progress-ring/progress-ring';
 /**
  * Base class for progress-ring
  */
@@ -44,12 +43,15 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     size: {
-        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1>;
+        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1>;
         default: undefined;
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<ProgressRing | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").ProgressRingConnotation | undefined;
+        size?: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1 | 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.
@@ -91,16 +93,16 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     size: {
-        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1>;
+        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1>;
         default: undefined;
     };
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: number;
-    size: 0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1;
+    size: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1;
     connotation: "accent" | "success" | "alert" | "cta";
-    max: number;
     min: number;
+    max: number;
     paused: boolean;
 }>;
 export default _default;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { ProgressRing } from '@vonage/vivid/lib/progress-ring/progress-ring';
 /**
  * Base class for progress-ring
  */
@@ -44,12 +43,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     size: {
-        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1>;
+        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1>;
         default: undefined;
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<ProgressRing | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").ProgressRingConnotation | undefined;
+        size?: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1 | 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.
@@ -91,7 +93,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     size: {
-        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1>;
+        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1>;
         default: undefined;
     };
 }>> & {
@@ -104,10 +106,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: number;
-    size: 0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1;
+    size: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1;
     connotation: "accent" | "success" | "alert" | "cta";
-    max: number;
     min: number;
+    max: number;
     paused: boolean;
 }>;
 export default _default;

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

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

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

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

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { RadioGroup } from '@vonage/vivid/lib/radio-group/radio-group';
 /**
  * Base class for radio-group
  */
@@ -56,7 +55,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<RadioGroup | null>;
+    element: import("vue").Ref<{
+        label?: 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" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.