@vonage/vivid-vue 5.24.0 → 5.25.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, onBeforeMount, ref, version } from "vue";
-import { registerAccordion, registerAccordionItem, registerActionGroup, registerAlert, registerAudioPlayer, registerAvatar, registerBadge, registerBanner, registerBreadcrumb, registerBreadcrumbItem, registerButton, registerCalendar, registerCalendarEvent, registerCard, registerCheckbox, registerColorPicker, registerCombobox, registerContextualHelp, registerCountry, registerCountryGroup, registerDataGrid, registerDatePicker, registerDateRangePicker, registerDateTimePicker, registerDialPad, registerDialog, registerDivider, registerEmptyState, registerFab, registerFilePicker, registerFlag, registerHeader, registerIcon, registerKbdKey, registerKbdShortcut, registerLayout, registerMenu, registerMenuItem, registerNav, registerNavDisclosure, registerNavItem, registerNote, registerNumberField, registerOptgroup, registerOption, registerPagination, registerPlatformSwitch, registerPopover, registerProgress, registerProgressRing, registerRadio, registerRadioGroup, registerRangeSlider, registerRichTextEditor, registerRichTextView, registerSearchableSelect, registerSelect, registerSelectableBox, registerSideDrawer, registerSimpleColorPicker, registerSlider, registerSplitButton, registerStatus, registerSwitch, registerTab, registerTabPanel, registerTable, registerTabs, registerTag, registerTagGroup, registerTextArea, registerTextField, registerTimePicker, registerToggletip, registerTooltip, registerTreeItem, registerTreeView, registerVideoPlayer } from "@vonage/vivid";
+import { registerAccordion, registerAccordionItem, registerActionGroup, registerAlert, registerAudioPlayer, registerAvatar, registerBadge, registerBanner, registerBreadcrumb, registerBreadcrumbItem, registerButton, registerCalendar, registerCalendarEvent, registerCard, registerCheckbox, registerColorPicker, registerCombobox, registerContextualHelp, registerCountry, registerCountryGroup, registerDataGrid, registerDatePicker, registerDateRangePicker, registerDateTimePicker, registerDialPad, registerDialog, registerDivider, registerEmptyState, registerFab, registerFilePicker, registerFlag, registerHeader, registerIcon, registerKbdKey, registerKbdShortcut, registerLayout, registerListbox, registerMenu, registerMenuItem, registerNav, registerNavDisclosure, registerNavItem, registerNote, registerNumberField, registerOptgroup, registerOption, registerPagination, registerPlatformSwitch, registerPopover, registerProgress, registerProgressRing, registerRadio, registerRadioGroup, registerRangeSlider, registerRichTextEditor, registerRichTextView, registerSearchableSelect, registerSelect, registerSelectableBox, registerSideDrawer, registerSimpleColorPicker, registerSlider, registerSplitButton, registerStatus, registerSwitch, registerTab, registerTabPanel, registerTable, registerTabs, registerTag, registerTagGroup, registerTextArea, registerTextField, registerTimePicker, registerToggletip, registerTooltip, registerTreeItem, registerTreeView, registerVideoPlayer } from "@vonage/vivid";
 //#region src/init/prefix.ts
 var CustomComponentPrefix = ref("vvd3");
 /**
@@ -196,7 +196,7 @@ var VAccordionItem_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the
+		* Configures the [level](https://www.w3.org/TR/wai-aria-1.1/#aria-level) of the
 		* heading element.
 		*/
 		headingLevel: {
@@ -205,7 +205,7 @@ var VAccordionItem_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -250,6 +250,13 @@ var VAccordionItem_default = defineComponent({
 		size: {
 			type: String,
 			default: void 0
+		},
+		/**
+		* Optional supporting text shown below the heading text.
+		*/
+		textSecondary: {
+			type: String,
+			default: void 0
 		}
 	},
 	emits: [
@@ -282,7 +289,8 @@ var VAccordionItem_default = defineComponent({
 				...this.meta !== void 0 ? { "meta": this.meta } : {},
 				...this.noIndicator !== void 0 ? { "no-indicator": this.noIndicator } : {},
 				...this.secondaryText !== void 0 ? { "secondary-text": this.secondaryText } : {},
-				...this.size !== void 0 ? { "size": this.size } : {}
+				...this.size !== void 0 ? { "size": this.size } : {},
+				...this.textSecondary !== void 0 ? { "text-secondary": this.textSecondary } : {}
 			},
 			class: "vvd-component",
 			on: {
@@ -328,7 +336,8 @@ var VAccordionItem_default = defineComponent({
 				...this.meta !== void 0 ? { "^meta": this.meta } : {},
 				...this.noIndicator !== void 0 && this.noIndicator !== false ? { "^no-indicator": this.noIndicator } : {},
 				...this.secondaryText !== void 0 ? { "^secondary-text": this.secondaryText } : {},
-				...this.size !== void 0 ? { "^size": this.size } : {}
+				...this.size !== void 0 ? { "^size": this.size } : {},
+				...this.textSecondary !== void 0 ? { "^text-secondary": this.textSecondary } : {}
 			}),
 			"onBlur": (event) => {
 				this.$emit("blur", event);
@@ -482,7 +491,7 @@ var VAlert_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -879,21 +888,21 @@ var VAvatar_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		download: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		href: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		hreflang: {
 			type: String,
@@ -915,21 +924,21 @@ var VAvatar_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		ping: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		referrerpolicy: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		rel: {
 			type: String,
@@ -950,14 +959,14 @@ var VAvatar_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		target: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		type: {
 			type: String,
@@ -1088,7 +1097,7 @@ var VBadge_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -1221,7 +1230,7 @@ var VBanner_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -1405,42 +1414,42 @@ var VBreadcrumbItem_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		href: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		hreflang: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		ping: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		referrerpolicy: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		rel: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		target: {
 			type: String,
@@ -1451,7 +1460,7 @@ var VBreadcrumbItem_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		type: {
 			type: String,
@@ -1554,7 +1563,7 @@ var VButton_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The appearance the button should have.
+		* The appearance the Button should have.
 		*/
 		appearance: {
 			type: String,
@@ -1568,7 +1577,7 @@ var VButton_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The connotation the button should have.
+		* The connotation the Button should have.
 		*/
 		connotation: {
 			type: String,
@@ -1582,7 +1591,7 @@ var VButton_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		download: {
 			type: String,
@@ -1603,49 +1612,49 @@ var VButton_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+		* See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details.
 		*/
 		formaction: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+		* See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details.
 		*/
 		formenctype: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+		* See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details.
 		*/
 		formmethod: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+		* See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details.
 		*/
 		formnovalidate: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+		* See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details.
 		*/
 		formtarget: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		href: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		hreflang: {
 			type: String,
@@ -1653,7 +1662,7 @@ var VButton_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -1697,7 +1706,7 @@ var VButton_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		ping: {
 			type: String,
@@ -1712,14 +1721,14 @@ var VButton_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		referrerpolicy: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		rel: {
 			type: String,
@@ -1733,14 +1742,14 @@ var VButton_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The shape the button should have.
+		* The shape the Button should have.
 		*/
 		shape: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* The size the button should have.
+		* The size the Button should have.
 		*/
 		size: {
 			type: String,
@@ -1754,7 +1763,7 @@ var VButton_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		target: {
 			type: String,
@@ -1768,7 +1777,7 @@ var VButton_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		type: {
 			type: String,
@@ -1805,7 +1814,7 @@ var VButton_default = defineComponent({
 			return this.element?.reportValidity();
 		},
 		/**
-		* {@inheritDoc (FormAssociated:interface).validate}
+		* Validates the element against its constraints (e.g. `required`) and updates its validity state.
 		*/
 		validate() {
 			return this.element?.validate();
@@ -1946,7 +1955,7 @@ var VCalendar_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Displays a time in 12 hour format
+		* Displays times in 12-hour format.
 		*/
 		hour12: {
 			type: Boolean,
@@ -1967,7 +1976,7 @@ var VCalendar_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Set the `sticky-mode` attribute
+		* Sets which parts of the Calendar (`header`, `column`, `all`, or `none`) stay fixed in place while scrolling.
 		*/
 		stickyMode: {
 			type: String,
@@ -2082,7 +2091,7 @@ var VCalendarEvent_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the first day of the week to display
+		* Sets the event's connotation (color).
 		*/
 		connotation: {
 			type: String,
@@ -2216,14 +2225,14 @@ var VCard_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Indicates whether card should be a clickable <button> element.
+		* Indicates whether the card should be a clickable button element.
 		*/
 		clickableCard: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		download: {
 			type: String,
@@ -2244,14 +2253,14 @@ var VCard_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		href: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		hreflang: {
 			type: String,
@@ -2266,21 +2275,21 @@ var VCard_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		ping: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		referrerpolicy: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		rel: {
 			type: String,
@@ -2294,7 +2303,7 @@ var VCard_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		target: {
 			type: String,
@@ -2308,7 +2317,7 @@ var VCard_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		type: {
 			type: String,
@@ -2450,7 +2459,7 @@ var VCheckbox_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The connotation the checklist should have.
+		* The connotation the Checkbox should have.
 		*/
 		connotation: {
 			type: String,
@@ -2516,7 +2525,7 @@ var VCheckbox_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
+		* When true, the control will be immutable by user interaction. See [readonly HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) for more information.
 		*/
 		readonly: {
 			type: Boolean,
@@ -2536,6 +2545,9 @@ var VCheckbox_default = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/**
+		* The tab index of the Checkbox.
+		*/
 		tabindex: {
 			type: String,
 			default: void 0
@@ -2725,7 +2737,7 @@ var VColorPicker_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Limits number of swatches that can be saved.
+		* Limits the number of swatches that can be saved.
 		*/
 		maxSwatches: {
 			type: Number,
@@ -2986,7 +2998,7 @@ var VCombobox_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -3038,7 +3050,7 @@ var VCombobox_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* the placement of the combobox
+		* The placement of the Combobox.
 		*/
 		placement: {
 			type: String,
@@ -3142,7 +3154,7 @@ var VCombobox_default = defineComponent({
 			return this.element?.selectFirstOption();
 		},
 		/**
-		* {@inheritDoc (FormAssociated:interface).validate}
+		* Validates the element against its constraints (e.g. `required`) and updates its validity state.
 		*/
 		validate() {
 			return this.element?.validate();
@@ -3550,14 +3562,14 @@ var VDataGrid_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* String that gets applied to the css gridTemplateColumns attribute of child rows
+		* String that gets applied to the CSS gridTemplateColumns attribute of child rows
 		*/
 		gridTemplateColumns: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Templete to use when rendering grid header cells
+		* Template to use when rendering grid header cells
 		*/
 		headerCellItemTemplate: {
 			type: null,
@@ -3578,7 +3590,7 @@ var VDataGrid_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Templete to use when rendering rows
+		* Template to use when rendering rows
 		*/
 		rowItemTemplate: {
 			type: null,
@@ -3727,7 +3739,7 @@ var VDataGridCell_default = defineComponent({
 		},
 		/**
 		* The column index of the cell.
-		* This will be applied to the css grid-column-index value
+		* This will be applied to the CSS grid-column-index value
 		* applied to the cell
 		*/
 		gridColumn: {
@@ -3742,7 +3754,7 @@ var VDataGridCell_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Reflects selected state of the row
+		* Reflects the selected state of the cell.
 		*/
 		selected: {
 			type: Boolean,
@@ -3885,8 +3897,7 @@ var VDataGridRow_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* String that gets applied to the the css gridTemplateColumns attribute for the row
-		* x
+		* String that gets applied to the CSS gridTemplateColumns attribute for the row.
 		*/
 		gridTemplateColumns: {
 			type: String,
@@ -3922,7 +3933,7 @@ var VDataGridRow_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Reflects selected state of the row
+		* Reflects the selected state of the row.
 		*/
 		selected: {
 			type: Boolean,
@@ -4099,7 +4110,7 @@ var VDatePicker_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Whether the date-picker is readonly.
+		* Whether the picker is read-only.
 		*/
 		readonly: {
 			type: Boolean,
@@ -4113,7 +4124,7 @@ var VDatePicker_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the display size of the picker field input element.
+		* Sets the display size of the picker's input element.
 		*/
 		scale: {
 			type: String,
@@ -4352,7 +4363,7 @@ var VDateRangePicker_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Whether the date-picker is readonly.
+		* Whether the picker is read-only.
 		*/
 		readonly: {
 			type: Boolean,
@@ -4366,7 +4377,7 @@ var VDateRangePicker_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the display size of the picker field input element.
+		* Sets the display size of the picker's input element.
 		*/
 		scale: {
 			type: String,
@@ -4658,7 +4669,7 @@ var VDateTimePicker_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Whether the date-picker is readonly.
+		* Whether the picker is read-only.
 		*/
 		readonly: {
 			type: Boolean,
@@ -4672,7 +4683,7 @@ var VDateTimePicker_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the display size of the picker field input element.
+		* Sets the display size of the picker's input element.
 		*/
 		scale: {
 			type: String,
@@ -4983,18 +4994,14 @@ var VDialPad_default = defineComponent({
 		"keyup",
 		"update:modelValue"
 	],
-	methods: {
-		/**
-		* Moves focus into the Dial Pad. If `no-input` attribute is specified, it will be the first digit
-		* button. Otherwise, the input field will be focused.
-		*/
-		focus() {
-			return this.element?.focus();
-		},
-		valueChanged(_oldValue, newValue) {
-			return this.element?.valueChanged(_oldValue, newValue);
-		}
-	},
+	methods: { 
+	/**
+	* Moves focus into the Dial Pad. If `no-input` attribute is specified, it will be the first digit
+	* button. Otherwise, the text field will be focused.
+	*/
+focus() {
+		return this.element?.focus();
+	} },
 	setup(props, ctx) {
 		return {
 			componentName: registerComponent("dial-pad", registerDialPad),
@@ -5121,63 +5128,73 @@ var VDialog_default = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/**
+		* Removes the body's inline padding. Use when embedding components such as Progress or Tabs in the Dialog's body.
+		*/
 		fullWidthBody: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* The headline for the Dialog.
+		*/
 		headline: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* undefined
+		* A decorative icon the Dialog should have. See the [Vivid Icon
+		* Gallery](/icons/icons-gallery/) for available icons.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
 			type: String,
 			default: void 0
 		},
+		/**
+		* Controls the placement of the icon relative to the headline.
+		*/
 		iconPlacement: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Sets the element's to be opened
+		* Sets the Dialog to be modal.
 		*/
 		modal: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* Remove the element's dismiss button
+		* Removes the Dialog's dismiss button.
 		*/
 		noDismissButton: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* prevent a modal dialog from being dismissed by pressing esc
+		* Prevents a modal Dialog from being dismissed by pressing Escape.
 		*/
 		noDismissOnEsc: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* prevent a modal dialog from being dismissed by clicking outside of it.
+		* Prevents a modal Dialog from being dismissed by clicking outside of it.
 		*/
 		noLightDismiss: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* combines `no-light-dismiss`, `no-dismiss-on-esc`, and `no-dismiss-button`
+		* Combines `no-light-dismiss`, `no-dismiss-on-esc`, and `no-dismiss-button`.
 		*/
 		nonDismissible: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* Sets the element's to be opened
+		* Sets whether the Dialog is open.
 		*/
 		open: {
 			type: Boolean,
@@ -5188,12 +5205,15 @@ var VDialog_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Makes only the element's content area between the header and footer scrollable
+		* Makes only the Dialog's content area between the header and footer scrollable, instead of the whole Dialog.
 		*/
 		scrollableBody: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* An optional subtitle for the Dialog.
+		*/
 		subtitle: {
 			type: String,
 			default: void 0
@@ -5216,12 +5236,21 @@ var VDialog_default = defineComponent({
 		"update:open"
 	],
 	methods: {
+		/**
+		* Closes the Dialog.
+		*/
 		close() {
 			return this.element?.close();
 		},
+		/**
+		* Opens the Dialog as non-modal.
+		*/
 		show() {
 			return this.element?.show();
 		},
+		/**
+		* Opens the Dialog as modal.
+		*/
 		showModal() {
 			return this.element?.showModal();
 		}
@@ -5459,7 +5488,7 @@ var VEmptyState_default = defineComponent({
 		},
 		/**
 		* A decorative icon the Empty State should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -5467,7 +5496,7 @@ var VEmptyState_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Has no effect on the component
+		* Has no effect on the component.
 		*/
 		iconDecoration: {
 			type: String,
@@ -5589,35 +5618,35 @@ var VFab_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+		* See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details.
 		*/
 		formaction: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+		* See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details.
 		*/
 		formenctype: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+		* See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details.
 		*/
 		formmethod: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+		* See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details.
 		*/
 		formnovalidate: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+		* See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details.
 		*/
 		formtarget: {
 			type: String,
@@ -5625,7 +5654,7 @@ var VFab_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -5713,7 +5742,7 @@ var VFab_default = defineComponent({
 			return this.element?.reportValidity();
 		},
 		/**
-		* {@inheritDoc (FormAssociated:interface).validate}
+		* Validates the element against its constraints (e.g. `required`) and updates its validity state.
 		*/
 		validate() {
 			return this.element?.validate();
@@ -6083,7 +6112,7 @@ var VFlag_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Controls the rendered size. Uses the same scale and behavior as `Icon.size`.
+		* Controls the rendered size. Uses the same scale and behavior as the [Icon](/components/icon/) component's `size`.
 		*/
 		size: {
 			type: Number,
@@ -6174,7 +6203,7 @@ var VHeader_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* header elevation shadow
+		* Applies an elevation shadow to the Header.
 		*/
 		elevationShadow: {
 			type: Boolean,
@@ -6278,14 +6307,16 @@ var VIcon_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Indicates which icon to resolve. See the Vivid Icon Gallery for available icons:
-		* https://icons.vivid.vonage.com/
+		* Indicates which icon to resolve. See the [Vivid Icon Gallery](/icons/icons-gallery/) for available icons.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		name: {
 			type: String,
 			default: void 0
 		},
+		/**
+		* The size the Icon should have.
+		*/
 		size: {
 			type: Number,
 			default: void 0
@@ -6403,6 +6434,9 @@ var VKbdKey_default = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/**
+		* The size the Kbd Key should have.
+		*/
 		size: {
 			type: String,
 			default: void 0
@@ -6578,28 +6612,28 @@ var VLayout_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Controls the `min-width` of columns
+		* Controls the `min-width` of columns.
 		*/
 		columnBasis: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Controls the size of the spacing between columns
+		* Controls the size of the spacing between columns.
 		*/
 		columnSpacing: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Controls the amount of margin around the component
+		* Controls the amount of margin around the component.
 		*/
 		gutters: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* sets the initial preferred spacing of a row from predefined available options
+		* Controls the size of the spacing between rows.
 		*/
 		rowSpacing: {
 			type: String,
@@ -6685,6 +6719,179 @@ var VLayout_default = defineComponent({
 	}
 });
 //#endregion
+//#region src/generated/components/VListbox.ts
+var VListbox_default = defineComponent({
+	name: "VListbox",
+	model: isVue2 ? {
+		prop: "modelValue",
+		event: "update:modelValue"
+	} : void 0,
+	props: {
+		optionFilter: {
+			type: null,
+			default: void 0
+		},
+		/**
+		* Whether the Listbox will always keep at least one option selected (if possible).
+		* - `none` (default): no option may be selected
+		* - `any`: any valid option may be selected
+		* - `selectable`: a selectable (visible and enabled) option be selected
+		*/
+		requiredSelection: {
+			type: String,
+			default: void 0
+		},
+		/**
+		* Search text by which the options will be filtered. Options whose text does not contain the search string (case-insensitive) are hidden.
+		*/
+		searchText: {
+			type: String,
+			default: void 0
+		},
+		/**
+		* Controls the interaction model.
+		* - `toggle` (default): the user can move focus through the list of options and activating an option toggles its selected state.
+		* - `replace`: moving focus also replaces the selection with the focused item ("selection follows focus").
+		*/
+		selectionBehavior: {
+			type: String,
+			default: void 0
+		},
+		/**
+		* Controls how many options the user can select. In `single` mode (default), only one option can be selected at a time. In `multiple` mode, any number of options can be selected.
+		*/
+		selectionMode: {
+			type: String,
+			default: void 0
+		},
+		/**
+		* The first selected option value, or `null` if no option is selected. In single-selection mode, this can be used as an alternative to `values`.
+		*/
+		value: {
+			type: String,
+			default: void 0
+		},
+		/**
+		* The first selected option value, or `null` if no option is selected. In single-selection mode, this can be used as an alternative to `values`.
+		*/
+		modelValue: {
+			type: String,
+			default: void 0
+		},
+		/**
+		* The list of selected options' values. Use to set or read the currently selected option values.
+		*/
+		values: {
+			type: Array,
+			default: void 0
+		},
+		modelModifiers: {
+			type: Object,
+			default: () => ({})
+		},
+		valuesModifiers: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [
+		"blur",
+		"change",
+		"click",
+		"focus",
+		"input",
+		"keydown",
+		"keyup",
+		"update:modelValue",
+		"update:values"
+	],
+	methods: {},
+	setup(props, ctx) {
+		return {
+			componentName: registerComponent("listbox", registerListbox),
+			element: ref(null)
+		};
+	},
+	render() {
+		if (isVue2) return h(this.componentName, {
+			ref: "element",
+			attrs: {
+				...this.requiredSelection !== void 0 ? { "required-selection": this.requiredSelection } : {},
+				...this.searchText !== void 0 ? { "search-text": this.searchText } : {},
+				...this.selectionBehavior !== void 0 ? { "selection-behavior": this.selectionBehavior } : {},
+				...this.selectionMode !== void 0 ? { "selection-mode": this.selectionMode } : {}
+			},
+			class: "vvd-component",
+			domProps: {
+				...this.optionFilter !== void 0 ? { "optionFilter": this.optionFilter } : {},
+				...(this.modelValue ?? this.value) !== void 0 ? { "value": this.modelValue ?? this.value } : {},
+				...this.values !== void 0 ? { "values": this.values } : {}
+			},
+			on: {
+				"blur": (event) => {
+					this.$emit("blur", event);
+				},
+				"change": (event) => {
+					this.$emit("update:modelValue", event.currentTarget.value);
+					this.$emit("update:values", event.currentTarget.values);
+					this.$emit("change", event);
+				},
+				"click": (event) => {
+					this.$emit("click", event);
+				},
+				"focus": (event) => {
+					this.$emit("focus", event);
+				},
+				"input": (event) => {
+					this.$emit("input", event);
+				},
+				"keydown": (event) => {
+					this.$emit("keydown", event);
+				},
+				"keyup": (event) => {
+					this.$emit("keyup", event);
+				}
+			}
+		}, [this.$slots.default, handleNamedSlotV2("no-matches", this.$slots["no-matches"])]);
+		return h(this.componentName, {
+			ref: "element",
+			class: "vvd-component",
+			...handleVue3Props({
+				...this.optionFilter !== void 0 ? { ".optionFilter": this.optionFilter } : {},
+				...this.requiredSelection !== void 0 ? { "^required-selection": this.requiredSelection } : {},
+				...this.searchText !== void 0 ? { "^search-text": this.searchText } : {},
+				...this.selectionBehavior !== void 0 ? { "^selection-behavior": this.selectionBehavior } : {},
+				...this.selectionMode !== void 0 ? { "^selection-mode": this.selectionMode } : {},
+				...(this.modelValue ?? this.value) !== void 0 ? { ".value": this.modelValue ?? this.value } : {},
+				...this.values !== void 0 ? { ".values": this.values } : {}
+			}),
+			"onBlur": (event) => {
+				this.$emit("blur", event);
+			},
+			"onChange": (event) => {
+				this.$emit("update:modelValue", event.currentTarget.value);
+				this.$emit("update:values", event.currentTarget.values);
+				this.$emit("change", event);
+			},
+			"onClick": (event) => {
+				this.$emit("click", event);
+			},
+			"onFocus": (event) => {
+				this.$emit("focus", event);
+			},
+			"onInput": (event) => {
+				this.$emit("input", event);
+			},
+			"onKeydown": (event) => {
+				this.$emit("keydown", event);
+			},
+			"onKeyup": (event) => {
+				this.$emit("keyup", event);
+			}
+		}, [this.$slots.default?.(), handleNamedSlotV3("no-matches", this.$slots["no-matches"]?.())]);
+	}
+});
+//#endregion
 //#region src/generated/components/VMenu.ts
 var VMenu_default = defineComponent({
 	name: "VMenu",
@@ -6715,7 +6922,7 @@ var VMenu_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the desired position of the Menu relative to it's anchor element
+		* Sets the desired position of the Menu relative to its anchor element.
 		*/
 		placement: {
 			type: String,
@@ -6759,9 +6966,6 @@ var VMenu_default = defineComponent({
 		*/
 		focus() {
 			return this.element?.focus();
-		},
-		openChanged(_, newValue) {
-			return this.element?.openChanged(_, newValue);
 		}
 	},
 	setup(props, ctx) {
@@ -6923,7 +7127,7 @@ var VMenuItem_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -7146,14 +7350,14 @@ var VNavDisclosure_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The connotation nav-disclosure should have.
+		* The connotation the Nav Disclosure should have.
 		*/
 		connotation: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Indicates there's a nested active nav-item within nav-disclosure
+		* Indicates there's a nested current Nav Item within the Nav Disclosure.
 		*/
 		current: {
 			type: Boolean,
@@ -7161,19 +7365,22 @@ var VNavDisclosure_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
 			type: String,
 			default: void 0
 		},
+		/**
+		* Provides the label for the Nav Disclosure.
+		*/
 		label: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Indicates whether the nav-disclosure is open
+		* Indicates whether the Nav Disclosure is open.
 		*/
 		open: {
 			type: Boolean,
@@ -7278,7 +7485,7 @@ var VNavDisclosure_default = defineComponent({
 //#endregion
 //#region src/generated/components/VNavItem.ts
 /**
-* Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
+* Based largely on the [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a).
 */
 var VNavItem_default = defineComponent({
 	name: "VNavItem",
@@ -7288,35 +7495,35 @@ var VNavItem_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the connotation color of the selected nav item
+		* Sets the connotation color of the selected Nav Item.
 		*/
 		connotation: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Sets the nav item as a current
+		* Marks the Nav Item as the current item.
 		*/
 		current: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		download: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		href: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		hreflang: {
 			type: String,
@@ -7324,7 +7531,7 @@ var VNavItem_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -7332,42 +7539,42 @@ var VNavItem_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		ping: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		referrerpolicy: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		rel: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		target: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Text of the nav item
+		* Text of the Nav Item.
 		*/
 		text: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
+		* See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information.
 		*/
 		type: {
 			type: String,
@@ -7486,7 +7693,7 @@ var VNote_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the headline text
+		* Sets the headline text.
 		*/
 		headline: {
 			type: String,
@@ -7494,7 +7701,7 @@ var VNote_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -7589,17 +7796,23 @@ var VNumberField_default = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/**
+		* Hints at the type of data expected, to help the browser provide autofill assistance.
+		*/
 		autocomplete: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.
+		* Indicates that this element should get focus after the page finishes loading. See [autofocus HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus) for more information.
 		*/
 		autofocus: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* Overrides the default "Decrement" aria-label of the decrement button.
+		*/
 		decrementButtonAriaLabel: {
 			type: String,
 			default: void 0
@@ -7628,13 +7841,16 @@ var VNumberField_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
 			type: String,
 			default: void 0
 		},
+		/**
+		* Overrides the default "Increment" aria-label of the increment button.
+		*/
 		incrementButtonAriaLabel: {
 			type: String,
 			default: void 0
@@ -7655,7 +7871,7 @@ var VNumberField_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.
+		* Allows associating a [datalist](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) to the element by [id](https://developer.mozilla.org/en-US/docs/Web/API/Element/id).
 		*/
 		list: {
 			type: String,
@@ -7670,6 +7886,7 @@ var VNumberField_default = defineComponent({
 		},
 		/**
 		* The maximum number of characters a user can enter.
+		* Not currently enforced by constraint validation — see Known Issues.
 		*/
 		maxlength: {
 			type: Number,
@@ -7684,6 +7901,7 @@ var VNumberField_default = defineComponent({
 		},
 		/**
 		* The minimum number of characters a user can enter.
+		* Not currently enforced by constraint validation — see Known Issues.
 		*/
 		minlength: {
 			type: Number,
@@ -7698,14 +7916,14 @@ var VNumberField_default = defineComponent({
 		},
 		/**
 		* Sets the placeholder value of the element, generally used to provide a hint to the user.
-		* Using this attribute does is not a valid substitute for a labeling element.
+		* Using this attribute is not a valid substitute for a labeling element.
 		*/
 		placeholder: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
+		* When true, the control will be immutable by user interaction. See [readonly HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) for more information.
 		*/
 		readonly: {
 			type: Boolean,
@@ -7725,6 +7943,9 @@ var VNumberField_default = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/**
+		* The shape the Number Field should have.
+		*/
 		shape: {
 			type: String,
 			default: void 0
@@ -7811,9 +8032,6 @@ var VNumberField_default = defineComponent({
 		select() {
 			return this.element?.select();
 		},
-		stepChanged(_, next) {
-			return this.element?.stepChanged(_, next);
-		},
 		/**
 		* Decrements the value using the step value
 		*/
@@ -7827,7 +8045,7 @@ var VNumberField_default = defineComponent({
 			return this.element?.stepUp();
 		},
 		/**
-		* {@inheritDoc (FormAssociated:interface).validate}
+		* Validates the Number Field against its constraints (e.g. `min`, `max`, `required`) and updates its validity state.
 		*/
 		validate() {
 			return this.element?.validate();
@@ -8044,7 +8262,7 @@ var VOptgroup_default = defineComponent({
 //#endregion
 //#region src/generated/components/VOption.ts
 /**
-* Implements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .
+* Implements [ARIA option](https://www.w3.org/TR/wai-aria-1.1/#option).
 */
 var VOption_default = defineComponent({
 	name: "VOption",
@@ -8076,7 +8294,7 @@ var VOption_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -8090,12 +8308,15 @@ var VOption_default = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* Overrides the text displayed when the option is selected. Defaults to `text` when not set.
+		*/
 		label: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Text to highlighted as matching a search query
+		* Text to be highlighted as matching a search query.
 		*/
 		matchedText: {
 			type: String,
@@ -8108,6 +8329,11 @@ var VOption_default = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* Alias for `defaultSelected`, mirroring the option's initial selected state (the
+		* `selected` attribute). Distinct from `current-selected`, which reflects the
+		* option's live selected state.
+		*/
 		selectedAttribute: {
 			type: Boolean,
 			default: void 0
@@ -8119,6 +8345,9 @@ var VOption_default = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/**
+		* Sets the text displayed in the option list item and in the parent element when selected.
+		*/
 		text: {
 			type: String,
 			default: void 0
@@ -8257,10 +8486,16 @@ var VPagination_default = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* Sets the currently selected page, zero-indexed.
+		*/
 		selectedIndex: {
 			type: Number,
 			default: void 0
 		},
+		/**
+		* Sets the currently selected page, zero-indexed.
+		*/
 		modelValue: {
 			type: Number,
 			default: void 0
@@ -8279,6 +8514,9 @@ var VPagination_default = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/**
+		* Sets the total number of pages.
+		*/
 		total: {
 			type: Number,
 			default: void 0
@@ -8471,7 +8709,7 @@ var VPopover_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Overrides the default "Close" aria-label of Dismiss button when manual mode is enabled.
+		* Overrides the default "Close" aria-label of the dismiss button shown when manual mode is enabled.
 		*/
 		dismissButtonAriaLabel: {
 			type: String,
@@ -8493,7 +8731,7 @@ var VPopover_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the offset between popover and the anchor element.
+		* Sets the offset (in pixels) between the Popover and its anchor element.
 		*/
 		offset: {
 			type: Number,
@@ -8525,12 +8763,21 @@ var VPopover_default = defineComponent({
 		"open"
 	],
 	methods: {
+		/**
+		* Closes the Popover.
+		*/
 		hide() {
 			return this.element?.hide();
 		},
+		/**
+		* Opens the Popover.
+		*/
 		show() {
 			return this.element?.show();
 		},
+		/**
+		* Toggles the Popover between its open and closed states.
+		*/
 		toggle() {
 			return this.element?.toggle();
 		},
@@ -8802,6 +9049,9 @@ var VProgressRing_default = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* Sets the size of the Progress Ring.
+		*/
 		size: {
 			type: Number,
 			default: void 0
@@ -8904,7 +9154,7 @@ var VRadio_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The connotation the radioButton should have.
+		* The connotation the Radio should have.
 		*/
 		connotation: {
 			type: String,
@@ -8955,7 +9205,7 @@ var VRadio_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
+		* When true, the control will be immutable by user interaction. See [readonly HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) for more information.
 		*/
 		readonly: {
 			type: Boolean,
@@ -9100,6 +9350,9 @@ var VRadioGroup_default = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* Provides a custom error message.
+		*/
 		errorText: {
 			type: String,
 			default: void 0
@@ -9113,7 +9366,7 @@ var VRadioGroup_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Label of the the Radio Group
+		* Label of the Radio Group
 		*/
 		label: {
 			type: String,
@@ -9128,14 +9381,14 @@ var VRadioGroup_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets axis on which the tabs are aligned
+		* Sets the axis on which the Radio Group's radio buttons are aligned.
 		*/
 		orientation: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* When true, the child radios will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
+		* When true, the child radios will be immutable by user interaction. See [readonly HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) for more information.
 		*/
 		readonly: {
 			type: Boolean,
@@ -9348,7 +9601,7 @@ var VRangeSlider_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Display markers on/off
+		* Displays tick marks along the Range Slider.
 		*/
 		markers: {
 			type: Boolean,
@@ -9376,7 +9629,7 @@ var VRangeSlider_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The orientation of the slider.
+		* The orientation of the Range Slider.
 		*/
 		orientation: {
 			type: String,
@@ -9474,6 +9727,9 @@ var VRangeSlider_default = defineComponent({
 		checkValidity() {
 			return this.element?.checkValidity();
 		},
+		/**
+		* Resets `start` and `end` to their initial values when the form is reset.
+		*/
 		formResetCallback() {
 			return this.element?.formResetCallback();
 		},
@@ -9870,10 +10126,16 @@ var VSearchableSelect_default = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/**
+		* Displays the selected Tags outside of the Searchable Select component.
+		*/
 		externalTags: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* Changes the dropdown to use a fixed position strategy, useful when the dropdown is obstructed by other elements.
+		*/
 		fixedDropdown: {
 			type: Boolean,
 			default: void 0
@@ -9888,7 +10150,7 @@ var VSearchableSelect_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -9931,14 +10193,23 @@ var VSearchableSelect_default = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* Controls the maximum number of lines the selected Tags are allowed to wrap onto before scrolling.
+		*/
 		maxLines: {
 			type: Number,
 			default: void 0
 		},
+		/**
+		* Controls the maximum number of items a user can select.
+		*/
 		maxSelected: {
 			type: Number,
 			default: void 0
 		},
+		/**
+		* Allows the user to select more than one option.
+		*/
 		multiple: {
 			type: Boolean,
 			default: void 0
@@ -9950,6 +10221,9 @@ var VSearchableSelect_default = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/**
+		* Indicates whether the dropdown is open.
+		*/
 		open: {
 			type: Boolean,
 			default: void 0
@@ -9961,6 +10235,9 @@ var VSearchableSelect_default = defineComponent({
 			type: null,
 			default: void 0
 		},
+		/**
+		* Text to be displayed when no option has been selected.
+		*/
 		placeholder: {
 			type: String,
 			default: void 0
@@ -10271,7 +10548,7 @@ var VSelect_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -10570,42 +10847,42 @@ var VSelectableBox_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the whole box to be clickable
+		* Sets the whole box to be clickable.
 		*/
 		clickableBox: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* Controls the color of the box and its control
+		* Controls the color of the box and its control.
 		*/
 		connotation: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Controls where the control should be placed in the box
+		* Controls where the control should be placed in the box.
 		*/
 		controlPlacement: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Controls the type of control in the box
+		* Controls the type of control in the box.
 		*/
 		controlType: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Controls the disabled state of the box and its control
+		* Controls the disabled state of the box and its control.
 		*/
 		disabled: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* Removes the padding from the boxes content area
+		* Removes the padding from the box's content area.
 		*/
 		tight: {
 			type: Boolean,
@@ -10711,21 +10988,21 @@ var VSideDrawer_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* sets the side drawer's type to modal
+		* Sets the Side Drawer's type to modal.
 		*/
 		modal: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* indicates whether the side drawer is open
+		* Indicates whether the Side Drawer is open.
 		*/
 		open: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* sets the side of the side drawer
+		* Opens the Side Drawer from the trailing edge instead of the leading edge.
 		*/
 		trailing: {
 			type: Boolean,
@@ -10879,7 +11156,7 @@ var VSimpleColorPicker_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Preferred placement of the Color Picker's popup in relation to the anchor element
+		* Preferred placement of the Simple Color Picker's popup in relation to the anchor element
 		*/
 		placement: {
 			type: String,
@@ -11072,7 +11349,7 @@ var VSlider_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Display markers on/off
+		* Displays tick marks along the Slider.
 		*/
 		markers: {
 			type: Boolean,
@@ -11093,7 +11370,7 @@ var VSlider_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The selection mode.
+		* Reserved for future support of additional selection modes. Currently only `single-value` is supported.
 		*/
 		mode: {
 			type: String,
@@ -11114,14 +11391,14 @@ var VSlider_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Show current values on the thumbs.
+		* Shows the current value on the thumb.
 		*/
 		pin: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
+		* When true, the control will be immutable by user interaction. See [readonly HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) for more information.
 		*/
 		readonly: {
 			type: Boolean,
@@ -11344,7 +11621,7 @@ var VSplitButton_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -11498,7 +11775,7 @@ var VStatus_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -11652,7 +11929,7 @@ var VSwitch_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
+		* When true, the control will be immutable by user interaction. See [readonly HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) for more information.
 		*/
 		readonly: {
 			type: Boolean,
@@ -11799,7 +12076,7 @@ var VTab_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.
+		* When true, the control will be immutable by user interaction. See [disabled HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled) for more information.
 		*/
 		disabled: {
 			type: Boolean,
@@ -11807,7 +12084,7 @@ var VTab_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -11822,7 +12099,7 @@ var VTab_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Indicates the tab's label.
+		* Indicates the Tab's label.
 		*/
 		label: {
 			type: String,
@@ -11836,12 +12113,15 @@ var VTab_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The shape the tab should have.
+		* The shape the Tab should have.
 		*/
 		shape: {
 			type: String,
 			default: void 0
 		},
+		/**
+		* The tab index of the Tab, managed automatically by the parent Tabs component.
+		*/
 		tabIndex: {
 			type: Number,
 			default: void 0
@@ -11850,6 +12130,7 @@ var VTab_default = defineComponent({
 	emits: [
 		"blur",
 		"click",
+		"close",
 		"focus",
 		"input",
 		"keydown",
@@ -11883,6 +12164,9 @@ var VTab_default = defineComponent({
 				"click": (event) => {
 					this.$emit("click", event);
 				},
+				"close": (event) => {
+					this.$emit("close", event);
+				},
 				"focus": (event) => {
 					this.$emit("focus", event);
 				},
@@ -11916,6 +12200,9 @@ var VTab_default = defineComponent({
 			"onClick": (event) => {
 				this.$emit("click", event);
 			},
+			"onClose": (event) => {
+				this.$emit("close", event);
+			},
 			"onFocus": (event) => {
 				this.$emit("focus", event);
 			},
@@ -12452,7 +12739,11 @@ var VTableSortingButton_default = defineComponent({
 		"keyup",
 		"sort"
 	],
-	methods: { toggleSort() {
+	methods: { 
+	/**
+	* Toggles the sort direction and emits the `sort` event.
+	*/
+toggleSort() {
 		return this.element?.toggleSort();
 	} },
 	setup(props, ctx) {
@@ -12549,7 +12840,7 @@ var VTabs_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The orientation
+		* Sets the axis along which the tabs are aligned.
 		*/
 		orientation: {
 			type: String,
@@ -12676,14 +12967,14 @@ var VTag_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The connotation the tag should have.
+		* The connotation the Tag should have.
 		*/
 		connotation: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* indicates whether the tag is disabled
+		* Indicates whether the Tag is disabled.
 		*/
 		disabled: {
 			type: Boolean,
@@ -12691,7 +12982,7 @@ var VTag_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -12699,35 +12990,35 @@ var VTag_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Indicates the tag's label.
+		* Indicates the Tag's label.
 		*/
 		label: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* indicates whether the tag is removable
+		* Indicates whether the Tag is removable.
 		*/
 		removable: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* indicates whether the tag is selectable
+		* Indicates whether the Tag is selectable.
 		*/
 		selectable: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* indicates whether the tag is selected
+		* Indicates whether the Tag is selected.
 		*/
 		selected: {
 			type: Boolean,
 			default: void 0
 		},
 		/**
-		* The shape the tag should have.
+		* The shape the Tag should have.
 		*/
 		shape: {
 			type: String,
@@ -12744,7 +13035,11 @@ var VTag_default = defineComponent({
 		"removed",
 		"selected-change"
 	],
-	methods: { remove() {
+	methods: { 
+	/**
+	* Removes the Tag from its Tag Group and fires the `removed` event.
+	*/
+remove() {
 		return this.element?.remove();
 	} },
 	setup(props, ctx) {
@@ -12948,7 +13243,7 @@ var VTextArea_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to
+		* The [id](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the [form](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form) the element is associated to
 		*/
 		form: {
 			type: String,
@@ -12978,7 +13273,7 @@ var VTextArea_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.
+		* Allows associating a [datalist](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) to the element by [id](https://developer.mozilla.org/en-US/docs/Web/API/Element/id).
 		*/
 		list: {
 			type: String,
@@ -13007,14 +13302,14 @@ var VTextArea_default = defineComponent({
 		},
 		/**
 		* Sets the placeholder value of the element, generally used to provide a hint to the user.
-		* Using this attribute does is not a valid substitute for a labeling element.
+		* Using this attribute is not a valid substitute for a labeling element.
 		*/
 		placeholder: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
+		* When true, the control will be immutable by user interaction. See [readonly HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) for more information.
 		*/
 		readonly: {
 			type: Boolean,
@@ -13042,8 +13337,7 @@ var VTextArea_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets if the element is eligible for spell checking
-		* but the UA.
+		* Sets whether the element is eligible for spell checking by the user agent.
 		*/
 		spellcheck: {
 			type: Boolean,
@@ -13071,7 +13365,7 @@ var VTextArea_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* The wrap attribute
+		* Controls how the text is wrapped when the form is submitted.
 		*/
 		wrap: {
 			type: String,
@@ -13113,7 +13407,7 @@ var VTextArea_default = defineComponent({
 			return this.element?.select();
 		},
 		/**
-		* {@inheritDoc (FormAssociated:interface).validate}
+		* Validates the Text Area against its constraints (e.g. `maxlength`, `required`) and updates its validity state.
 		*/
 		validate() {
 			return this.element?.validate();
@@ -13256,13 +13550,15 @@ var VTextField_default = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/**
+		* Hints at the type of data expected, to help the browser provide autofill assistance.
+		*/
 		autocomplete: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Indicates that an element should be focused on page load, or when the Dialog that it is part of
-		* is displayed
+		* Indicates that the element should receive focus when it is first displayed.
 		*/
 		autofocus: {
 			type: Boolean,
@@ -13299,7 +13595,7 @@ var VTextField_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -13330,7 +13626,7 @@ var VTextField_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Value of the id attribute of the `` of autocomplete options
+		* Value of the `id` attribute of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist providing autocomplete options.
 		*/
 		list: {
 			type: String,
@@ -13365,16 +13661,16 @@ var VTextField_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Text that appears in the input element when it has no value set
+		* Text that appears in the input element when it has no value set.
 		* 
-		* Using this attribute does is not a valid substitute for a labeling element.
+		* Using this attribute is not a valid substitute for a labeling element.
 		*/
 		placeholder: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
+		* When true, the control will be immutable by user interaction. See [readonly HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) for more information.
 		*/
 		readonly: {
 			type: Boolean,
@@ -13388,12 +13684,15 @@ var VTextField_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the display size of the input element
+		* Sets the display size of the input element.
 		*/
 		scale: {
 			type: String,
 			default: void 0
 		},
+		/**
+		* The shape the Text Field should have.
+		*/
 		shape: {
 			type: String,
 			default: void 0
@@ -13462,6 +13761,9 @@ var VTextField_default = defineComponent({
 		checkValidity() {
 			return this.element?.checkValidity();
 		},
+		/**
+		* Moves focus to the Text Field's input element.
+		*/
 		focus() {
 			return this.element?.focus();
 		},
@@ -13479,7 +13781,7 @@ var VTextField_default = defineComponent({
 			return this.element?.select();
 		},
 		/**
-		* {@inheritDoc (FormAssociated:interface).validate}
+		* Validates the Text Field against its constraints (e.g. `pattern`, `required`) and updates its validity state.
 		*/
 		validate() {
 			return this.element?.validate();
@@ -13669,14 +13971,14 @@ var VTimePicker_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the maximum time the user can set
+		* Sets the maximum time the user can set, in `HH:MM:SS` format.
 		*/
 		max: {
 			type: String,
 			default: void 0
 		},
 		/**
-		* Sets the minimum time the user can set
+		* Sets the minimum time the user can set, in `HH:MM:SS` format.
 		*/
 		min: {
 			type: String,
@@ -13697,7 +13999,7 @@ var VTimePicker_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Whether the date-picker is readonly.
+		* Whether the picker is read-only.
 		*/
 		readonly: {
 			type: Boolean,
@@ -13711,7 +14013,7 @@ var VTimePicker_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Sets the display size of the picker field input element.
+		* Sets the display size of the picker's input element.
 		*/
 		scale: {
 			type: String,
@@ -13906,11 +14208,18 @@ var VToggletip_default = defineComponent({
 			default: void 0
 		},
 		/**
-		* Prefered placement of the toggletip in relation to the anchor element
+		* Preferred placement of the Toggletip in relation to the anchor element.
 		*/
 		placement: {
 			type: String,
 			default: void 0
+		},
+		/**
+		* Optional supporting text displayed below the headline.
+		*/
+		textSecondary: {
+			type: String,
+			default: void 0
 		}
 	},
 	emits: [
@@ -13935,7 +14244,8 @@ var VToggletip_default = defineComponent({
 				...this.alternate !== void 0 ? { "alternate": this.alternate } : {},
 				...this.headline !== void 0 ? { "headline": this.headline } : {},
 				...this.open !== void 0 ? { "open": this.open } : {},
-				...this.placement !== void 0 ? { "placement": this.placement } : {}
+				...this.placement !== void 0 ? { "placement": this.placement } : {},
+				...this.textSecondary !== void 0 ? { "text-secondary": this.textSecondary } : {}
 			},
 			class: "vvd-component",
 			domProps: { ...this.anchor !== void 0 ? { "anchor": this.anchor } : {} },
@@ -13972,7 +14282,8 @@ var VToggletip_default = defineComponent({
 				...this.anchor !== void 0 ? { ".anchor": this.anchor } : {},
 				...this.headline !== void 0 ? { "^headline": this.headline } : {},
 				...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
-				...this.placement !== void 0 ? { "^placement": this.placement } : {}
+				...this.placement !== void 0 ? { "^placement": this.placement } : {},
+				...this.textSecondary !== void 0 ? { "^text-secondary": this.textSecondary } : {}
 			}),
 			"onBlur": (event) => {
 				this.$emit("blur", event);
@@ -14008,10 +14319,16 @@ var VTooltip_default = defineComponent({
 			type: [String, HTMLElement],
 			default: void 0
 		},
+		/**
+		* Controls whether the Tooltip is visible. Set automatically when the anchor is hovered or focused.
+		*/
 		open: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* Preferred placement of the Tooltip in relation to its anchor element.
+		*/
 		placement: {
 			type: String,
 			default: void 0
@@ -14022,6 +14339,13 @@ var VTooltip_default = defineComponent({
 		text: {
 			type: String,
 			default: void 0
+		},
+		/**
+		* Optional supporting text displayed below the Tooltip's primary text.
+		*/
+		textSecondary: {
+			type: String,
+			default: void 0
 		}
 	},
 	emits: [
@@ -14045,7 +14369,8 @@ var VTooltip_default = defineComponent({
 			attrs: {
 				...this.open !== void 0 ? { "open": this.open } : {},
 				...this.placement !== void 0 ? { "placement": this.placement } : {},
-				...this.text !== void 0 ? { "text": this.text } : {}
+				...this.text !== void 0 ? { "text": this.text } : {},
+				...this.textSecondary !== void 0 ? { "text-secondary": this.textSecondary } : {}
 			},
 			class: "vvd-component",
 			domProps: { ...this.anchor !== void 0 ? { "anchor": this.anchor } : {} },
@@ -14081,7 +14406,8 @@ var VTooltip_default = defineComponent({
 				...this.anchor !== void 0 ? { ".anchor": this.anchor } : {},
 				...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
 				...this.placement !== void 0 ? { "^placement": this.placement } : {},
-				...this.text !== void 0 ? { "^text": this.text } : {}
+				...this.text !== void 0 ? { "^text": this.text } : {},
+				...this.textSecondary !== void 0 ? { "^text-secondary": this.textSecondary } : {}
 			}),
 			"onBlur": (event) => {
 				this.$emit("blur", event);
@@ -14126,7 +14452,7 @@ var VTreeItem_default = defineComponent({
 		},
 		/**
 		* A decorative icon the custom element should have. See the [Vivid Icon
-		* Gallery](/icons/icons-gallery/) for available icons and `icon-name`s
+		* Gallery](/icons/icons-gallery/) for available icons and their names.
 		* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
 		*/
 		icon: {
@@ -15873,4 +16199,4 @@ var vividVue = { install(app, options) {
 /** @deprecated Use vividVue instead. */
 var vivid3 = vividVue;
 //#endregion
-export { Icon, VAccordion_default as VAccordion, VAccordionItem_default as VAccordionItem, VActionGroup_default as VActionGroup, VAlert_default as VAlert, VAudioPlayer_default as VAudioPlayer, VAvatar_default as VAvatar, VBadge_default as VBadge, VBanner_default as VBanner, VBreadcrumb_default as VBreadcrumb, VBreadcrumbItem_default as VBreadcrumbItem, VButton_default as VButton, VCalendar_default as VCalendar, VCalendarEvent_default as VCalendarEvent, VCard_default as VCard, VCheckbox_default as VCheckbox, VColorPicker_default as VColorPicker, VCombobox_default as VCombobox, VContextualHelp_default as VContextualHelp, VCountry_default as VCountry, VCountryGroup_default as VCountryGroup, VDataGrid_default as VDataGrid, VDataGridCell_default as VDataGridCell, VDataGridRow_default as VDataGridRow, VDatePicker_default as VDatePicker, VDateRangePicker_default as VDateRangePicker, VDateTimePicker_default as VDateTimePicker, VDialPad_default as VDialPad, VDialog_default as VDialog, VDivider_default as VDivider, VEmptyState_default as VEmptyState, VFab_default as VFab, VFilePicker_default as VFilePicker, VFlag_default as VFlag, VHeader_default as VHeader, VIcon_default as VIcon, VKbdKey_default as VKbdKey, VKbdShortcut_default as VKbdShortcut, VLayout_default as VLayout, VMenu_default as VMenu, VMenuItem_default as VMenuItem, VNav_default as VNav, VNavDisclosure_default as VNavDisclosure, VNavItem_default as VNavItem, VNote_default as VNote, VNumberField_default as VNumberField, VOptgroup_default as VOptgroup, VOption_default as VOption, VPagination_default as VPagination, VPlatformSwitch_default as VPlatformSwitch, VPopover_default as VPopover, VProgress_default as VProgress, VProgressRing_default as VProgressRing, VRadio_default as VRadio, VRadioGroup_default as VRadioGroup, VRangeSlider_default as VRangeSlider, VRichTextEditor_default as VRichTextEditor, VRichTextView_default as VRichTextView, VSearchableSelect_default as VSearchableSelect, VSelect_default as VSelect, VSelectableBox_default as VSelectableBox, VSideDrawer_default as VSideDrawer, VSimpleColorPicker_default as VSimpleColorPicker, VSlider_default as VSlider, VSplitButton_default as VSplitButton, VStatus_default as VStatus, VSwitch_default as VSwitch, VTab_default as VTab, VTabPanel_default as VTabPanel, VTable_default as VTable, VTableBody_default as VTableBody, VTableCell_default as VTableCell, VTableHead_default as VTableHead, VTableHeaderCell_default as VTableHeaderCell, VTableRow_default as VTableRow, VTableSortingButton_default as VTableSortingButton, VTabs_default as VTabs, VTag_default as VTag, VTagGroup_default as VTagGroup, VTextArea_default as VTextArea, VTextField_default as VTextField, VTimePicker_default as VTimePicker, VToggletip_default as VToggletip, VTooltip_default as VTooltip, VTreeItem_default as VTreeItem, VTreeView_default as VTreeView, VVideoPlayer_default as VVideoPlayer, optionalStyles, setCustomComponentPrefix, vivid3, vividVue };
+export { Icon, VAccordion_default as VAccordion, VAccordionItem_default as VAccordionItem, VActionGroup_default as VActionGroup, VAlert_default as VAlert, VAudioPlayer_default as VAudioPlayer, VAvatar_default as VAvatar, VBadge_default as VBadge, VBanner_default as VBanner, VBreadcrumb_default as VBreadcrumb, VBreadcrumbItem_default as VBreadcrumbItem, VButton_default as VButton, VCalendar_default as VCalendar, VCalendarEvent_default as VCalendarEvent, VCard_default as VCard, VCheckbox_default as VCheckbox, VColorPicker_default as VColorPicker, VCombobox_default as VCombobox, VContextualHelp_default as VContextualHelp, VCountry_default as VCountry, VCountryGroup_default as VCountryGroup, VDataGrid_default as VDataGrid, VDataGridCell_default as VDataGridCell, VDataGridRow_default as VDataGridRow, VDatePicker_default as VDatePicker, VDateRangePicker_default as VDateRangePicker, VDateTimePicker_default as VDateTimePicker, VDialPad_default as VDialPad, VDialog_default as VDialog, VDivider_default as VDivider, VEmptyState_default as VEmptyState, VFab_default as VFab, VFilePicker_default as VFilePicker, VFlag_default as VFlag, VHeader_default as VHeader, VIcon_default as VIcon, VKbdKey_default as VKbdKey, VKbdShortcut_default as VKbdShortcut, VLayout_default as VLayout, VListbox_default as VListbox, VMenu_default as VMenu, VMenuItem_default as VMenuItem, VNav_default as VNav, VNavDisclosure_default as VNavDisclosure, VNavItem_default as VNavItem, VNote_default as VNote, VNumberField_default as VNumberField, VOptgroup_default as VOptgroup, VOption_default as VOption, VPagination_default as VPagination, VPlatformSwitch_default as VPlatformSwitch, VPopover_default as VPopover, VProgress_default as VProgress, VProgressRing_default as VProgressRing, VRadio_default as VRadio, VRadioGroup_default as VRadioGroup, VRangeSlider_default as VRangeSlider, VRichTextEditor_default as VRichTextEditor, VRichTextView_default as VRichTextView, VSearchableSelect_default as VSearchableSelect, VSelect_default as VSelect, VSelectableBox_default as VSelectableBox, VSideDrawer_default as VSideDrawer, VSimpleColorPicker_default as VSimpleColorPicker, VSlider_default as VSlider, VSplitButton_default as VSplitButton, VStatus_default as VStatus, VSwitch_default as VSwitch, VTab_default as VTab, VTabPanel_default as VTabPanel, VTable_default as VTable, VTableBody_default as VTableBody, VTableCell_default as VTableCell, VTableHead_default as VTableHead, VTableHeaderCell_default as VTableHeaderCell, VTableRow_default as VTableRow, VTableSortingButton_default as VTableSortingButton, VTabs_default as VTabs, VTag_default as VTag, VTagGroup_default as VTagGroup, VTextArea_default as VTextArea, VTextField_default as VTextField, VTimePicker_default as VTimePicker, VToggletip_default as VToggletip, VTooltip_default as VTooltip, VTreeItem_default as VTreeItem, VTreeView_default as VTreeView, VVideoPlayer_default as VVideoPlayer, optionalStyles, setCustomComponentPrefix, vivid3, vividVue };