@vonage/vivid-vue 3.16.0 → 3.18.0

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

@@ -0,0 +1,188 @@
+import { PropType } from 'vue';
+/**
+ * Base class for date-picker
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Indicates the element that represents the current item within a container or set of related elements.
+     */
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * The label text of the date-picker.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The helper-text text of the date-picker.
+     */
+    helperText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The error-text text of the date-picker.
+     */
+    errorText: {
+        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.
+     */
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Whether the date-picker is disabled.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Whether the date-picker is readonly.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    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.
+     */
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * The label text of the date-picker.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The helper-text text of the date-picker.
+     */
+    helperText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The error-text text of the date-picker.
+     */
+    errorText: {
+        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.
+     */
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Whether the date-picker is disabled.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Whether the date-picker is readonly.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}>> & {
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    disabled: boolean;
+    label: string;
+    modelValue: string;
+    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.

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

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

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

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

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Icon } from '@vonage/vivid/lib/icon/icon';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -29,7 +28,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Icon | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").IconConnotation | undefined;
+        size?: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1 | undefined;
+        iconLoaded: boolean;
+        name?: string | undefined;
+        readonly iconUrl: string | undefined;
+        nameChanged: () => Promise<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/VIcon.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Icon } from '@vonage/vivid/lib/icon/icon';
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -29,7 +28,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Icon | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").IconConnotation | undefined;
+        size?: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1 | undefined;
+        iconLoaded: boolean;
+        name?: string | undefined;
+        readonly iconUrl: string | undefined;
+        nameChanged: () => Promise<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/VLayout.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Layout } from '@vonage/vivid/lib/layout/layout';
 /**
  * Base class for layout
  *
@@ -51,7 +50,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Layout | null>;
+    element: import("vue").Ref<{
+        gutters?: import("@vonage/vivid").Gutters | undefined;
+        columnBasis?: import("@vonage/vivid").ColumnBasis | undefined;
+        columnSpacing?: import("@vonage/vivid").ColumnSpacing | undefined;
+        rowSpacing?: import("@vonage/vivid").RowSpacing | undefined;
+        autoSizing?: import("@vonage/vivid").AUTO_SIZING | 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/VLayout.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Layout } from '@vonage/vivid/lib/layout/layout';
 /**
  * Base class for layout
  *
@@ -51,7 +50,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Layout | null>;
+    element: import("vue").Ref<{
+        gutters?: import("@vonage/vivid").Gutters | undefined;
+        columnBasis?: import("@vonage/vivid").ColumnBasis | undefined;
+        columnSpacing?: import("@vonage/vivid").ColumnSpacing | undefined;
+        rowSpacing?: import("@vonage/vivid").RowSpacing | undefined;
+        autoSizing?: import("@vonage/vivid").AUTO_SIZING | 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/VMenu.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Menu } from '@vonage/vivid/lib/menu/menu';
 /**
  * Base class for menu
  */
@@ -42,7 +41,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Menu | null>;
+    element: import("vue").Ref<{
+        placement?: any;
+        anchor: string | HTMLElement;
+        anchorChanged: (_: string | HTMLElement, newValue: string | HTMLElement) => void;
+        autoDismiss: boolean;
+        autoDismissChanged: (oldValue: boolean, newValue: boolean) => void;
+        open: boolean;
+        openChanged: (_: boolean, newValue: boolean) => void;
+        disconnectedCallback: () => void;
+        actionItemsSlottedContent?: HTMLElement[] | undefined;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "open" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Menu } from '@vonage/vivid/lib/menu/menu';
 /**
  * Base class for menu
  */
@@ -42,7 +41,17 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Menu | null>;
+    element: import("vue").Ref<{
+        placement?: any;
+        anchor: string | HTMLElement;
+        anchorChanged: (_: string | HTMLElement, newValue: string | HTMLElement) => void;
+        autoDismiss: boolean;
+        autoDismissChanged: (oldValue: boolean, newValue: boolean) => void;
+        open: boolean;
+        openChanged: (_: boolean, newValue: boolean) => void;
+        disconnectedCallback: () => void;
+        actionItemsSlottedContent?: HTMLElement[] | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "open" | "close")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "open" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

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

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { MenuItem } from '@vonage/vivid/lib/menu-item/menu-item';
 /**
  * Base class for menu-item
  */
@@ -63,7 +62,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<MenuItem | null>;
+    element: import("vue").Ref<{
+        text?: string | undefined;
+        textSecondary?: string | undefined;
+        icon?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue" | "expanded-change")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue" | "expanded-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

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

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

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

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

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { NavItem } from '@vonage/vivid/lib/nav-item/nav-item';
 /**
  * A Nav Item Custom HTML Element.
  * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
@@ -85,7 +84,11 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<NavItem | null>;
+    element: import("vue").Ref<{
+        getBodyTemplate: () => any;
+        text?: string | undefined;
+        icon?: string | undefined;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { NavItem } from '@vonage/vivid/lib/nav-item/nav-item';
 /**
  * A Nav Item Custom HTML Element.
  * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
@@ -85,7 +84,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<NavItem | null>;
+    element: import("vue").Ref<{
+        getBodyTemplate: () => any;
+        text?: string | undefined;
+        icon?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.