@vonage/vivid-vue 3.23.0 → 3.43.0

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Pagination } from '@vonage/vivid/lib/pagination/pagination';
 /**
  * Base class for pagination
  */
@@ -38,53 +39,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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>;
+    element: import("vue").Ref<Pagination | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "pagination-change")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Pagination } from '@vonage/vivid/lib/pagination/pagination';
 /**
  * Base class for pagination
  */
@@ -38,53 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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>;
+    element: import("vue").Ref<Pagination | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "pagination-change")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "pagination-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

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

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

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

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

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

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { ProgressRing } from '@vonage/vivid/lib/progress-ring/progress-ring';
 /**
  * Base class for progress-ring
  */
@@ -47,16 +48,12 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     size: {
-        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1>;
+        type: PropType<0 | 1 | 2 | -1 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2>;
         default: undefined;
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        ariaLabel: string | null;
-        connotation?: import("@vonage/vivid").ProgressRingConnotation | undefined;
-        size?: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1 | undefined;
-    } | null>;
+    element: import("vue").Ref<ProgressRing | 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.
@@ -102,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     size: {
-        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1>;
+        type: PropType<0 | 1 | 2 | -1 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2>;
         default: undefined;
     };
 }>> & {
@@ -115,7 +112,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: number;
-    size: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1;
+    size: 0 | 1 | 2 | -1 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2;
     ariaLabel: string;
     connotation: "accent" | "success" | "alert" | "cta";
     max: number;

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Select } from '@vonage/vivid/lib/select/select';
 /**
  * Base class for select
  */
@@ -144,43 +145,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        _popup: {
-            popupEl: HTMLElement;
-            arrowEl: HTMLElement;
-            open: boolean;
-            openChanged: (_: boolean, newValue: boolean) => void;
-            dismissible: boolean;
-            arrow: boolean;
-            alternate: boolean;
-            placement?: any;
-            strategy?: any;
-            anchor?: string | HTMLElement | undefined;
-            disconnectedCallback: () => void;
-            attributeChangedCallback: (name: string, oldValue: string, newValue: string) => void;
-            updatePosition: () => Promise<void>;
-            readonly anchorEl: HTMLElement | null;
-            show: () => void;
-            hide: () => void;
-        };
-        _anchor: HTMLElement;
-        appearance?: import("@vonage/vivid").SelectAppearance | undefined;
-        shape?: import("@vonage/vivid").SelectShape | undefined;
-        fixedDropdown: boolean;
-        placeholder: string | undefined;
-        connectedCallback: () => void;
-        readonly displayValue: string;
-        setDefaultSelectedOption: () => void;
-        iconTrailing: boolean;
-        icon?: string | undefined;
-        errorValidationMessage: string;
-        label: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-        helperText?: string | undefined;
-        errorText: string;
-        successText?: string | undefined;
-    } | null>;
+    element: import("vue").Ref<Select | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The success text for the form element.

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Select } from '@vonage/vivid/lib/select/select';
 /**
  * Base class for select
  */
@@ -144,43 +145,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        _popup: {
-            popupEl: HTMLElement;
-            arrowEl: HTMLElement;
-            open: boolean;
-            openChanged: (_: boolean, newValue: boolean) => void;
-            dismissible: boolean;
-            arrow: boolean;
-            alternate: boolean;
-            placement?: any;
-            strategy?: any;
-            anchor?: string | HTMLElement | undefined;
-            disconnectedCallback: () => void;
-            attributeChangedCallback: (name: string, oldValue: string, newValue: string) => void;
-            updatePosition: () => Promise<void>;
-            readonly anchorEl: HTMLElement | null;
-            show: () => void;
-            hide: () => void;
-        };
-        _anchor: HTMLElement;
-        appearance?: import("@vonage/vivid").SelectAppearance | undefined;
-        shape?: import("@vonage/vivid").SelectShape | undefined;
-        fixedDropdown: boolean;
-        placeholder: string | undefined;
-        connectedCallback: () => void;
-        readonly displayValue: string;
-        setDefaultSelectedOption: () => void;
-        iconTrailing: boolean;
-        icon?: string | undefined;
-        errorValidationMessage: string;
-        label: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-        helperText?: string | undefined;
-        errorText: string;
-        successText?: string | undefined;
-    } | null>;
+    element: import("vue").Ref<Select | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The success text for the form element.

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { SelectableBox } from '@vonage/vivid/lib/selectable-box/selectable-box';
 /**
  * Base class for selectable-box
  */
@@ -58,15 +59,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        ariaLabel: string | null;
-        checked: boolean;
-        clickable: boolean;
-        clickableBox: boolean;
-        connotation?: import("@vonage/vivid/lib/selectable-box/selectable-box").SelectableBoxConnotation | undefined;
-        controlType?: import("@vonage/vivid/lib/selectable-box/selectable-box").SelectableBoxControlType | undefined;
-        tight: boolean;
-    } | null>;
+    element: import("vue").Ref<SelectableBox | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { SelectableBox } from '@vonage/vivid/lib/selectable-box/selectable-box';
 /**
  * Base class for selectable-box
  */
@@ -58,15 +59,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        ariaLabel: string | null;
-        checked: boolean;
-        clickable: boolean;
-        clickableBox: boolean;
-        connotation?: import("@vonage/vivid/lib/selectable-box/selectable-box").SelectableBoxConnotation | undefined;
-        controlType?: import("@vonage/vivid/lib/selectable-box/selectable-box").SelectableBoxControlType | undefined;
-        tight: boolean;
-    } | null>;
+    element: import("vue").Ref<SelectableBox | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { SideDrawer } from '@vonage/vivid/lib/side-drawer/side-drawer';
 /**
  * Base class for side-drawer
  */
@@ -40,13 +41,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        alternate: boolean;
-        modal: boolean;
-        open: boolean;
-        trailing: boolean;
-        attributeChangedCallback: (name: string, oldValue: string, newValue: string) => void;
-    } | null>;
+    element: import("vue").Ref<SideDrawer | 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.
@@ -86,8 +81,8 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     open: boolean;
-    modal: boolean;
     alternate: boolean;
+    modal: boolean;
     trailing: boolean;
 }>;
 export default _default;

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { SideDrawer } from '@vonage/vivid/lib/side-drawer/side-drawer';
 /**
  * Base class for side-drawer
  */
@@ -40,13 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        alternate: boolean;
-        modal: boolean;
-        open: boolean;
-        trailing: boolean;
-        attributeChangedCallback: (name: string, oldValue: string, newValue: string) => void;
-    } | null>;
+    element: import("vue").Ref<SideDrawer | 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.
@@ -95,8 +90,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     open: boolean;
-    modal: boolean;
     alternate: boolean;
+    modal: boolean;
     trailing: boolean;
 }, {}>;
 export default _default;

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Slider } from '@vonage/vivid/lib/slider/slider';
 /**
  * Base class for slider
  */
@@ -116,12 +117,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        ariaLabel: string | null;
-        ariaValuetext: string | null;
-        markers: boolean;
-        connotation?: import("@vonage/vivid").SliderConnotation | undefined;
-    } | null>;
+    element: import("vue").Ref<Slider | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Slider } from '@vonage/vivid/lib/slider/slider';
 /**
  * Base class for slider
  */
@@ -116,12 +117,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        ariaLabel: string | null;
-        ariaValuetext: string | null;
-        markers: boolean;
-        connotation?: import("@vonage/vivid").SliderConnotation | undefined;
-    } | null>;
+    element: import("vue").Ref<Slider | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

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

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

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

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Tab } from '@vonage/vivid/lib/tab/tab';
 /**
  * Base class for tab
  */
@@ -63,15 +64,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        connotation?: import("@vonage/vivid").TabConnotation | undefined;
-        shape?: import("@vonage/vivid").TabShape | undefined;
-        label?: string | undefined;
-        tabIndex: any;
-        ariaSelected: string | null;
-        iconTrailing: boolean;
-        icon?: string | undefined;
-    } | null>;
+    element: import("vue").Ref<Tab | null>;
 }, 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.