@vonage/vivid-test-utils 5.24.0 → 5.27.0

package/dist/components.generated.d.ts

@@ -1,6 +1,6 @@
 import { DriverT } from './drivers/driver';
 import { BaseComponent, BaseWrapper, ComponentCollectionExpectations, ComponentCollectionLocator, Context } from './base';
-import { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcCountryElement, VwcCountryGroupElement, VwcDataGridElement, VwcDataGridCellElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialPadElement, VwcDialogElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcFlagElement, VwcHeaderElement, VwcIconElement, VwcKbdKeyElement, VwcKbdShortcutElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavElement, VwcNavDisclosureElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptgroupElement, VwcOptionElement, VwcPaginationElement, VwcPlatformSwitchElement, VwcPopoverElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcRichTextViewElement, VwcSearchableSelectElement, VwcSelectElement, VwcSelectableBoxElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcStatusElement, VwcSwitchElement, VwcTabElement, VwcTabPanelElement, VwcTableElement, VwcTableBodyElement, VwcTableCellElement, VwcTableHeadElement, VwcTableHeaderCellElement, VwcTableRowElement, VwcTableSortingButtonElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement, RteInstance, RteView } from '@vonage/vivid';
+import { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcCountryElement, VwcCountryGroupElement, VwcDataGridElement, VwcDataGridCellElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialPadElement, VwcDialogElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcFlagElement, VwcFormFieldElement, VwcHeaderElement, VwcIconElement, VwcKbdKeyElement, VwcKbdShortcutElement, VwcLayoutElement, VwcListboxElement, VwcMenuElement, VwcMenuItemElement, VwcNavElement, VwcNavDisclosureElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptgroupElement, VwcOptionElement, VwcPaginationElement, VwcPlatformSwitchElement, VwcPopoverElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcRichTextViewElement, VwcSearchableSelectElement, VwcSelectElement, VwcSelectableBoxElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcStatusElement, VwcSwitchElement, VwcTabElement, VwcTabPanelElement, VwcTableElement, VwcTableBodyElement, VwcTableCellElement, VwcTableHeadElement, VwcTableHeaderCellElement, VwcTableRowElement, VwcTableSortingButtonElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement, RteInstance, RteView } from '@vonage/vivid';
 type IconId = string;
 type AccordionProps = {
     expandMode: 'single' | 'multi';
@@ -31,7 +31,7 @@ type AccordionItemProps = {
     appearance: 'ghost' | 'filled' | 'ghost-light';
     expanded: boolean;
     heading: string;
-    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    headingLevel: 2 | 6 | 4 | 5 | 3 | 1;
     icon: IconId;
     iconTrailing: boolean;
     id: string;
@@ -39,6 +39,7 @@ type AccordionItemProps = {
     noIndicator: boolean;
     secondaryText: string;
     size: 'condensed' | 'normal';
+    textSecondary: string;
 };
 export declare class AccordionItemWrapper<D extends DriverT> extends BaseWrapper<D, VwcAccordionItemElement> {
     type: "accordionItem";
@@ -96,12 +97,12 @@ export declare class ActionGroupExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof ActionGroupProps>(propName: T, value: ActionGroupProps[T]) => D["expectReturn"];
 }
 type AlertProps = {
-    connotation: 'accent' | 'success' | 'alert' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement';
     dismissButtonAriaLabel: string;
     headline: string;
     icon: IconId;
     open: boolean;
-    placement: 'top' | 'bottom' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+    placement: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
     removable: boolean;
     strategy: 'fixed' | 'static';
     text: string;
@@ -214,7 +215,8 @@ export declare class AvatarExpectations<D extends DriverT> {
 }
 type BadgeProps = {
     appearance: 'filled' | 'duotone' | 'subtle' | 'subtle-light';
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement' | 'cta';
+    count: boolean;
     icon: IconId;
     iconTrailing: boolean;
     shape: 'rounded' | 'pill';
@@ -245,7 +247,7 @@ export declare class BadgeExpectations<D extends DriverT> {
     toHaveIcon: (value: any) => D["expectReturn"];
 }
 type BannerProps = {
-    connotation: 'success' | 'alert' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'information' | 'success' | 'warning' | 'announcement';
     dismissAriaLabel: string;
     icon: IconId;
     removable: boolean;
@@ -335,7 +337,7 @@ type ButtonProps = {
     active: boolean;
     appearance: 'ghost' | 'filled' | 'outlined' | 'ghost-light' | 'outlined-light';
     autofocus: boolean;
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'announcement';
+    connotation: 'alert' | 'accent' | 'success' | 'announcement' | 'cta';
     disabled: boolean;
     download: string;
     dropdownIndicator: boolean;
@@ -423,7 +425,7 @@ export declare class CalendarExpectations<D extends DriverT> {
 }
 type CalendarEventProps = {
     appearance: 'filled' | 'duotone' | 'subtle';
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement' | 'cta';
     description: string;
     duration: number;
     heading: string;
@@ -598,7 +600,7 @@ type ComboboxProps = {
     open: boolean;
     options: VwcOptionElement[];
     placeholder: string;
-    placement: 'top' | 'bottom';
+    placement: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
     required: boolean;
     scale: 'condensed' | 'normal';
     selectedIndex: number;
@@ -638,7 +640,7 @@ export declare class ComboboxExpectations<D extends DriverT> {
     toHaveVisibleError: (value: any) => D["expectReturn"];
 }
 type ContextualHelpProps = {
-    placement: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
+    placement: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left' | 'right' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
 };
 export declare class ContextualHelpWrapper<D extends DriverT> extends BaseWrapper<D, VwcContextualHelpElement> {
     type: "contextualHelp";
@@ -1090,7 +1092,7 @@ export declare class DividerExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof DividerProps>(propName: T, value: DividerProps[T]) => D["expectReturn"];
 }
 type EmptyStateProps = {
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'warning' | 'information';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'cta';
     headline: string;
     icon: IconId;
     iconDecoration: 'filled' | 'outlined';
@@ -1119,7 +1121,7 @@ export declare class EmptyStateExpectations<D extends DriverT> {
 }
 type FabProps = {
     autofocus: boolean;
-    connotation: 'accent' | 'cta' | 'announcement';
+    connotation: 'accent' | 'announcement' | 'cta';
     disabled: boolean;
     form: string;
     formaction: string;
@@ -1209,7 +1211,7 @@ export declare class FilePickerExpectations<D extends DriverT> {
 type FlagProps = {
     code: string;
     label: string;
-    size: 0 | 1 | -1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2;
+    size: 0 | 2 | 4 | 5 | 3 | 1 | -1 | -6 | -5 | -4 | -3 | -2;
 };
 export declare class FlagWrapper<D extends DriverT> extends BaseWrapper<D, VwcFlagElement> {
     type: "flag";
@@ -1234,6 +1236,31 @@ export declare class FlagExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof FlagProps>(propName: T, value: FlagProps[T]) => D["expectReturn"];
     toHaveCode: (value: any) => D["expectReturn"];
 }
+type FormFieldProps = {
+    state: 'success' | 'error';
+};
+export declare class FormFieldWrapper<D extends DriverT> extends BaseWrapper<D, VwcFormFieldElement> {
+    type: "formField";
+    componentInfo: {
+        name: string;
+    };
+    blur: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    hover: () => D["actionReturn"];
+}
+export declare class FormField<D extends DriverT> extends BaseComponent<D, FormFieldWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): FormFieldWrapper<D>;
+    byTestId: (id: string) => FormFieldWrapper<D>;
+}
+export declare class FormFieldExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: FormFieldWrapper<D>);
+    toHaveProp: <T extends keyof FormFieldProps>(propName: T, value: FormFieldProps[T]) => D["expectReturn"];
+}
 type HeaderProps = {
     alternate: boolean;
     elevationShadow: boolean;
@@ -1261,10 +1288,10 @@ export declare class HeaderExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof HeaderProps>(propName: T, value: HeaderProps[T]) => D["expectReturn"];
 }
 type IconProps = {
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement' | 'cta';
     label: string;
     name: IconId;
-    size: 0 | 1 | -1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2;
+    size: 0 | 2 | 4 | 5 | 3 | 1 | -1 | -6 | -5 | -4 | -3 | -2;
 };
 export declare class IconWrapper<D extends DriverT> extends BaseWrapper<D, VwcIconElement> {
     type: "icon";
@@ -1293,7 +1320,7 @@ type KbdKeyProps = {
     appearance: 'outlined' | 'subtle' | 'dropshadow';
     keyboard: 'auto' | 'standard' | 'apple';
     keyshortcutsKey: string;
-    name: 'Alt' | 'Control' | 'Shift' | 'Enter' | 'Tab' | 'Space' | 'Backspace' | 'Escape' | 'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'End' | 'Home' | 'PageUp' | 'PageDown' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'Mod' | 'Custom';
+    name: '0' | '1' | '2' | '3' | '4' | '5' | '6' | 'Alt' | 'Control' | 'Shift' | 'Enter' | 'Tab' | 'Space' | 'Backspace' | 'Escape' | 'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'End' | 'Home' | 'PageUp' | 'PageDown' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z' | '7' | '8' | '9' | 'Mod' | 'Custom';
     size: 'condensed' | 'normal' | 'expanded' | 'super-condensed';
 };
 export declare class KbdKeyWrapper<D extends DriverT> extends BaseWrapper<D, VwcKbdKeyElement> {
@@ -1369,12 +1396,43 @@ export declare class LayoutExpectations<D extends DriverT> {
     constructor(ctx: Context<D>, wrapper: LayoutWrapper<D>);
     toHaveProp: <T extends keyof LayoutProps>(propName: T, value: LayoutProps[T]) => D["expectReturn"];
 }
+type ListboxProps = {
+    optionFilter: ((option: VwcOptionElement, searchText: string) => boolean);
+    requiredSelection: 'none' | 'selectable' | 'any';
+    searchText: string;
+    selectionBehavior: 'replace' | 'toggle';
+    selectionMode: 'single' | 'multiple';
+    value: string;
+    values: string[];
+};
+export declare class ListboxWrapper<D extends DriverT> extends BaseWrapper<D, VwcListboxElement> {
+    type: "listbox";
+    componentInfo: {
+        name: string;
+    };
+    blur: () => D["actionReturn"];
+    focus: () => D["actionReturn"];
+    hover: () => D["actionReturn"];
+}
+export declare class Listbox<D extends DriverT> extends BaseComponent<D, ListboxWrapper<D>> {
+    componentInfo: {
+        name: string;
+    };
+    wrap(locator: D['locator']): ListboxWrapper<D>;
+    byTestId: (id: string) => ListboxWrapper<D>;
+}
+export declare class ListboxExpectations<D extends DriverT> {
+    private readonly ctx;
+    private readonly wrapper;
+    constructor(ctx: Context<D>, wrapper: ListboxWrapper<D>);
+    toHaveProp: <T extends keyof ListboxProps>(propName: T, value: ListboxProps[T]) => D["expectReturn"];
+}
 type MenuProps = {
     anchor: string | HTMLElement;
     autoDismiss: boolean;
     offset: number;
     open: boolean;
-    placement: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
+    placement: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left' | 'right' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
     positionStrategy: 'fixed' | 'absolute';
     trigger: 'auto' | 'off' | 'legacy';
 };
@@ -1546,7 +1604,7 @@ export declare class NavItemExpectations<D extends DriverT> {
     toHaveIcon: (value: any) => D["expectReturn"];
 }
 type NoteProps = {
-    connotation: 'accent' | 'success' | 'alert' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement';
     headline: string;
     icon: IconId;
 };
@@ -1760,7 +1818,7 @@ type PopoverProps = {
     manual: boolean;
     offset: number;
     open: boolean;
-    placement: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
+    placement: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left' | 'right' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
 };
 export declare class PopoverWrapper<D extends DriverT> extends BaseWrapper<D, VwcPopoverElement> {
     type: "popover";
@@ -1785,7 +1843,7 @@ export declare class PopoverExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof PopoverProps>(propName: T, value: PopoverProps[T]) => D["expectReturn"];
 }
 type ProgressProps = {
-    connotation: 'accent' | 'cta' | 'success' | 'alert' | 'pacific';
+    connotation: 'alert' | 'accent' | 'success' | 'cta' | 'pacific';
     max: number;
     min: number;
     paused: boolean;
@@ -1816,11 +1874,11 @@ export declare class ProgressExpectations<D extends DriverT> {
     toHaveProp: <T extends keyof ProgressProps>(propName: T, value: ProgressProps[T]) => D["expectReturn"];
 }
 type ProgressRingProps = {
-    connotation: 'accent' | 'cta' | 'success' | 'alert';
+    connotation: 'alert' | 'accent' | 'success' | 'cta';
     max: number;
     min: number;
     paused: boolean;
-    size: 0 | 1 | -1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2;
+    size: 0 | 2 | 4 | 5 | 3 | 1 | -1 | -6 | -5 | -4 | -3 | -2;
     value: number;
 };
 export declare class ProgressRingWrapper<D extends DriverT> extends BaseWrapper<D, VwcProgressRingElement> {
@@ -1972,6 +2030,7 @@ export declare class RangeSliderExpectations<D extends DriverT> {
     toHaveVisibleError: (value: any) => D["expectReturn"];
 }
 type RichTextEditorProps = {
+    appearance: 'fieldset';
     instance: RteInstance;
 };
 export declare class RichTextEditorWrapper<D extends DriverT> extends BaseWrapper<D, VwcRichTextEditorElement> {
@@ -2205,7 +2264,7 @@ type SimpleColorPickerProps = {
     label: string;
     name: string;
     open: boolean;
-    placement: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
+    placement: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left' | 'right' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
     required: boolean;
     swatches: {
         label?: string;
@@ -2285,7 +2344,7 @@ export declare class SliderExpectations<D extends DriverT> {
 }
 type SplitButtonProps = {
     appearance: 'ghost' | 'filled' | 'outlined' | 'outlined-light';
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'announcement';
+    connotation: 'alert' | 'accent' | 'success' | 'announcement' | 'cta';
     disabled: boolean;
     icon: IconId;
     indicatorAriaLabel: string;
@@ -2321,7 +2380,7 @@ export declare class SplitButtonExpectations<D extends DriverT> {
     toHaveIcon: (value: any) => D["expectReturn"];
 }
 type StatusProps = {
-    connotation: 'alert' | 'success' | 'warning' | 'information';
+    connotation: 'alert' | 'information' | 'success' | 'warning';
     icon: IconId;
     status: string;
 };
@@ -2350,7 +2409,7 @@ export declare class StatusExpectations<D extends DriverT> {
 }
 type SwitchProps = {
     checked: boolean;
-    connotation: 'accent' | 'cta' | 'success' | 'alert' | 'announcement';
+    connotation: 'alert' | 'accent' | 'success' | 'announcement' | 'cta';
     defaultChecked: boolean;
     disabled: boolean;
     initialValue: string;
@@ -2637,7 +2696,7 @@ export declare class TabsExpectations<D extends DriverT> {
 }
 type TagProps = {
     appearance: 'duotone' | 'subtle' | 'subtle-light';
-    connotation: 'alert' | 'accent' | 'cta' | 'success' | 'warning' | 'information' | 'announcement';
+    connotation: 'alert' | 'accent' | 'information' | 'success' | 'warning' | 'announcement' | 'cta';
     disabled: boolean;
     icon: IconId;
     label: string;
@@ -2776,7 +2835,7 @@ type TextFieldProps = {
     size: number;
     spellcheck: boolean;
     successText: string;
-    type: 'text' | 'email' | 'password' | 'tel' | 'url';
+    type: 'text' | 'search' | 'email' | 'password' | 'tel' | 'url';
     value: string;
 };
 export declare class TextFieldWrapper<D extends DriverT> extends BaseWrapper<D, VwcTextFieldElement> {
@@ -2856,7 +2915,8 @@ type ToggletipProps = {
     anchor: string | HTMLElement;
     headline: string;
     open: boolean;
-    placement: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
+    placement: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left' | 'right' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
+    textSecondary: string;
 };
 export declare class ToggletipWrapper<D extends DriverT> extends BaseWrapper<D, VwcToggletipElement> {
     type: "toggletip";
@@ -2886,8 +2946,9 @@ export declare class ToggletipExpectations<D extends DriverT> {
 type TooltipProps = {
     anchor: string | HTMLElement;
     open: boolean;
-    placement: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
+    placement: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left' | 'right' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
     text: string;
+    textSecondary: string;
 };
 export declare class TooltipWrapper<D extends DriverT> extends BaseWrapper<D, VwcTooltipElement> {
     type: "tooltip";
@@ -3035,11 +3096,13 @@ type Expectations<D extends DriverT> = {
     fab: FabExpectations<D>;
     filePicker: FilePickerExpectations<D>;
     flag: FlagExpectations<D>;
+    formField: FormFieldExpectations<D>;
     header: HeaderExpectations<D>;
     icon: IconExpectations<D>;
     kbdKey: KbdKeyExpectations<D>;
     kbdShortcut: KbdShortcutExpectations<D>;
     layout: LayoutExpectations<D>;
+    listbox: ListboxExpectations<D>;
     menu: MenuExpectations<D>;
     menuItem: MenuItemExpectations<D>;
     nav: NavExpectations<D>;
@@ -3129,11 +3192,13 @@ export declare class VividWrapper<D extends DriverT> {
     fab: Fab<D>;
     filePicker: FilePicker<D>;
     flag: Flag<D>;
+    formField: FormField<D>;
     header: Header<D>;
     icon: Icon<D>;
     kbdKey: KbdKey<D>;
     kbdShortcut: KbdShortcut<D>;
     layout: Layout<D>;
+    listbox: Listbox<D>;
     menu: Menu<D>;
     menuItem: MenuItem<D>;
     nav: Nav<D>;

package/dist/cypress.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components.generated-F5OOqa3y.cjs`);var t=async()=>new Promise(e=>requestAnimationFrame(()=>e())),n=e=>{let n=t=>t===e,r,i=e=>{let t=r;return((...n)=>{let r=window.Error;window.Error=class extends Error{constructor(e){super(e),e===`userInvocationStack`&&(this.stack=t)}static captureStackTrace(e,t){e.message!==`userInvocationStack`&&super.captureStackTrace(e,t)}};try{return e(...n)}finally{window.Error=r}})};return{querySelector:(e,t)=>i(()=>n(e)?e.get(t):e().find(t)),enterShadow:e=>i(()=>e().shadow()),querySelectorAll:(e,t)=>i(()=>n(e)?e.get(t):e().find(t)),nth:(e,t)=>i(()=>e().eq(t)),userClick:e=>e().click(),userClear:e=>e().clear(),userFocus:e=>e().focus(),userBlur:e=>e().blur(),userHover:e=>e().then(e=>e.get(0).dispatchEvent(new MouseEvent(`mouseover`))),userFill:(e,t)=>t===``?e().clear():e().clear().type(t),userDragSlider:(e,n,r,i)=>{e().then(e=>{r().then(async n=>{let r=e.get(0),a=n.get(0);a.id===`start-thumb`?(r.startAsNumber=i,r.$emit(`input:start`),r.$emit(`input`)):a.id===`end-thumb`?(r.endAsNumber=i,r.$emit(`input:end`),r.$emit(`input`)):r.valueAsNumber=i,await t()})})},eval:(e,t,n,i)=>{let a=r;e().then(async e=>{r=a;try{let r=await t(e.get(0),n);await i?.(r)}finally{r=void 0}})},waitForUpdate(e){e().then(()=>new Promise(e=>{requestAnimationFrame(()=>{e()})}))},expectEq:(e,t,n)=>{let i=r;switch(e.type){case`eval`:e.el().should(r=>{try{expect(e.fn(r.get(0),e.arg)).to.deep.equal(t)}catch(e){let t=Error(`${n}\n\nOriginal error: ${e.message}`);throw i&&(t.stack=i),t}});break;case`count`:e.el().should(`have.length`,t);break}},wrapAction:e=>function t(...n){if(!r){let e=Error();Error.captureStackTrace(e,t),r=e.stack}try{return e(...n)}finally{r=void 0}},wrapExpect:e=>function t(...n){if(!r){let e=Error();Error.captureStackTrace(e,t),r=e.stack}try{return e(...n)}finally{r=void 0}},wrapSelector:e=>function t(...n){if(!r){let e=Error();Error.captureStackTrace(e,t),r=e.stack}try{return e(...n)}finally{r=void 0}}}},r=t=>new e.t({rootLocator:t,driver:n(t)});exports.vividCypress=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components.generated-DcMBaOF8.cjs");var t=async()=>new Promise(e=>requestAnimationFrame(()=>e())),n=e=>{let n=t=>t===e,r,i=e=>{let t=r;return((...n)=>{let r=window.Error;window.Error=class extends Error{constructor(e){super(e),e===`userInvocationStack`&&(this.stack=t)}static captureStackTrace(e,t){e.message!==`userInvocationStack`&&super.captureStackTrace(e,t)}};try{return e(...n)}finally{window.Error=r}})};return{querySelector:(e,t)=>i(()=>n(e)?e.get(t):e().find(t)),enterShadow:e=>i(()=>e().shadow()),querySelectorAll:(e,t)=>i(()=>n(e)?e.get(t):e().find(t)),nth:(e,t)=>i(()=>e().eq(t)),userClick:e=>e().click(),userClear:e=>e().clear(),userFocus:e=>e().focus(),userBlur:e=>e().blur(),userHover:e=>e().then(e=>e.get(0).dispatchEvent(new MouseEvent(`mouseover`))),userFill:(e,t)=>t===``?e().clear():e().clear().type(t),userDragSlider:(e,n,r,i)=>{e().then(e=>{r().then(async n=>{let r=e.get(0),a=n.get(0);a.id===`start-thumb`?(r.startAsNumber=i,r.$emit(`input:start`),r.$emit(`input`)):a.id===`end-thumb`?(r.endAsNumber=i,r.$emit(`input:end`),r.$emit(`input`)):r.valueAsNumber=i,await t()})})},eval:(e,t,n,i)=>{let a=r;e().then(async e=>{r=a;try{let r=await t(e.get(0),n);await i?.(r)}finally{r=void 0}})},waitForUpdate(e){e().then(()=>new Promise(e=>{requestAnimationFrame(()=>{e()})}))},expectEq:(e,t,n)=>{let i=r;switch(e.type){case`eval`:e.el().should(r=>{try{expect(e.fn(r.get(0),e.arg)).to.deep.equal(t)}catch(e){let t=Error(`${n}\n\nOriginal error: ${e.message}`);throw i&&(t.stack=i),t}});break;case`count`:e.el().should(`have.length`,t)}},wrapAction:e=>function t(...n){if(!r){let e=Error();Error.captureStackTrace(e,t),r=e.stack}try{return e(...n)}finally{r=void 0}},wrapExpect:e=>function t(...n){if(!r){let e=Error();Error.captureStackTrace(e,t),r=e.stack}try{return e(...n)}finally{r=void 0}},wrapSelector:e=>function t(...n){if(!r){let e=Error();Error.captureStackTrace(e,t),r=e.stack}try{return e(...n)}finally{r=void 0}}}},r=t=>{let r={rootLocator:t,driver:n(t)};return new e.t(r)};exports.vividCypress=r;

package/dist/cypress.js

@@ -1,4 +1,4 @@
-import { t as e } from "./components.generated-CbtYzUoa.js";
+import { t as e } from "./components.generated-B-6jlcsc.js";
 //#region src/drivers/cypress.ts
 var t = async () => new Promise((e) => requestAnimationFrame(() => e())), n = (e) => {
 	let n = (t) => t === e, r, i = (e) => {
@@ -71,9 +71,7 @@ var t = async () => new Promise((e) => requestAnimationFrame(() => e())), n = (e
 						}
 					});
 					break;
-				case "count":
-					e.el().should("have.length", t);
-					break;
+				case "count": e.el().should("have.length", t);
 			}
 		},
 		wrapAction: (e) => function t(...n) {
@@ -110,9 +108,12 @@ var t = async () => new Promise((e) => requestAnimationFrame(() => e())), n = (e
 			}
 		}
 	};
-}, r = (t) => new e({
-	rootLocator: t,
-	driver: n(t)
-});
+}, r = (t) => {
+	let r = {
+		rootLocator: t,
+		driver: n(t)
+	};
+	return new e(r);
+};
 //#endregion
 export { r as vividCypress };

package/dist/dom.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=require(`./components.generated-F5OOqa3y.cjs`);let l=require(`@testing-library/user-event`);l=s(l,1);var u=()=>new Promise(e=>{requestAnimationFrame(()=>e())}),d=e=>{let t=l.default.setup(),n=async e=>{e.focus(),e.value=``,e.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0}))};return{querySelector:(e,t)=>{let n=e.querySelector(t);if(!n)throw Error(`Could not find element: ${t}`);return n},enterShadow(e){if(!e.shadowRoot)throw Error(`Element ${e.outerHTML} does not have a shadow root`);return e.shadowRoot},querySelectorAll:(e,t)=>e?Array.from(e.querySelectorAll(t)):[],nth:(e,t)=>{if(t<0||t>e.length-1)throw Error(`Could not find element with index "${t}". Collection only has "${e.length}" elements.`);return e[t]},userClick:async e=>{await t.click(e),await u()},userFill:async(e,r)=>{await n(e),r&&await t.type(e,r),await u()},userClear:async e=>{await n(e),await u()},userFocus:async e=>{e.focus(),await u()},userBlur:async e=>{e.blur(),(e.tagName===`INPUT`||e.tagName===`TEXTAREA`)&&e.dispatchEvent(new InputEvent(`change`,{bubbles:!0,composed:!0})),await u()},userHover:async e=>{await t.hover(e),await u()},userDragSlider:async(e,t,n,r)=>{if(n.id===`start-thumb`){let t=e;t.startAsNumber=r,t.$emit(`input:start`),t.$emit(`input`)}else if(n.id===`end-thumb`){let t=e;t.endAsNumber=r,t.$emit(`input:end`),t.$emit(`input`)}else{let t=e;t.valueAsNumber=r}await u()},eval:async(e,t,n,r)=>{let i=await t(e,n);await r?.(i)},waitForUpdate:async()=>{await u()},expectEq:(t,n,r)=>{switch(t.type){case`eval`:try{e(t.fn(t.el,t.arg)).toEqual(n)}catch(e){throw e instanceof Error&&(e.message=`${r}\n\nOriginal error: ${e.message}`),e}break;case`count`:e(t.el.length).toEqual(n);break}},wrapAction:e=>async function t(...n){try{return await e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapExpect:e=>function t(...n){try{return e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapSelector:e=>function t(...n){try{return e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}}}},f=(e,t)=>new c.t({rootLocator:t,driver:d(e)});exports.t=s,exports.vividDOM=f;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));const c=require("./components.generated-DcMBaOF8.cjs");let l=require("@testing-library/user-event");l=s(l,1);var u=()=>new Promise(e=>{requestAnimationFrame(()=>e())}),d=e=>{let t=l.default.setup(),n=async e=>{e.focus(),e.value=``,e.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0}))};return{querySelector:(e,t)=>{let n=e.querySelector(t);if(!n)throw Error(`Could not find element: ${t}`);return n},enterShadow(e){if(!e.shadowRoot)throw Error(`Element ${e.outerHTML} does not have a shadow root`);return e.shadowRoot},querySelectorAll:(e,t)=>e?Array.from(e.querySelectorAll(t)):[],nth:(e,t)=>{if(t<0||t>e.length-1)throw Error(`Could not find element with index "${t}". Collection only has "${e.length}" elements.`);return e[t]},userClick:async e=>{await t.click(e),await u()},userFill:async(e,r)=>{await n(e),r&&await t.type(e,r),await u()},userClear:async e=>{await n(e),await u()},userFocus:async e=>{e.focus(),await u()},userBlur:async e=>{e.blur(),(e.tagName===`INPUT`||e.tagName===`TEXTAREA`)&&e.dispatchEvent(new InputEvent(`change`,{bubbles:!0,composed:!0})),await u()},userHover:async e=>{await t.hover(e),await u()},userDragSlider:async(e,t,n,r)=>{if(n.id===`start-thumb`){let t=e;t.startAsNumber=r,t.$emit(`input:start`),t.$emit(`input`)}else if(n.id===`end-thumb`){let t=e;t.endAsNumber=r,t.$emit(`input:end`),t.$emit(`input`)}else{let t=e;t.valueAsNumber=r}await u()},eval:async(e,t,n,r)=>{let i=await t(e,n);await r?.(i)},waitForUpdate:async()=>{await u()},expectEq:(t,n,r)=>{switch(t.type){case`eval`:try{e(t.fn(t.el,t.arg)).toEqual(n)}catch(e){throw e instanceof Error&&(e.message=`${r}\n\nOriginal error: ${e.message}`),e}break;case`count`:e(t.el.length).toEqual(n)}},wrapAction:e=>async function t(...n){try{return await e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapExpect:e=>function t(...n){try{return e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapSelector:e=>function t(...n){try{return e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}}}},f=(e,t)=>{let n={rootLocator:t,driver:d(e)};return new c.t(n)};exports.vividDOM=f;

package/dist/dom.js

@@ -1,4 +1,4 @@
-import { t as e } from "./components.generated-CbtYzUoa.js";
+import { t as e } from "./components.generated-B-6jlcsc.js";
 import t from "@testing-library/user-event";
 //#region src/drivers/dom.ts
 var n = () => new Promise((e) => {
@@ -75,9 +75,7 @@ var n = () => new Promise((e) => {
 						throw e instanceof Error && (e.message = `${r}\n\nOriginal error: ${e.message}`), e;
 					}
 					break;
-				case "count":
-					e(t.el.length).toEqual(n);
-					break;
+				case "count": e(t.el.length).toEqual(n);
 			}
 		},
 		wrapAction: (e) => async function t(...n) {
@@ -102,9 +100,12 @@ var n = () => new Promise((e) => {
 			}
 		}
 	};
-}, i = (t, n) => new e({
-	rootLocator: n,
-	driver: r(t)
-});
+}, i = (t, n) => {
+	let i = {
+		rootLocator: n,
+		driver: r(t)
+	};
+	return new e(i);
+};
 //#endregion
 export { i as vividDOM };

package/dist/jsdom-polyfill.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./dom.cjs`);let e=require(`@vonage/vivid`);function t(){HTMLDialogElement.prototype.showModal=function(){this.open=!0,this.setAttribute(`open`,``)},HTMLDialogElement.prototype.close=function(){this.open=!1,this.removeAttribute(`open`)},HTMLElement.prototype.hidePopover=function(){},HTMLElement.prototype.showPopover=function(){},HTMLElement.prototype.scrollIntoView=function(){},Object.defineProperty(Object.getPrototypeOf(e.VwcButtonElement).prototype,`handleUnsupportedDelegatesFocus`,{set(){},get(){return()=>void 0}}),window.ResizeObserver=class{observe(){}disconnect(){}}}t(),window.HTMLElement.prototype.scrollIntoView=function(){},window.HTMLElement.prototype.scrollTo=function(){},exports.setDialogPolyfill=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@vonage/vivid");function t(){HTMLDialogElement.prototype.showModal=function(){this.open=!0,this.setAttribute(`open`,``)},HTMLDialogElement.prototype.close=function(){this.open=!1,this.removeAttribute(`open`)},HTMLElement.prototype.hidePopover=function(){},HTMLElement.prototype.showPopover=function(){},HTMLElement.prototype.scrollIntoView=function(){},Object.defineProperty(Object.getPrototypeOf(e.VwcButtonElement).prototype,"handleUnsupportedDelegatesFocus",{set(){},get(){return()=>void 0}}),window.ResizeObserver=class{observe(){}disconnect(){}}}t(),window.HTMLElement.prototype.scrollIntoView=function(){},window.HTMLElement.prototype.scrollTo=function(){},exports.setDialogPolyfill=t;

package/dist/playwright.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components.generated-F5OOqa3y.cjs`);var t=e=>({querySelector:(e,t)=>e.locator(t),enterShadow:e=>e,querySelectorAll:(e,t)=>e.locator(t),nth:(e,t)=>e.nth(t),userClick:e=>e.click(),userFill:(e,t)=>e.fill(t),userClear:e=>e.clear(),userFocus:e=>e.focus(),userBlur:e=>e.blur(),userHover:e=>e.hover(),userDragSlider:async(e,t,n,r)=>{let i=await n.getAttribute(`id`);await e.evaluate((e,[t,n])=>{if(t===`start-thumb`){let t=e;t.startAsNumber=n,t.$emit(`input:start`),t.$emit(`input`)}else if(t===`end-thumb`){let t=e;t.endAsNumber=n,t.$emit(`input:end`),t.$emit(`input`)}else{let t=e;t.valueAsNumber=n}},[i,r])},eval:async(e,t,n,r)=>{let i=await e.evaluate(t,n);await r?.(i)},waitForUpdate:async e=>{await e.evaluate(()=>new Promise(e=>{requestAnimationFrame(()=>e())}))},expectEq:async(t,n,r)=>{switch(t.type){case`eval`:try{await e(async()=>e(await t.el.evaluate(t.fn,t.arg)).toEqual(n)).toPass()}catch(e){throw e instanceof Error&&(e.message=`${r}\n\nOriginal error: ${e.message}`),e}break;case`count`:await e(t.el).toHaveCount(n);break}},wrapAction:e=>async function t(...n){try{return await e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapExpect:e=>async function t(...n){try{return await e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapSelector:e=>e}),n=(n,r)=>new e.t({rootLocator:n,driver:t(r)});exports.vividPlaywright=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components.generated-DcMBaOF8.cjs");var t=e=>({querySelector:(e,t)=>e.locator(t),enterShadow:e=>e,querySelectorAll:(e,t)=>e.locator(t),nth:(e,t)=>e.nth(t),userClick:e=>e.click(),userFill:(e,t)=>e.fill(t),userClear:e=>e.clear(),userFocus:e=>e.focus(),userBlur:e=>e.blur(),userHover:e=>e.hover(),userDragSlider:async(e,t,n,r)=>{let i=await n.getAttribute(`id`);await e.evaluate((e,[t,n])=>{if(t===`start-thumb`){let t=e;t.startAsNumber=n,t.$emit(`input:start`),t.$emit(`input`)}else if(t===`end-thumb`){let t=e;t.endAsNumber=n,t.$emit(`input:end`),t.$emit(`input`)}else{let t=e;t.valueAsNumber=n}},[i,r])},eval:async(e,t,n,r)=>{let i=await e.evaluate(t,n);await r?.(i)},waitForUpdate:async e=>{await e.evaluate(()=>new Promise(e=>{requestAnimationFrame(()=>e())}))},expectEq:async(t,n,r)=>{switch(t.type){case`eval`:try{await e(async()=>e(await t.el.evaluate(t.fn,t.arg)).toEqual(n)).toPass()}catch(e){throw e instanceof Error&&(e.message=`${r}\n\nOriginal error: ${e.message}`),e}break;case`count`:await e(t.el).toHaveCount(n)}},wrapAction:e=>async function t(...n){try{return await e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapExpect:e=>async function t(...n){try{return await e(...n)}catch(e){throw e instanceof Error&&Error.captureStackTrace(e,t),e}},wrapSelector:e=>e}),n=(n,r)=>{let i={rootLocator:n,driver:t(r)};return new e.t(i)};exports.vividPlaywright=n;

package/dist/playwright.js

@@ -1,4 +1,4 @@
-import { t as e } from "./components.generated-CbtYzUoa.js";
+import { t as e } from "./components.generated-B-6jlcsc.js";
 //#region src/drivers/playwright.ts
 var t = (e) => ({
 	querySelector: (e, t) => e.locator(t),
@@ -44,9 +44,7 @@ var t = (e) => ({
 					throw e instanceof Error && (e.message = `${r}\n\nOriginal error: ${e.message}`), e;
 				}
 				break;
-			case "count":
-				await e(t.el).toHaveCount(n);
-				break;
+			case "count": await e(t.el).toHaveCount(n);
 		}
 	},
 	wrapAction: (e) => async function t(...n) {
@@ -64,9 +62,12 @@ var t = (e) => ({
 		}
 	},
 	wrapSelector: (e) => e
-}), n = (n, r) => new e({
-	rootLocator: n,
-	driver: t(r)
-});
+}), n = (n, r) => {
+	let i = {
+		rootLocator: n,
+		driver: t(r)
+	};
+	return new e(i);
+};
 //#endregion
 export { n as vividPlaywright };

package/package.json

@@ -1,6 +1,11 @@
 {
   "name": "@vonage/vivid-test-utils",
-  "version": "5.24.0",
+  "version": "5.27.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Vonage/vivid-3",
+    "directory": "libs/test-utils"
+  },
   "type": "module",
   "exports": {
     "./dom": {
@@ -28,34 +33,34 @@
     "dist"
   ],
   "dependencies": {
-    "@testing-library/user-event": "^14.6.1",
+    "@testing-library/user-event": "^14.6.3",
     "change-case": "^5.4.4",
-    "@vonage/vivid": "^5.24.0"
+    "@vonage/vivid": "^5.27.0"
   },
   "devDependencies": {
     "@playwright/test": "1.57.0",
-    "@types/node": "^20.19.40",
-    "@vitejs/plugin-vue": "^6.0.6",
-    "@vue/test-utils": "^2.4.10",
-    "concurrently": "^9.2.1",
+    "@types/node": "^20.19.43",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vue/test-utils": "^2.4.11",
+    "concurrently": "^9.2.4",
     "cypress": "15.13.1",
-    "eslint": "^10.3.0",
-    "tsx": "^4.21.0",
+    "eslint": "^10.8.1",
+    "tsx": "^4.23.12",
     "typescript": "5.9.3",
-    "vite": "^8.0.12",
+    "vite": "^8.2.1",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.1.8",
-    "vue": "^3.5.34",
+    "vitest": "^4.1.10",
+    "vue": "^3.5.41",
     "wait-on": "^8.0.5",
     "@repo/eslint-config": "1.0.0",
     "@repo/internal-test-utils": "1.0.0",
-    "@repo/metadata-extractor": "1.0.0",
-    "@repo/tools": "1.0.0",
     "@repo/typescript-config": "1.0.0",
+    "@repo/tools": "1.0.0",
+    "@repo/metadata-extractor": "1.0.0",
     "@repo/vite-config": "1.0.0",
     "@repo/vitest-config": "1.0.0",
     "@repo/wrapper-gen": "1.0.0",
-    "@vonage/vivid-vue": "5.24.0"
+    "@vonage/vivid-vue": "5.27.0"
   },
   "scripts": {
     "prebuild": "tsx scripts/codegen.ts",