@vonage/vivid-vue 3.23.1 → 3.44.0

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { CalendarEvent } from '@vonage/vivid/lib/calendar-event/calendar-event';
 /**
  * Base class for calendar-event
  */
@@ -61,15 +62,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        heading?: string | undefined;
-        description?: string | undefined;
-        connotation?: import("@vonage/vivid").CalendarEventConnotation | undefined;
-        appearance?: import("@vonage/vivid").CalendarEventAppearance | undefined;
-        overlapCount?: number | undefined;
-        start?: number | undefined;
-        duration?: number | undefined;
-    } | null>;
+    element: import("vue").Ref<CalendarEvent | 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.
@@ -136,10 +129,10 @@ declare const _default: import("vue").DefineComponent<{
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    description: string;
     heading: string;
     appearance: "filled" | "duotone" | "subtle";
     connotation: "accent" | "information" | "success" | "warning" | "alert" | "cta" | "announcement";
-    description: string;
     overlapCount: number;
     start: number;
     duration: number;

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Card } from '@vonage/vivid/lib/card/card';
 /**
  * Base class for card
  */
@@ -58,16 +59,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        appearance?: import("@vonage/vivid").CardAppearance | undefined;
-        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>;
+    element: import("vue").Ref<Card | 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/VCard.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Card } from '@vonage/vivid/lib/card/card';
 /**
  * Base class for card
  */
@@ -58,16 +59,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        appearance?: import("@vonage/vivid").CardAppearance | undefined;
-        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>;
+    element: import("vue").Ref<Card | 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/VCheckbox.vue2.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Checkbox } from '@vonage/vivid/lib/checkbox/checkbox';
 /**
  * Base class for checkbox
  */
@@ -120,18 +121,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        ariaLabel: string | null;
-        tabindex: string | null;
-        connotation?: import("@vonage/vivid/lib/checkbox/checkbox").CheckboxConnotation | undefined;
-        errorValidationMessage: string;
-        label: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-        helperText?: string | undefined;
-        errorText: string;
-        successText?: string | undefined;
-    } | null>;
+    element: import("vue").Ref<Checkbox | 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/VCheckbox.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Checkbox } from '@vonage/vivid/lib/checkbox/checkbox';
 /**
  * Base class for checkbox
  */
@@ -120,18 +121,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        ariaLabel: string | null;
-        tabindex: string | null;
-        connotation?: import("@vonage/vivid/lib/checkbox/checkbox").CheckboxConnotation | undefined;
-        errorValidationMessage: string;
-        label: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-        helperText?: string | undefined;
-        errorText: string;
-        successText?: string | undefined;
-    } | null>;
+    element: import("vue").Ref<Checkbox | 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/VCombobox.vue2.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Combobox } from '@vonage/vivid/lib/combobox/combobox';
 /**
  * Base class for combobox
  */
@@ -104,34 +105,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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: string;
-        label: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-    } | null>;
+    element: import("vue").Ref<Combobox | 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 label for the form element.

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { Combobox } from '@vonage/vivid/lib/combobox/combobox';
 /**
  * Base class for combobox
  */
@@ -104,34 +105,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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: string;
-        label: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-    } | null>;
+    element: import("vue").Ref<Combobox | 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 label for the form element.

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

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

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { DataGridCell } from '@vonage/vivid/lib/data-grid/data-grid-cell';
 /**
  * Base class for data-grid
  */
@@ -49,19 +50,8 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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" | "sort")[], string, Readonly<import("vue").ExtractPropTypes<{
+    element: import("vue").Ref<DataGridCell | null>;
+}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "sort" | "cell-focused")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Extends the data grid cell definition to hold more options.
      */

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { DataGridCell } from '@vonage/vivid/lib/data-grid/data-grid-cell';
 /**
  * Base class for data-grid
  */
@@ -49,19 +50,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    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" | "sort")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "sort" | "cell-focused", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    element: import("vue").Ref<DataGridCell | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "sort" | "cell-focused")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "sort" | "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.
      */
@@ -113,8 +103,8 @@ declare const _default: import("vue").DefineComponent<{
     onBlur?: ((...args: any[]) => any) | undefined;
     onKeyup?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
-    "onCell-focused"?: ((...args: any[]) => any) | undefined;
     onSort?: ((...args: any[]) => any) | undefined;
+    "onCell-focused"?: ((...args: any[]) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     ariaSelected: string;

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

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { DataGridRow } from '@vonage/vivid/lib/data-grid/data-grid-row';
 /**
  * Base class for data-grid
  */
@@ -33,9 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        ariaSelected: string | null;
-    } | null>;
+    element: import("vue").Ref<DataGridRow | 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 → generated}/components/VDatePicker.vue2.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { DatePicker } from '@vonage/vivid/lib/date-picker/date-picker';
 /**
  * Single date picker component.
  */
@@ -82,78 +83,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        label: string;
-        min: string;
-        max: string;
-        initialValue: string;
-        currentValue: string;
-        readOnly: boolean;
-        connectedCallback: () => void;
-        disconnectedCallback: () => void;
-        proxy: HTMLInputElement;
-        readonly locale: {
-            datePicker: {
-                months: {
-                    name: string[];
-                    shorthand: string[];
-                };
-                weekdays: {
-                    name: string[];
-                    shorthand: string[];
-                };
-                firstDayOfWeek: number;
-                dateFormat: string;
-                dateFormatPlaceholder: string;
-                chooseDateLabel: string;
-                changeDateLabel: (date: string) => string;
-                chooseDatesLabel: string;
-                changeDatesLabel: (range: string) => string;
-                prevYearLabel: string;
-                prevMonthLabel: string;
-                nextMonthLabel: string;
-                nextYearLabel: string;
-                clearLabel: string;
-                okLabel: string;
-                invalidDateError: string;
-                invalidDateRangeError: string;
-                startDateAfterMinDateError: (minDate: string) => string;
-                endDateBeforeMaxDateError: (maxDate: string) => string;
-            };
-            filePicker: {
-                invalidFileTypeError: string;
-                maxFilesExceededError: string;
-                fileTooBigError: string;
-                removeFileLabel: string;
-            };
-            audioPlayer: {
-                playButtonLabel: string;
-                pauseButtonLabel: string;
-                sliderLabel: string;
-            };
-            alert: {
-                dismissButtonLabel: string;
-            };
-            dialog: {
-                dismissButtonLabel: string;
-            };
-            banner: {
-                dismissButtonLabel: string;
-            };
-            numberField: {
-                incrementButtonLabel: string;
-                decrementButtonLabel: string;
-            };
-            splitButton: {
-                showMoreActionsLabel: string;
-            };
-        };
-        helperText?: string | undefined;
-        errorText: string;
-        errorValidationMessage: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-    } | null>;
+    element: import("vue").Ref<DatePicker | 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 → generated}/components/VDatePicker.vue3.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { DatePicker } from '@vonage/vivid/lib/date-picker/date-picker';
 /**
  * Single date picker component.
  */
@@ -82,78 +83,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        label: string;
-        min: string;
-        max: string;
-        initialValue: string;
-        currentValue: string;
-        readOnly: boolean;
-        connectedCallback: () => void;
-        disconnectedCallback: () => void;
-        proxy: HTMLInputElement;
-        readonly locale: {
-            datePicker: {
-                months: {
-                    name: string[];
-                    shorthand: string[];
-                };
-                weekdays: {
-                    name: string[];
-                    shorthand: string[];
-                };
-                firstDayOfWeek: number;
-                dateFormat: string;
-                dateFormatPlaceholder: string;
-                chooseDateLabel: string;
-                changeDateLabel: (date: string) => string;
-                chooseDatesLabel: string;
-                changeDatesLabel: (range: string) => string;
-                prevYearLabel: string;
-                prevMonthLabel: string;
-                nextMonthLabel: string;
-                nextYearLabel: string;
-                clearLabel: string;
-                okLabel: string;
-                invalidDateError: string;
-                invalidDateRangeError: string;
-                startDateAfterMinDateError: (minDate: string) => string;
-                endDateBeforeMaxDateError: (maxDate: string) => string;
-            };
-            filePicker: {
-                invalidFileTypeError: string;
-                maxFilesExceededError: string;
-                fileTooBigError: string;
-                removeFileLabel: string;
-            };
-            audioPlayer: {
-                playButtonLabel: string;
-                pauseButtonLabel: string;
-                sliderLabel: string;
-            };
-            alert: {
-                dismissButtonLabel: string;
-            };
-            dialog: {
-                dismissButtonLabel: string;
-            };
-            banner: {
-                dismissButtonLabel: string;
-            };
-            numberField: {
-                incrementButtonLabel: string;
-                decrementButtonLabel: string;
-            };
-            splitButton: {
-                showMoreActionsLabel: string;
-            };
-        };
-        helperText?: string | undefined;
-        errorText: string;
-        errorValidationMessage: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-    } | null>;
+    element: import("vue").Ref<DatePicker | 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 → generated}/components/VDateRangePicker.vue2.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { DateRangePicker } from '@vonage/vivid/lib/date-range-picker/date-range-picker';
 /**
  * Base class for date-range-picker
  */
@@ -104,85 +105,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<{
-        initialStart: string;
-        initialEnd: string;
-        start: string;
-        end: string;
-        currentStart: string;
-        currentEnd: string;
-        setFormValue: (value: string | File | FormData | null, state?: string | File | FormData | null | undefined) => void;
-        connectedCallback: () => void;
-        label: string;
-        min: string;
-        max: string;
-        initialValue: string;
-        currentValue: string;
-        readOnly: boolean;
-        disconnectedCallback: () => void;
-        proxy: HTMLInputElement;
-        readonly locale: {
-            datePicker: {
-                months: {
-                    name: string[];
-                    shorthand: string[];
-                };
-                weekdays: {
-                    name: string[];
-                    shorthand: string[];
-                };
-                firstDayOfWeek: number;
-                dateFormat: string;
-                dateFormatPlaceholder: string;
-                chooseDateLabel: string;
-                changeDateLabel: (date: string) => string;
-                chooseDatesLabel: string;
-                changeDatesLabel: (range: string) => string;
-                prevYearLabel: string;
-                prevMonthLabel: string;
-                nextMonthLabel: string;
-                nextYearLabel: string;
-                clearLabel: string;
-                okLabel: string;
-                invalidDateError: string;
-                invalidDateRangeError: string;
-                startDateAfterMinDateError: (minDate: string) => string;
-                endDateBeforeMaxDateError: (maxDate: string) => string;
-            };
-            filePicker: {
-                invalidFileTypeError: string;
-                maxFilesExceededError: string;
-                fileTooBigError: string;
-                removeFileLabel: string;
-            };
-            audioPlayer: {
-                playButtonLabel: string;
-                pauseButtonLabel: string;
-                sliderLabel: string;
-            };
-            alert: {
-                dismissButtonLabel: string;
-            };
-            dialog: {
-                dismissButtonLabel: string;
-            };
-            banner: {
-                dismissButtonLabel: string;
-            };
-            numberField: {
-                incrementButtonLabel: string;
-                decrementButtonLabel: string;
-            };
-            splitButton: {
-                showMoreActionsLabel: string;
-            };
-        };
-        helperText?: string | undefined;
-        errorText: string;
-        errorValidationMessage: string;
-        userValid: boolean;
-        dirtyValue: boolean;
-    } | null>;
+    element: import("vue").Ref<DateRangePicker | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "input:start" | "input:end" | "update:start" | "update:end")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The label for the form element.