@vonage/vivid-vue 5.24.0 → 5.25.0

package/dist/index.cjs

@@ -197,7 +197,7 @@ var VAccordionItem_default = (0, vue.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: {
@@ -206,7 +206,7 @@ var VAccordionItem_default = (0, vue.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: {
@@ -251,6 +251,13 @@ var VAccordionItem_default = (0, vue.defineComponent)({
 		size: {
 			type: String,
 			default: void 0
+		},
+		/**
+		* Optional supporting text shown below the heading text.
+		*/
+		textSecondary: {
+			type: String,
+			default: void 0
 		}
 	},
 	emits: [
@@ -283,7 +290,8 @@ var VAccordionItem_default = (0, vue.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: {
@@ -329,7 +337,8 @@ var VAccordionItem_default = (0, vue.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);
@@ -483,7 +492,7 @@ var VAlert_default = (0, vue.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: {
@@ -880,21 +889,21 @@ var VAvatar_default = (0, vue.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,
@@ -916,21 +925,21 @@ var VAvatar_default = (0, vue.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,
@@ -951,14 +960,14 @@ var VAvatar_default = (0, vue.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,
@@ -1089,7 +1098,7 @@ var VBadge_default = (0, vue.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: {
@@ -1222,7 +1231,7 @@ var VBanner_default = (0, vue.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: {
@@ -1406,42 +1415,42 @@ var VBreadcrumbItem_default = (0, vue.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,
@@ -1452,7 +1461,7 @@ var VBreadcrumbItem_default = (0, vue.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,
@@ -1555,7 +1564,7 @@ var VButton_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* The appearance the button should have.
+		* The appearance the Button should have.
 		*/
 		appearance: {
 			type: String,
@@ -1569,7 +1578,7 @@ var VButton_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* The connotation the button should have.
+		* The connotation the Button should have.
 		*/
 		connotation: {
 			type: String,
@@ -1583,7 +1592,7 @@ var VButton_default = (0, vue.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,
@@ -1604,49 +1613,49 @@ var VButton_default = (0, vue.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,
@@ -1654,7 +1663,7 @@ var VButton_default = (0, vue.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: {
@@ -1698,7 +1707,7 @@ var VButton_default = (0, vue.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,
@@ -1713,14 +1722,14 @@ var VButton_default = (0, vue.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,
@@ -1734,14 +1743,14 @@ var VButton_default = (0, vue.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,
@@ -1755,7 +1764,7 @@ var VButton_default = (0, vue.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,
@@ -1769,7 +1778,7 @@ var VButton_default = (0, vue.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,
@@ -1806,7 +1815,7 @@ var VButton_default = (0, vue.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();
@@ -1947,7 +1956,7 @@ var VCalendar_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Displays a time in 12 hour format
+		* Displays times in 12-hour format.
 		*/
 		hour12: {
 			type: Boolean,
@@ -1968,7 +1977,7 @@ var VCalendar_default = (0, vue.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,
@@ -2083,7 +2092,7 @@ var VCalendarEvent_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Sets the first day of the week to display
+		* Sets the event's connotation (color).
 		*/
 		connotation: {
 			type: String,
@@ -2217,14 +2226,14 @@ var VCard_default = (0, vue.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,
@@ -2245,14 +2254,14 @@ var VCard_default = (0, vue.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,
@@ -2267,21 +2276,21 @@ var VCard_default = (0, vue.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,
@@ -2295,7 +2304,7 @@ var VCard_default = (0, vue.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,
@@ -2309,7 +2318,7 @@ var VCard_default = (0, vue.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,
@@ -2451,7 +2460,7 @@ var VCheckbox_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* The connotation the checklist should have.
+		* The connotation the Checkbox should have.
 		*/
 		connotation: {
 			type: String,
@@ -2517,7 +2526,7 @@ var VCheckbox_default = (0, vue.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,
@@ -2537,6 +2546,9 @@ var VCheckbox_default = (0, vue.defineComponent)({
 			type: String,
 			default: void 0
 		},
+		/**
+		* The tab index of the Checkbox.
+		*/
 		tabindex: {
 			type: String,
 			default: void 0
@@ -2726,7 +2738,7 @@ var VColorPicker_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Limits number of swatches that can be saved.
+		* Limits the number of swatches that can be saved.
 		*/
 		maxSwatches: {
 			type: Number,
@@ -2987,7 +2999,7 @@ var VCombobox_default = (0, vue.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: {
@@ -3039,7 +3051,7 @@ var VCombobox_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* the placement of the combobox
+		* The placement of the Combobox.
 		*/
 		placement: {
 			type: String,
@@ -3143,7 +3155,7 @@ var VCombobox_default = (0, vue.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();
@@ -3551,14 +3563,14 @@ var VDataGrid_default = (0, vue.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,
@@ -3579,7 +3591,7 @@ var VDataGrid_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Templete to use when rendering rows
+		* Template to use when rendering rows
 		*/
 		rowItemTemplate: {
 			type: null,
@@ -3728,7 +3740,7 @@ var VDataGridCell_default = (0, vue.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: {
@@ -3743,7 +3755,7 @@ var VDataGridCell_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Reflects selected state of the row
+		* Reflects the selected state of the cell.
 		*/
 		selected: {
 			type: Boolean,
@@ -3886,8 +3898,7 @@ var VDataGridRow_default = (0, vue.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,
@@ -3923,7 +3934,7 @@ var VDataGridRow_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Reflects selected state of the row
+		* Reflects the selected state of the row.
 		*/
 		selected: {
 			type: Boolean,
@@ -4100,7 +4111,7 @@ var VDatePicker_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Whether the date-picker is readonly.
+		* Whether the picker is read-only.
 		*/
 		readonly: {
 			type: Boolean,
@@ -4114,7 +4125,7 @@ var VDatePicker_default = (0, vue.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,
@@ -4353,7 +4364,7 @@ var VDateRangePicker_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Whether the date-picker is readonly.
+		* Whether the picker is read-only.
 		*/
 		readonly: {
 			type: Boolean,
@@ -4367,7 +4378,7 @@ var VDateRangePicker_default = (0, vue.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,
@@ -4659,7 +4670,7 @@ var VDateTimePicker_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Whether the date-picker is readonly.
+		* Whether the picker is read-only.
 		*/
 		readonly: {
 			type: Boolean,
@@ -4673,7 +4684,7 @@ var VDateTimePicker_default = (0, vue.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,
@@ -4984,18 +4995,14 @@ var VDialPad_default = (0, vue.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", _vonage_vivid.registerDialPad),
@@ -5122,63 +5129,73 @@ var VDialog_default = (0, vue.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,
@@ -5189,12 +5206,15 @@ var VDialog_default = (0, vue.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
@@ -5217,12 +5237,21 @@ var VDialog_default = (0, vue.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();
 		}
@@ -5460,7 +5489,7 @@ var VEmptyState_default = (0, vue.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: {
@@ -5468,7 +5497,7 @@ var VEmptyState_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Has no effect on the component
+		* Has no effect on the component.
 		*/
 		iconDecoration: {
 			type: String,
@@ -5590,35 +5619,35 @@ var VFab_default = (0, vue.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,
@@ -5626,7 +5655,7 @@ var VFab_default = (0, vue.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: {
@@ -5714,7 +5743,7 @@ var VFab_default = (0, vue.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();
@@ -6084,7 +6113,7 @@ var VFlag_default = (0, vue.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,
@@ -6175,7 +6204,7 @@ var VHeader_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* header elevation shadow
+		* Applies an elevation shadow to the Header.
 		*/
 		elevationShadow: {
 			type: Boolean,
@@ -6279,14 +6308,16 @@ var VIcon_default = (0, vue.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
@@ -6404,6 +6435,9 @@ var VKbdKey_default = (0, vue.defineComponent)({
 			type: String,
 			default: void 0
 		},
+		/**
+		* The size the Kbd Key should have.
+		*/
 		size: {
 			type: String,
 			default: void 0
@@ -6579,28 +6613,28 @@ var VLayout_default = (0, vue.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,
@@ -6686,6 +6720,179 @@ var VLayout_default = (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/generated/components/VListbox.ts
+var VListbox_default = (0, vue.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", _vonage_vivid.registerListbox),
+			element: (0, vue.ref)(null)
+		};
+	},
+	render() {
+		if (isVue2) return (0, vue.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 (0, vue.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 = (0, vue.defineComponent)({
 	name: "VMenu",
@@ -6716,7 +6923,7 @@ var VMenu_default = (0, vue.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,
@@ -6760,9 +6967,6 @@ var VMenu_default = (0, vue.defineComponent)({
 		*/
 		focus() {
 			return this.element?.focus();
-		},
-		openChanged(_, newValue) {
-			return this.element?.openChanged(_, newValue);
 		}
 	},
 	setup(props, ctx) {
@@ -6924,7 +7128,7 @@ var VMenuItem_default = (0, vue.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: {
@@ -7147,14 +7351,14 @@ var VNavDisclosure_default = (0, vue.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,
@@ -7162,19 +7366,22 @@ var VNavDisclosure_default = (0, vue.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,
@@ -7279,7 +7486,7 @@ var VNavDisclosure_default = (0, vue.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 = (0, vue.defineComponent)({
 	name: "VNavItem",
@@ -7289,35 +7496,35 @@ var VNavItem_default = (0, vue.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,
@@ -7325,7 +7532,7 @@ var VNavItem_default = (0, vue.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: {
@@ -7333,42 +7540,42 @@ var VNavItem_default = (0, vue.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,
@@ -7487,7 +7694,7 @@ var VNote_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Sets the headline text
+		* Sets the headline text.
 		*/
 		headline: {
 			type: String,
@@ -7495,7 +7702,7 @@ var VNote_default = (0, vue.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: {
@@ -7590,17 +7797,23 @@ var VNumberField_default = (0, vue.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
@@ -7629,13 +7842,16 @@ var VNumberField_default = (0, vue.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
@@ -7656,7 +7872,7 @@ var VNumberField_default = (0, vue.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,
@@ -7671,6 +7887,7 @@ var VNumberField_default = (0, vue.defineComponent)({
 		},
 		/**
 		* The maximum number of characters a user can enter.
+		* Not currently enforced by constraint validation — see Known Issues.
 		*/
 		maxlength: {
 			type: Number,
@@ -7685,6 +7902,7 @@ var VNumberField_default = (0, vue.defineComponent)({
 		},
 		/**
 		* The minimum number of characters a user can enter.
+		* Not currently enforced by constraint validation — see Known Issues.
 		*/
 		minlength: {
 			type: Number,
@@ -7699,14 +7917,14 @@ var VNumberField_default = (0, vue.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,
@@ -7726,6 +7944,9 @@ var VNumberField_default = (0, vue.defineComponent)({
 			type: String,
 			default: void 0
 		},
+		/**
+		* The shape the Number Field should have.
+		*/
 		shape: {
 			type: String,
 			default: void 0
@@ -7812,9 +8033,6 @@ var VNumberField_default = (0, vue.defineComponent)({
 		select() {
 			return this.element?.select();
 		},
-		stepChanged(_, next) {
-			return this.element?.stepChanged(_, next);
-		},
 		/**
 		* Decrements the value using the step value
 		*/
@@ -7828,7 +8046,7 @@ var VNumberField_default = (0, vue.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();
@@ -8045,7 +8263,7 @@ var VOptgroup_default = (0, vue.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 = (0, vue.defineComponent)({
 	name: "VOption",
@@ -8077,7 +8295,7 @@ var VOption_default = (0, vue.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: {
@@ -8091,12 +8309,15 @@ var VOption_default = (0, vue.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,
@@ -8109,6 +8330,11 @@ var VOption_default = (0, vue.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
@@ -8120,6 +8346,9 @@ var VOption_default = (0, vue.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
@@ -8258,10 +8487,16 @@ var VPagination_default = (0, vue.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
@@ -8280,6 +8515,9 @@ var VPagination_default = (0, vue.defineComponent)({
 			type: String,
 			default: void 0
 		},
+		/**
+		* Sets the total number of pages.
+		*/
 		total: {
 			type: Number,
 			default: void 0
@@ -8472,7 +8710,7 @@ var VPopover_default = (0, vue.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,
@@ -8494,7 +8732,7 @@ var VPopover_default = (0, vue.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,
@@ -8526,12 +8764,21 @@ var VPopover_default = (0, vue.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();
 		},
@@ -8803,6 +9050,9 @@ var VProgressRing_default = (0, vue.defineComponent)({
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* Sets the size of the Progress Ring.
+		*/
 		size: {
 			type: Number,
 			default: void 0
@@ -8905,7 +9155,7 @@ var VRadio_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* The connotation the radioButton should have.
+		* The connotation the Radio should have.
 		*/
 		connotation: {
 			type: String,
@@ -8956,7 +9206,7 @@ var VRadio_default = (0, vue.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,
@@ -9101,6 +9351,9 @@ var VRadioGroup_default = (0, vue.defineComponent)({
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* Provides a custom error message.
+		*/
 		errorText: {
 			type: String,
 			default: void 0
@@ -9114,7 +9367,7 @@ var VRadioGroup_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Label of the the Radio Group
+		* Label of the Radio Group
 		*/
 		label: {
 			type: String,
@@ -9129,14 +9382,14 @@ var VRadioGroup_default = (0, vue.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,
@@ -9349,7 +9602,7 @@ var VRangeSlider_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Display markers on/off
+		* Displays tick marks along the Range Slider.
 		*/
 		markers: {
 			type: Boolean,
@@ -9377,7 +9630,7 @@ var VRangeSlider_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* The orientation of the slider.
+		* The orientation of the Range Slider.
 		*/
 		orientation: {
 			type: String,
@@ -9475,6 +9728,9 @@ var VRangeSlider_default = (0, vue.defineComponent)({
 		checkValidity() {
 			return this.element?.checkValidity();
 		},
+		/**
+		* Resets `start` and `end` to their initial values when the form is reset.
+		*/
 		formResetCallback() {
 			return this.element?.formResetCallback();
 		},
@@ -9871,10 +10127,16 @@ var VSearchableSelect_default = (0, vue.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
@@ -9889,7 +10151,7 @@ var VSearchableSelect_default = (0, vue.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: {
@@ -9932,14 +10194,23 @@ var VSearchableSelect_default = (0, vue.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
@@ -9951,6 +10222,9 @@ var VSearchableSelect_default = (0, vue.defineComponent)({
 			type: String,
 			default: void 0
 		},
+		/**
+		* Indicates whether the dropdown is open.
+		*/
 		open: {
 			type: Boolean,
 			default: void 0
@@ -9962,6 +10236,9 @@ var VSearchableSelect_default = (0, vue.defineComponent)({
 			type: null,
 			default: void 0
 		},
+		/**
+		* Text to be displayed when no option has been selected.
+		*/
 		placeholder: {
 			type: String,
 			default: void 0
@@ -10272,7 +10549,7 @@ var VSelect_default = (0, vue.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: {
@@ -10571,42 +10848,42 @@ var VSelectableBox_default = (0, vue.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,
@@ -10712,21 +10989,21 @@ var VSideDrawer_default = (0, vue.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,
@@ -10880,7 +11157,7 @@ var VSimpleColorPicker_default = (0, vue.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,
@@ -11073,7 +11350,7 @@ var VSlider_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Display markers on/off
+		* Displays tick marks along the Slider.
 		*/
 		markers: {
 			type: Boolean,
@@ -11094,7 +11371,7 @@ var VSlider_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* The selection mode.
+		* Reserved for future support of additional selection modes. Currently only `single-value` is supported.
 		*/
 		mode: {
 			type: String,
@@ -11115,14 +11392,14 @@ var VSlider_default = (0, vue.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,
@@ -11345,7 +11622,7 @@ var VSplitButton_default = (0, vue.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: {
@@ -11499,7 +11776,7 @@ var VStatus_default = (0, vue.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: {
@@ -11653,7 +11930,7 @@ var VSwitch_default = (0, vue.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,
@@ -11800,7 +12077,7 @@ var VTab_default = (0, vue.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,
@@ -11808,7 +12085,7 @@ var VTab_default = (0, vue.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: {
@@ -11823,7 +12100,7 @@ var VTab_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Indicates the tab's label.
+		* Indicates the Tab's label.
 		*/
 		label: {
 			type: String,
@@ -11837,12 +12114,15 @@ var VTab_default = (0, vue.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
@@ -11851,6 +12131,7 @@ var VTab_default = (0, vue.defineComponent)({
 	emits: [
 		"blur",
 		"click",
+		"close",
 		"focus",
 		"input",
 		"keydown",
@@ -11884,6 +12165,9 @@ var VTab_default = (0, vue.defineComponent)({
 				"click": (event) => {
 					this.$emit("click", event);
 				},
+				"close": (event) => {
+					this.$emit("close", event);
+				},
 				"focus": (event) => {
 					this.$emit("focus", event);
 				},
@@ -11917,6 +12201,9 @@ var VTab_default = (0, vue.defineComponent)({
 			"onClick": (event) => {
 				this.$emit("click", event);
 			},
+			"onClose": (event) => {
+				this.$emit("close", event);
+			},
 			"onFocus": (event) => {
 				this.$emit("focus", event);
 			},
@@ -12453,7 +12740,11 @@ var VTableSortingButton_default = (0, vue.defineComponent)({
 		"keyup",
 		"sort"
 	],
-	methods: { toggleSort() {
+	methods: { 
+	/**
+	* Toggles the sort direction and emits the `sort` event.
+	*/
+toggleSort() {
 		return this.element?.toggleSort();
 	} },
 	setup(props, ctx) {
@@ -12550,7 +12841,7 @@ var VTabs_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* The orientation
+		* Sets the axis along which the tabs are aligned.
 		*/
 		orientation: {
 			type: String,
@@ -12677,14 +12968,14 @@ var VTag_default = (0, vue.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,
@@ -12692,7 +12983,7 @@ var VTag_default = (0, vue.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: {
@@ -12700,35 +12991,35 @@ var VTag_default = (0, vue.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,
@@ -12745,7 +13036,11 @@ var VTag_default = (0, vue.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) {
@@ -12949,7 +13244,7 @@ var VTextArea_default = (0, vue.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,
@@ -12979,7 +13274,7 @@ var VTextArea_default = (0, vue.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,
@@ -13008,14 +13303,14 @@ var VTextArea_default = (0, vue.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,
@@ -13043,8 +13338,7 @@ var VTextArea_default = (0, vue.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,
@@ -13072,7 +13366,7 @@ var VTextArea_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* The wrap attribute
+		* Controls how the text is wrapped when the form is submitted.
 		*/
 		wrap: {
 			type: String,
@@ -13114,7 +13408,7 @@ var VTextArea_default = (0, vue.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();
@@ -13257,13 +13551,15 @@ var VTextField_default = (0, vue.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,
@@ -13300,7 +13596,7 @@ var VTextField_default = (0, vue.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: {
@@ -13331,7 +13627,7 @@ var VTextField_default = (0, vue.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,
@@ -13366,16 +13662,16 @@ var VTextField_default = (0, vue.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,
@@ -13389,12 +13685,15 @@ var VTextField_default = (0, vue.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
@@ -13463,6 +13762,9 @@ var VTextField_default = (0, vue.defineComponent)({
 		checkValidity() {
 			return this.element?.checkValidity();
 		},
+		/**
+		* Moves focus to the Text Field's input element.
+		*/
 		focus() {
 			return this.element?.focus();
 		},
@@ -13480,7 +13782,7 @@ var VTextField_default = (0, vue.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();
@@ -13670,14 +13972,14 @@ var VTimePicker_default = (0, vue.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,
@@ -13698,7 +14000,7 @@ var VTimePicker_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Whether the date-picker is readonly.
+		* Whether the picker is read-only.
 		*/
 		readonly: {
 			type: Boolean,
@@ -13712,7 +14014,7 @@ var VTimePicker_default = (0, vue.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,
@@ -13907,11 +14209,18 @@ var VToggletip_default = (0, vue.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: [
@@ -13936,7 +14245,8 @@ var VToggletip_default = (0, vue.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 } : {} },
@@ -13973,7 +14283,8 @@ var VToggletip_default = (0, vue.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);
@@ -14009,10 +14320,16 @@ var VTooltip_default = (0, vue.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
@@ -14023,6 +14340,13 @@ var VTooltip_default = (0, vue.defineComponent)({
 		text: {
 			type: String,
 			default: void 0
+		},
+		/**
+		* Optional supporting text displayed below the Tooltip's primary text.
+		*/
+		textSecondary: {
+			type: String,
+			default: void 0
 		}
 	},
 	emits: [
@@ -14046,7 +14370,8 @@ var VTooltip_default = (0, vue.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 } : {} },
@@ -14082,7 +14407,8 @@ var VTooltip_default = (0, vue.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);
@@ -14127,7 +14453,7 @@ var VTreeItem_default = (0, vue.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: {
@@ -15913,6 +16239,7 @@ exports.VIcon = VIcon_default;
 exports.VKbdKey = VKbdKey_default;
 exports.VKbdShortcut = VKbdShortcut_default;
 exports.VLayout = VLayout_default;
+exports.VListbox = VListbox_default;
 exports.VMenu = VMenu_default;
 exports.VMenuItem = VMenuItem_default;
 exports.VNav = VNav_default;