@vonage/vivid-vue 3.16.0 → 3.18.0

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Accordion } from '@vonage/vivid/lib/accordion/accordion';
 /**
  * Base class for accordion
  */
@@ -21,7 +20,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Accordion | null>;
+    element: import("vue").Ref<{
+        expandmode: any;
+        closeAll: () => 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" | "change")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

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

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { AccordionItem } from '@vonage/vivid/lib/accordion-item/accordion-item';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -69,7 +68,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<AccordionItem | null>;
+    element: import("vue").Ref<{
+        heading?: string | undefined;
+        noIndicator: boolean;
+        meta?: string | undefined;
+        size?: import("@vonage/vivid/lib/accordion-item/accordion-item").AccordionItemSize | 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" | "change")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { AccordionItem } from '@vonage/vivid/lib/accordion-item/accordion-item';
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -69,7 +68,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<AccordionItem | null>;
+    element: import("vue").Ref<{
+        heading?: string | undefined;
+        noIndicator: boolean;
+        meta?: string | undefined;
+        size?: import("@vonage/vivid/lib/accordion-item/accordion-item").AccordionItemSize | undefined;
+        iconTrailing: boolean;
+        icon?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { ActionGroup } from '@vonage/vivid/lib/action-group/action-group';
 /**
  * Base class for action-group
  */
@@ -42,7 +41,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<ActionGroup | null>;
+    element: import("vue").Ref<{
+        shape?: import("@vonage/vivid").ActionGroupShape | undefined;
+        appearance?: import("@vonage/vivid").ActionGroupAppearance | undefined;
+        tight: boolean;
+        role: string | null;
+        ariaLabel: 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")[], 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/VActionGroup.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { ActionGroup } from '@vonage/vivid/lib/action-group/action-group';
 /**
  * Base class for action-group
  */
@@ -42,7 +41,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<ActionGroup | null>;
+    element: import("vue").Ref<{
+        shape?: import("@vonage/vivid").ActionGroupShape | undefined;
+        appearance?: import("@vonage/vivid").ActionGroupAppearance | undefined;
+        tight: boolean;
+        role: string | null;
+        ariaLabel: string | null;
+    } | 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/VAlert.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Alert } from '@vonage/vivid/lib/alert/alert';
 /**
  * Base class for alert
  */
@@ -74,7 +73,20 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Alert | null>;
+    element: import("vue").Ref<{
+        removable: boolean;
+        placement?: import("@vonage/vivid/lib/alert/alert").AlertPlacement | undefined;
+        headline?: string | undefined;
+        text?: string | undefined;
+        icon?: string | undefined;
+        timeoutms: number;
+        connotation?: import("@vonage/vivid").AlertConnotation | undefined;
+        open: boolean;
+        openChanged: (oldValue: boolean, newValue: boolean) => void;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        readonly conditionedIcon: 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" | "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/VAlert.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Alert } from '@vonage/vivid/lib/alert/alert';
 /**
  * Base class for alert
  */
@@ -74,7 +73,20 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Alert | null>;
+    element: import("vue").Ref<{
+        removable: boolean;
+        placement?: import("@vonage/vivid/lib/alert/alert").AlertPlacement | undefined;
+        headline?: string | undefined;
+        text?: string | undefined;
+        icon?: string | undefined;
+        timeoutms: number;
+        connotation?: import("@vonage/vivid").AlertConnotation | undefined;
+        open: boolean;
+        openChanged: (oldValue: boolean, newValue: boolean) => void;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        readonly conditionedIcon: string | 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/VAvatar.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Avatar } from '@vonage/vivid/lib/avatar/avatar';
 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.
@@ -53,7 +52,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Avatar | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").AvatarConnotation | undefined;
+        shape?: import("@vonage/vivid").AvatarShape | undefined;
+        appearance?: import("@vonage/vivid").AvatarAppearance | undefined;
+        size?: import("@vonage/vivid").AvatarSize | undefined;
+        icon?: string | undefined;
+        initials?: 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/VAvatar.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Avatar } from '@vonage/vivid/lib/avatar/avatar';
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -53,7 +52,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Avatar | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").AvatarConnotation | undefined;
+        shape?: import("@vonage/vivid").AvatarShape | undefined;
+        appearance?: import("@vonage/vivid").AvatarAppearance | undefined;
+        size?: import("@vonage/vivid").AvatarSize | undefined;
+        icon?: string | undefined;
+        initials?: 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/VBadge.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Badge } from '@vonage/vivid/lib/badge/badge';
 /**
  * Base class for badge
  */
@@ -56,7 +55,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Badge | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").BadgeConnotation | undefined;
+        shape?: import("@vonage/vivid").BadgeShape | undefined;
+        appearance?: import("@vonage/vivid").BadgeAppearance | undefined;
+        text?: 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/VBadge.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Badge } from '@vonage/vivid/lib/badge/badge';
 /**
  * Base class for badge
  */
@@ -56,7 +55,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Badge | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").BadgeConnotation | undefined;
+        shape?: import("@vonage/vivid").BadgeShape | undefined;
+        appearance?: import("@vonage/vivid").BadgeAppearance | undefined;
+        text?: 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/VBanner.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Banner } from '@vonage/vivid/lib/banner/banner';
 /**
  * Base class for banner
  */
@@ -49,7 +48,20 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Banner | null>;
+    element: import("vue").Ref<{
+        role: string | null;
+        actionHref: string | undefined;
+        actionText: string | undefined;
+        removable: boolean;
+        ariaLive: any;
+        text: string | undefined;
+        connotation: import("@vonage/vivid").BannerConnotation | undefined;
+        readonly conditionedIcon: string;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        remove: () => void;
+        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/VBanner.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Banner } from '@vonage/vivid/lib/banner/banner';
 /**
  * Base class for banner
  */
@@ -49,7 +48,20 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Banner | null>;
+    element: import("vue").Ref<{
+        role: string | null;
+        actionHref: string | undefined;
+        actionText: string | undefined;
+        removable: boolean;
+        ariaLive: any;
+        text: string | undefined;
+        connotation: import("@vonage/vivid").BannerConnotation | undefined;
+        readonly conditionedIcon: string;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        remove: () => void;
+        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/VBreadcrumbItem.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { BreadcrumbItem } from '@vonage/vivid/lib/breadcrumb-item/breadcrumb-item';
 /**
  * Base class for breadcrumb-item
  */
@@ -73,7 +72,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<BreadcrumbItem | null>;
+    element: import("vue").Ref<{
+        text?: 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/VBreadcrumbItem.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { BreadcrumbItem } from '@vonage/vivid/lib/breadcrumb-item/breadcrumb-item';
 /**
  * Base class for breadcrumb-item
  */
@@ -73,7 +72,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<BreadcrumbItem | null>;
+    element: import("vue").Ref<{
+        text?: 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/VButton.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Button } from '@vonage/vivid/lib/button/button';
 /**
  * Base class for button
  */
@@ -122,6 +121,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"submit" | "reset" | "button">;
         default: undefined;
     };
+    title: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The connotation the button should have.
      */
@@ -173,7 +176,18 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Button | null>;
+    element: import("vue").Ref<{
+        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;
+    } | 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.
@@ -293,6 +307,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"submit" | "reset" | "button">;
         default: undefined;
     };
+    title: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The connotation the button should have.
      */
@@ -363,6 +381,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     formmethod: string;
     formnovalidate: boolean;
     formtarget: "_self" | "_blank" | "_parent" | "_top";
+    title: string;
     stacked: boolean;
     pending: boolean;
     label: string;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Button } from '@vonage/vivid/lib/button/button';
 /**
  * Base class for button
  */
@@ -122,6 +121,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"submit" | "reset" | "button">;
         default: undefined;
     };
+    title: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The connotation the button should have.
      */
@@ -173,7 +176,18 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Button | null>;
+    element: import("vue").Ref<{
+        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;
+    } | 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.
@@ -293,6 +307,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"submit" | "reset" | "button">;
         default: undefined;
     };
+    title: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * The connotation the button should have.
      */
@@ -370,6 +388,7 @@ declare const _default: import("vue").DefineComponent<{
     formmethod: string;
     formnovalidate: boolean;
     formtarget: "_self" | "_blank" | "_parent" | "_top";
+    title: string;
     stacked: boolean;
     pending: boolean;
     label: string;

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

@@ -52,7 +52,76 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Calendar | null>;
+    element: import("vue").Ref<{
+        datetime?: string | {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number | undefined) => number;
+            setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+            setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number | undefined) => number;
+            setUTCMonth: (month: number, date?: number | undefined) => number;
+            setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        } | undefined;
+        startDay?: "sunday" | "monday" | undefined;
+        locales?: string | string[] | undefined;
+        hour12: boolean;
+        getEventContext: (this: Calendar, e: KeyboardEvent | MouseEvent) => import("@vonage/vivid/lib/calendar/helpers/calendar.event-context").CalendarEventContext | null;
+        onKeydown: ({ key }: KeyboardEvent) => 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/VCalendar.vue3.d.ts

@@ -52,7 +52,76 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Calendar | null>;
+    element: import("vue").Ref<{
+        datetime?: string | {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number | undefined) => number;
+            setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+            setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number | undefined) => number;
+            setUTCMonth: (month: number, date?: number | undefined) => number;
+            setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        } | undefined;
+        startDay?: "sunday" | "monday" | undefined;
+        locales?: string | string[] | undefined;
+        hour12: boolean;
+        getEventContext: (this: Calendar, e: KeyboardEvent | MouseEvent) => import("@vonage/vivid/lib/calendar/helpers/calendar.event-context").CalendarEventContext | null;
+        onKeydown: ({ key }: KeyboardEvent) => 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.