@vonage/vivid-vue 5.23.1 → 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: {
@@ -239,11 +239,25 @@ var VAccordionItem_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
+		* Optional supporting text shown below the heading text.
+		*/
+		secondaryText: {
+			type: String,
+			default: void 0
+		},
+		/**
 		* The size the accordion-item should have.
 		*/
 		size: {
 			type: String,
 			default: void 0
+		},
+		/**
+		* Optional supporting text shown below the heading text.
+		*/
+		textSecondary: {
+			type: String,
+			default: void 0
 		}
 	},
 	emits: [
@@ -275,7 +289,9 @@ var VAccordionItem_default = (0, vue.defineComponent)({
 				...this.id !== void 0 ? { "id": this.id } : {},
 				...this.meta !== void 0 ? { "meta": this.meta } : {},
 				...this.noIndicator !== void 0 ? { "no-indicator": this.noIndicator } : {},
-				...this.size !== void 0 ? { "size": this.size } : {}
+				...this.secondaryText !== void 0 ? { "secondary-text": this.secondaryText } : {},
+				...this.size !== void 0 ? { "size": this.size } : {},
+				...this.textSecondary !== void 0 ? { "text-secondary": this.textSecondary } : {}
 			},
 			class: "vvd-component",
 			on: {
@@ -320,7 +336,9 @@ var VAccordionItem_default = (0, vue.defineComponent)({
 				...this.id !== void 0 ? { "^id": this.id } : {},
 				...this.meta !== void 0 ? { "^meta": this.meta } : {},
 				...this.noIndicator !== void 0 && this.noIndicator !== false ? { "^no-indicator": this.noIndicator } : {},
-				...this.size !== void 0 ? { "^size": this.size } : {}
+				...this.secondaryText !== void 0 ? { "^secondary-text": this.secondaryText } : {},
+				...this.size !== void 0 ? { "^size": this.size } : {},
+				...this.textSecondary !== void 0 ? { "^text-secondary": this.textSecondary } : {}
 			}),
 			"onBlur": (event) => {
 				this.$emit("blur", event);
@@ -474,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: {
@@ -871,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,
@@ -907,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,
@@ -942,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,
@@ -1080,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: {
@@ -1213,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: {
@@ -1397,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,
@@ -1443,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,
@@ -1546,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,
@@ -1560,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,
@@ -1574,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,
@@ -1595,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,
@@ -1645,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: {
@@ -1689,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,
@@ -1704,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,
@@ -1725,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,
@@ -1746,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,
@@ -1760,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,
@@ -1797,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();
@@ -1938,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,
@@ -1959,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,
@@ -2074,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,
@@ -2208,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,
@@ -2236,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,
@@ -2258,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,
@@ -2286,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,
@@ -2300,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,
@@ -2442,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,
@@ -2508,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,
@@ -2528,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
@@ -2717,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,
@@ -2978,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: {
@@ -3030,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,
@@ -3134,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();
@@ -3542,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,
@@ -3570,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,
@@ -3711,8 +3732,15 @@ var VDataGridCell_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
+		* The connotation of the cell, affecting hover and selected colors.
+		*/
+		connotation: {
+			type: String,
+			default: void 0
+		},
+		/**
 		* 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: {
@@ -3727,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,
@@ -3764,6 +3792,7 @@ var VDataGridCell_default = (0, vue.defineComponent)({
 			ref: "element",
 			attrs: {
 				...this.cellType !== void 0 ? { "cell-type": this.cellType } : {},
+				...this.connotation !== void 0 ? { "connotation": this.connotation } : {},
 				...this.gridColumn !== void 0 ? { "grid-column": this.gridColumn } : {},
 				...this.selected !== void 0 ? { "selected": this.selected } : {},
 				...this.sortDirection !== void 0 ? { "sort-direction": this.sortDirection } : {}
@@ -3809,6 +3838,7 @@ var VDataGridCell_default = (0, vue.defineComponent)({
 			...handleVue3Props({
 				...this.cellType !== void 0 ? { "^cell-type": this.cellType } : {},
 				...this.columnDefinition !== void 0 ? { ".columnDefinition": this.columnDefinition } : {},
+				...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
 				...this.gridColumn !== void 0 ? { "^grid-column": this.gridColumn } : {},
 				...this.rowData !== void 0 ? { ".rowData": this.rowData } : {},
 				...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {},
@@ -3861,8 +3891,14 @@ var VDataGridRow_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* String that gets applied to the the css gridTemplateColumns attribute for the row
-		* x
+		* The connotation of the row, affecting hover and selected colors.
+		*/
+		connotation: {
+			type: String,
+			default: void 0
+		},
+		/**
+		* String that gets applied to the CSS gridTemplateColumns attribute for the row.
 		*/
 		gridTemplateColumns: {
 			type: String,
@@ -3898,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,
@@ -3926,6 +3962,7 @@ var VDataGridRow_default = (0, vue.defineComponent)({
 		if (isVue2) return (0, vue.h)(this.componentName, {
 			ref: "element",
 			attrs: {
+				...this.connotation !== void 0 ? { "connotation": this.connotation } : {},
 				...this.gridTemplateColumns !== void 0 ? { "grid-template-columns": this.gridTemplateColumns } : {},
 				...this.rowType !== void 0 ? { "row-type": this.rowType } : {},
 				...this.selected !== void 0 ? { "selected": this.selected } : {}
@@ -3971,6 +4008,7 @@ var VDataGridRow_default = (0, vue.defineComponent)({
 			...handleVue3Props({
 				...this.cellItemTemplate !== void 0 ? { ".cellItemTemplate": this.cellItemTemplate } : {},
 				...this.columnDefinitions !== void 0 ? { ".columnDefinitions": this.columnDefinitions } : {},
+				...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
 				...this.gridTemplateColumns !== void 0 ? { "^grid-template-columns": this.gridTemplateColumns } : {},
 				...this.headerCellItemTemplate !== void 0 ? { ".headerCellItemTemplate": this.headerCellItemTemplate } : {},
 				...this.rowData !== void 0 ? { ".rowData": this.rowData } : {},
@@ -4073,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,
@@ -4087,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,
@@ -4326,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,
@@ -4340,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,
@@ -4632,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,
@@ -4646,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,
@@ -4891,6 +4929,13 @@ var VDialPad_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
+		* Hides the letter labels shown below digit buttons
+		*/
+		noLetters: {
+			type: Boolean,
+			default: void 0
+		},
+		/**
 		* Regular expression to validate the value of the input element
 		*/
 		pattern: {
@@ -4950,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),
@@ -4981,6 +5022,7 @@ var VDialPad_default = (0, vue.defineComponent)({
 				...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
 				...this.noCall !== void 0 ? { "no-call": this.noCall } : {},
 				...this.noInput !== void 0 ? { "no-input": this.noInput } : {},
+				...this.noLetters !== void 0 ? { "no-letters": this.noLetters } : {},
 				...this.pattern !== void 0 ? { "pattern": this.pattern } : {},
 				...this.pending !== void 0 ? { "pending": this.pending } : {},
 				...this.placeholder !== void 0 ? { "placeholder": this.placeholder } : {},
@@ -5036,6 +5078,7 @@ var VDialPad_default = (0, vue.defineComponent)({
 				...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
 				...this.noCall !== void 0 && this.noCall !== false ? { "^no-call": this.noCall } : {},
 				...this.noInput !== void 0 && this.noInput !== false ? { "^no-input": this.noInput } : {},
+				...this.noLetters !== void 0 && this.noLetters !== false ? { "^no-letters": this.noLetters } : {},
 				...this.pattern !== void 0 ? { "^pattern": this.pattern } : {},
 				...this.pending !== void 0 && this.pending !== false ? { "^pending": this.pending } : {},
 				...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
@@ -5086,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,
@@ -5153,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
@@ -5181,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();
 		}
@@ -5424,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: {
@@ -5432,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,
@@ -5554,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,
@@ -5590,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: {
@@ -5678,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();
@@ -6048,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,
@@ -6139,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,
@@ -6243,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
@@ -6368,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
@@ -6543,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,
@@ -6650,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",
@@ -6680,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,
@@ -6724,9 +6967,6 @@ var VMenu_default = (0, vue.defineComponent)({
 		*/
 		focus() {
 			return this.element?.focus();
-		},
-		openChanged(_, newValue) {
-			return this.element?.openChanged(_, newValue);
 		}
 	},
 	setup(props, ctx) {
@@ -6888,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: {
@@ -7111,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,
@@ -7126,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,
@@ -7243,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",
@@ -7253,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,
@@ -7289,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: {
@@ -7297,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,
@@ -7451,7 +7694,7 @@ var VNote_default = (0, vue.defineComponent)({
 			default: void 0
 		},
 		/**
-		* Sets the headline text
+		* Sets the headline text.
 		*/
 		headline: {
 			type: String,
@@ -7459,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: {
@@ -7554,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
@@ -7593,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
@@ -7620,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,
@@ -7635,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,
@@ -7649,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,
@@ -7663,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,
@@ -7690,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
@@ -7776,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
 		*/
@@ -7792,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();
@@ -7934,9 +8188,82 @@ var VNumberField_default = (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/generated/components/VOptgroup.ts
+/**
+* Groups options within Select, Searchable Select, or Combobox components
+*/
+var VOptgroup_default = (0, vue.defineComponent)({
+	name: "VOptgroup",
+	emits: [
+		"blur",
+		"click",
+		"focus",
+		"input",
+		"keydown",
+		"keyup"
+	],
+	methods: {},
+	setup(props, ctx) {
+		return {
+			componentName: registerComponent("optgroup", _vonage_vivid.registerOptgroup),
+			element: (0, vue.ref)(null)
+		};
+	},
+	render() {
+		if (isVue2) return (0, vue.h)(this.componentName, {
+			ref: "element",
+			attrs: {},
+			class: "vvd-component",
+			on: {
+				"blur": (event) => {
+					this.$emit("blur", 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("label", this.$slots["label"])]);
+		return (0, vue.h)(this.componentName, {
+			ref: "element",
+			class: "vvd-component",
+			...handleVue3Props({}),
+			"onBlur": (event) => {
+				this.$emit("blur", 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("label", this.$slots["label"]?.())]);
+	}
+});
+//#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",
@@ -7968,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: {
@@ -7982,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,
@@ -8000,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
@@ -8011,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
@@ -8149,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
@@ -8171,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
@@ -8363,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,
@@ -8385,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,
@@ -8417,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();
 		},
@@ -8694,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
@@ -8796,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,
@@ -8847,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,
@@ -8992,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
@@ -9005,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,
@@ -9020,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,
@@ -9240,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,
@@ -9268,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,
@@ -9366,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();
 		},
@@ -9762,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
@@ -9780,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: {
@@ -9823,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
@@ -9842,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
@@ -9853,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
@@ -10163,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: {
@@ -10462,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,
@@ -10603,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,
@@ -10771,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,
@@ -10964,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,
@@ -10985,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,
@@ -11006,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,
@@ -11236,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: {
@@ -11390,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: {
@@ -11544,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,
@@ -11691,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,
@@ -11699,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: {
@@ -11714,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,
@@ -11728,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
@@ -11742,6 +12131,7 @@ var VTab_default = (0, vue.defineComponent)({
 	emits: [
 		"blur",
 		"click",
+		"close",
 		"focus",
 		"input",
 		"keydown",
@@ -11775,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);
 				},
@@ -11808,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);
 			},
@@ -12344,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) {
@@ -12441,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,
@@ -12568,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,
@@ -12583,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: {
@@ -12591,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,
@@ -12636,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) {
@@ -12840,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,
@@ -12870,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,
@@ -12899,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,
@@ -12934,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,
@@ -12963,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,
@@ -13005,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();
@@ -13148,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,
@@ -13191,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: {
@@ -13222,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,
@@ -13257,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,
@@ -13280,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
@@ -13354,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();
 		},
@@ -13371,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();
@@ -13561,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,
@@ -13589,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,
@@ -13603,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,
@@ -13798,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: [
@@ -13827,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 } : {} },
@@ -13864,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);
@@ -13900,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
@@ -13914,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: [
@@ -13937,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 } : {} },
@@ -13973,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);
@@ -14018,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: {
@@ -15804,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;
@@ -15811,6 +16247,7 @@ exports.VNavDisclosure = VNavDisclosure_default;
 exports.VNavItem = VNavItem_default;
 exports.VNote = VNote_default;
 exports.VNumberField = VNumberField_default;
+exports.VOptgroup = VOptgroup_default;
 exports.VOption = VOption_default;
 exports.VPagination = VPagination_default;
 exports.VPlatformSwitch = VPlatformSwitch_default;