@vonage/vivid-vue 3.17.0 → 3.18.0

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Card } from '@vonage/vivid/lib/card/card';
 /**
  * Base class for card
  */
@@ -52,7 +51,15 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Card | null>;
+    element: import("vue").Ref<{
+        headline?: string | undefined;
+        subtitle?: string | undefined;
+        text?: string | undefined;
+        icon?: string | undefined;
+        elevation?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined;
+        graphicSlottedContent?: HTMLElement[] | undefined;
+        hasMetaSlottedContent?: HTMLElement[] | 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/VCard.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Card } from '@vonage/vivid/lib/card/card';
 /**
  * Base class for card
  */
@@ -52,7 +51,15 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Card | null>;
+    element: import("vue").Ref<{
+        headline?: string | undefined;
+        subtitle?: string | undefined;
+        text?: string | undefined;
+        icon?: string | undefined;
+        elevation?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined;
+        graphicSlottedContent?: HTMLElement[] | undefined;
+        hasMetaSlottedContent?: HTMLElement[] | 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/VCheckbox.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Checkbox } from '@vonage/vivid/lib/checkbox/checkbox';
 /**
  * Base class for checkbox
  */
@@ -113,7 +112,16 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Checkbox | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid/lib/checkbox/checkbox").CheckboxConnotation | undefined;
+        errorValidationMessage: boolean;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+        helperText?: string | undefined;
+        errorText: string;
+        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" | "input" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The success text for the form element.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Checkbox } from '@vonage/vivid/lib/checkbox/checkbox';
 /**
  * Base class for checkbox
  */
@@ -113,7 +112,16 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Checkbox | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid/lib/checkbox/checkbox").CheckboxConnotation | undefined;
+        errorValidationMessage: boolean;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+        helperText?: string | undefined;
+        errorText: string;
+        successText?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The success text for the form element.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Combobox } from '@vonage/vivid/lib/combobox/combobox';
 /**
  * Base class for combobox
  */
@@ -105,7 +104,34 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Combobox | null>;
+    element: import("vue").Ref<{
+        placement?: import("@vonage/vivid").PopupPlacement | undefined;
+        _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;
+        connectedCallback: () => void;
+        icon?: string | undefined;
+        errorValidationMessage: boolean;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The label for the form element.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Combobox } from '@vonage/vivid/lib/combobox/combobox';
 /**
  * Base class for combobox
  */
@@ -105,7 +104,34 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Combobox | null>;
+    element: import("vue").Ref<{
+        placement?: import("@vonage/vivid").PopupPlacement | undefined;
+        _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;
+        connectedCallback: () => void;
+        icon?: string | undefined;
+        errorValidationMessage: boolean;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The label for the form element.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { DataGrid } from '@vonage/vivid/lib/data-grid/data-grid';
 /**
  * Base class for data-grid
  */
@@ -46,7 +45,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DataGrid | null>;
+    element: import("vue").Ref<{
+        selectionMode?: import("@vonage/vivid/lib/data-grid/data-grid").DataGridSelectionMode | undefined;
+        selectionModeChanged: (oldValue: import("@vonage/vivid/lib/data-grid/data-grid").DataGridSelectionMode) => 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/VDataGrid.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { DataGrid } from '@vonage/vivid/lib/data-grid/data-grid';
 /**
  * Base class for data-grid
  */
@@ -46,7 +45,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DataGrid | null>;
+    element: import("vue").Ref<{
+        selectionMode?: import("@vonage/vivid/lib/data-grid/data-grid").DataGridSelectionMode | undefined;
+        selectionModeChanged: (oldValue: import("@vonage/vivid/lib/data-grid/data-grid").DataGridSelectionMode) => 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/VDataGridCell.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { DataGridCell } from '@vonage/vivid/lib/data-grid/data-grid-cell';
 /**
  * Base class for data-grid
  */
@@ -44,7 +43,18 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DataGridCell | null>;
+    element: import("vue").Ref<{
+        ariaSelected: string | null;
+        ariaSort: string | null;
+        ariaSelectedChanged: (_: string | null, selectedState: string | null) => void;
+        connectedCallback: () => void;
+        handleFocusin: (e: FocusEvent) => void;
+        handleFocusout: (e: FocusEvent) => void;
+        columnDefinition: {
+            sortDirection?: import("@vonage/vivid/lib/data-grid/data-grid.options").DataGridCellSortStates | null | undefined;
+            sortable?: boolean | undefined;
+        } | 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" | "cell-focused")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Extends the data grid cell definition to hold more options.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { DataGridCell } from '@vonage/vivid/lib/data-grid/data-grid-cell';
 /**
  * Base class for data-grid
  */
@@ -44,7 +43,18 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DataGridCell | null>;
+    element: import("vue").Ref<{
+        ariaSelected: string | null;
+        ariaSort: string | null;
+        ariaSelectedChanged: (_: string | null, selectedState: string | null) => void;
+        connectedCallback: () => void;
+        handleFocusin: (e: FocusEvent) => void;
+        handleFocusout: (e: FocusEvent) => void;
+        columnDefinition: {
+            sortDirection?: import("@vonage/vivid/lib/data-grid/data-grid.options").DataGridCellSortStates | null | undefined;
+            sortable?: boolean | undefined;
+        } | null;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "cell-focused")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "cell-focused", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Extends the data grid cell definition to hold more options.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { DataGridRow } from '@vonage/vivid/lib/data-grid/data-grid-row';
 /**
  * Base class for data-grid
  */
@@ -31,7 +30,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DataGridRow | null>;
+    element: import("vue").Ref<{
+        ariaSelected: 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" | "row-focused")[], 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/VDataGridRow.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { DataGridRow } from '@vonage/vivid/lib/data-grid/data-grid-row';
 /**
  * Base class for data-grid
  */
@@ -31,7 +30,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DataGridRow | null>;
+    element: import("vue").Ref<{
+        ariaSelected: string | null;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "row-focused")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "row-focused", 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/VDatePicker.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { DatePicker } from '@vonage/vivid/lib/date-picker/date-picker';
 /**
  * Base class for date-picker
  */
@@ -32,6 +31,20 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The earliest accepted date of the date-picker.
+     */
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted date of the date-picker.
+     */
+    max: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The currently selected date of the date-picker.
      */
@@ -55,7 +68,41 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DatePicker | null>;
+    element: import("vue").Ref<{
+        label?: string | undefined;
+        helperText?: string | undefined;
+        errorText?: string | undefined;
+        min: string | null;
+        max: string | null;
+        value: string | null;
+        disabled: boolean;
+        readOnly: boolean;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        readonly locale: {
+            datePicker: {
+                months: {
+                    name: string[];
+                    shorthand: string[];
+                };
+                weekdays: {
+                    name: string[];
+                    shorthand: string[];
+                };
+                firstDayOfWeek: number;
+                dateFormat: string;
+                dateFormatPlaceholder: string;
+                chooseDateLabel: string;
+                prevYearLabel: string;
+                prevMonthLabel: string;
+                nextMonthLabel: string;
+                nextYearLabel: string;
+                clearLabel: string;
+                okLabel: string;
+                invalidDateError: string;
+            };
+        };
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -85,6 +132,20 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The earliest accepted date of the date-picker.
+     */
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted date of the date-picker.
+     */
+    max: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The currently selected date of the date-picker.
      */
@@ -114,5 +175,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     errorText: string;
     helperText: string;
     readonly: boolean;
+    min: string;
+    max: string;
 }>;
 export default _default;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { DatePicker } from '@vonage/vivid/lib/date-picker/date-picker';
 /**
  * Base class for date-picker
  */
@@ -32,6 +31,20 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The earliest accepted date of the date-picker.
+     */
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted date of the date-picker.
+     */
+    max: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The currently selected date of the date-picker.
      */
@@ -55,7 +68,41 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DatePicker | null>;
+    element: import("vue").Ref<{
+        label?: string | undefined;
+        helperText?: string | undefined;
+        errorText?: string | undefined;
+        min: string | null;
+        max: string | null;
+        value: string | null;
+        disabled: boolean;
+        readOnly: boolean;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        readonly locale: {
+            datePicker: {
+                months: {
+                    name: string[];
+                    shorthand: string[];
+                };
+                weekdays: {
+                    name: string[];
+                    shorthand: string[];
+                };
+                firstDayOfWeek: number;
+                dateFormat: string;
+                dateFormatPlaceholder: string;
+                chooseDateLabel: string;
+                prevYearLabel: string;
+                prevMonthLabel: string;
+                nextMonthLabel: string;
+                nextYearLabel: string;
+                clearLabel: string;
+                okLabel: string;
+                invalidDateError: string;
+            };
+        };
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -85,6 +132,20 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The earliest accepted date of the date-picker.
+     */
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted date of the date-picker.
+     */
+    max: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The currently selected date of the date-picker.
      */
@@ -121,5 +182,7 @@ declare const _default: import("vue").DefineComponent<{
     errorText: string;
     helperText: string;
     readonly: boolean;
+    min: string;
+    max: string;
 }>;
 export default _default;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Dialog } from '@vonage/vivid/lib/dialog/dialog';
 /**
  * Base class for dialog
  */
@@ -56,7 +55,27 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Dialog | null>;
+    element: import("vue").Ref<{
+        open: boolean;
+        icon?: string | undefined;
+        iconPlacement?: import("@vonage/vivid").IconPlacement | undefined;
+        subtitle?: string | undefined;
+        headline?: string | undefined;
+        fullWidthBody: boolean;
+        ariaLabelledBy: string | null;
+        ariaLabel: string | null;
+        ariaDescribedBy: string | null;
+        returnValue: string;
+        readonly modal: boolean;
+        openChanged: (oldValue: boolean, newValue: boolean) => void;
+        close: () => void;
+        show: () => void;
+        showModal: () => void;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        footerSlottedContent?: HTMLElement[] | undefined;
+        actionItemsSlottedContent?: HTMLElement[] | 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" | "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/VDialog.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Dialog } from '@vonage/vivid/lib/dialog/dialog';
 /**
  * Base class for dialog
  */
@@ -56,7 +55,27 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Dialog | null>;
+    element: import("vue").Ref<{
+        open: boolean;
+        icon?: string | undefined;
+        iconPlacement?: import("@vonage/vivid").IconPlacement | undefined;
+        subtitle?: string | undefined;
+        headline?: string | undefined;
+        fullWidthBody: boolean;
+        ariaLabelledBy: string | null;
+        ariaLabel: string | null;
+        ariaDescribedBy: string | null;
+        returnValue: string;
+        readonly modal: boolean;
+        openChanged: (oldValue: boolean, newValue: boolean) => void;
+        close: () => void;
+        show: () => void;
+        showModal: () => void;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        footerSlottedContent?: HTMLElement[] | undefined;
+        actionItemsSlottedContent?: HTMLElement[] | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "close")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "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/VEmptyState.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { EmptyState } from '@vonage/vivid/lib/empty-state/empty-state';
 /**
  * An empty state element. Used when there is no data to display to the user.
  */
@@ -28,7 +27,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<EmptyState | null>;
+    element: import("vue").Ref<{
+        headline?: 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<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { EmptyState } from '@vonage/vivid/lib/empty-state/empty-state';
 /**
  * An empty state element. Used when there is no data to display to the user.
  */
@@ -28,7 +27,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<EmptyState | null>;
+    element: import("vue").Ref<{
+        headline?: 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<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Fab } from '@vonage/vivid/lib/fab/fab';
 /**
  * Base class for fab
  */
@@ -145,7 +144,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Fab | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").FabConnotation | undefined;
+        size?: import("@vonage/vivid").FABSize | undefined;
+        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.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Fab } from '@vonage/vivid/lib/fab/fab';
 /**
  * Base class for fab
  */
@@ -145,7 +144,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Fab | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").FabConnotation | undefined;
+        size?: import("@vonage/vivid").FABSize | undefined;
+        label?: 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.