@vonage/vivid-test-utils 5.8.0 → 5.9.0

package/dist/{components.generated-Cpnh2Wie.js → components.generated-DaiiXLEV.js}

@@ -21,7 +21,7 @@ class n {
 class a {
   constructor(r) {
     this.ctx = r, this.all = this.ctx.driver.wrapSelector(
-      () => new ve(
+      () => new Ie(
         this.ctx,
         this,
         this.ctx.driver.querySelectorAll(
@@ -32,14 +32,14 @@ class a {
     );
   }
 }
-class ve {
+class Ie {
   constructor(r, s, e) {
     this.ctx = r, this.component = s, this.locator = e, this.type = "collection", this.nth = this.ctx.driver.wrapSelector(
       (i) => this.component.wrap(this.ctx.driver.nth(this.locator, i))
     );
   }
 }
-class ue {
+class ge {
   constructor(r, s) {
     this.ctx = r, this.locator = s, this.toHaveCount = this.ctx.driver.wrapExpect(
       (e) => this.ctx.driver.expectEq(
@@ -54,8 +54,8 @@ class ue {
     );
   }
 }
-const we = (t) => t.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/'/g, "\\'"), A = (t, r) => r.map(
-  ([s, e]) => `[data-vvd-component="${t}"][${s}="${we(
+const Ae = (t) => t.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/'/g, "\\'"), A = (t, r) => r.map(
+  ([s, e]) => `[data-vvd-component="${t}"][${s}="${Ae(
     e
   )}"]`
 ).join(",");
@@ -83,7 +83,7 @@ function x(t) {
     )
   );
 }
-function be(t) {
+function He(t) {
   return this.wrap(
     this.ctx.driver.querySelector(
       this.ctx.rootLocator,
@@ -91,7 +91,7 @@ function be(t) {
     )
   );
 }
-function T(t) {
+function k(t) {
   return this.wrap(
     this.ctx.driver.querySelector(
       this.ctx.rootLocator,
@@ -134,13 +134,13 @@ function u(t) {
 function z(t) {
   return t.valueAsNumber;
 }
-function me(t) {
+function Pe(t) {
   return t.values;
 }
-function fe(t) {
+function $e(t) {
   return t.selectedOptions.map((r) => r.label);
 }
-function R(t) {
+function G(t) {
   return t.expanded;
 }
 function L(t) {
@@ -152,22 +152,22 @@ function H(t) {
 function O(t) {
   return t.selected;
 }
-function S(t) {
+function C(t) {
   return t.disabled;
 }
-function Ee(t) {
+function Se(t) {
   return [t.start, t.end];
 }
-function ye(t) {
+function Ce(t) {
   return [t.startAsNumber, t.endAsNumber];
 }
-function Ie(t) {
+function qe(t) {
   return t.name;
 }
-function ge(t) {
+function Te(t) {
   return t.total;
 }
-function Ae(t) {
+function ke(t) {
   return t.selectedIndex + 1 || null;
 }
 function w(t) {
@@ -188,7 +188,7 @@ function b(t) {
 function V(t, r) {
   return this.ctx.driver.userFill(t(), r);
 }
-function He(t) {
+function Be(t) {
   return f([
     () => this.ctx.driver.userFill(this.control(), t),
     () => this.ctx.driver.userBlur(this.control())
@@ -198,7 +198,7 @@ function He(t) {
 function W(t) {
   return this.ctx.driver.userClear(t());
 }
-function Pe() {
+function Ve() {
   return f([
     // Wait before clearing to ensure any previous operations have fully settled.
     // This prevents a sporadic issue in Playwright Safari where the combobox will not clear
@@ -253,7 +253,7 @@ function l(t) {
 function D(t) {
   return Q.call(this, A("option", [["value", t]]));
 }
-function G(t) {
+function R(t) {
   return Q.call(this, A("option", [["text", t]]));
 }
 function Q(t) {
@@ -304,14 +304,14 @@ function Q(t) {
     ])
   );
 }
-function C(t) {
+function q(t) {
   return t().click();
 }
 const P = (t) => {
   const [r, s, e] = t.split("-");
   return `${s}/${e}/${r}`;
 };
-function $e(t) {
+function We(t) {
   return f([
     () => this.control().fill(P(t)),
     () => this.control().blur()
@@ -327,33 +327,33 @@ const X = (t) => {
   const [r, s, e] = t.split(":"), i = +r % 12 || 12, c = +r < 12 ? "AM" : "PM";
   return `${i}:${s}:${e} ${c}`;
 };
-function qe(t) {
+function De(t) {
   return f([
     () => this.control().fill(X(t)),
     () => this.control().blur()
   ]);
 }
-const Se = ([t, r]) => `${P(t)} – ${P(r)}`;
-function Ce(t) {
+const Re = ([t, r]) => `${P(t)} – ${P(r)}`;
+function Ge(t) {
   return f([
-    () => this.control().fill(Se(t)),
+    () => this.control().fill(Re(t)),
     () => this.control().blur()
   ]);
 }
-const ke = (t) => {
+const Le = (t) => {
   const [r, s] = t.split("T");
   return `${P(r)} ${X(s)}`;
 };
-function Te(t) {
+function Oe(t) {
   return f([
-    () => this.control().fill(ke(t)),
+    () => this.control().fill(Le(t)),
     () => this.control().blur()
   ]);
 }
-function k(t, r, s) {
+function T(t, r, s) {
   return this.ctx.driver.userDragSlider(this.locator, t(), r(), s);
 }
-function Be(t) {
+function Fe(t) {
   return this.ctx.driver.userClick(
     this.ctx.driver.querySelector(
       this.ctx.driver.enterShadow(this.locator),
@@ -401,7 +401,7 @@ function M(t) {
     )
   ]);
 }
-function Ve(t) {
+function Ue(t) {
   return this.ctx.driver.querySelector(this.unwrap(), t);
 }
 function v(t) {
@@ -410,7 +410,7 @@ function v(t) {
     t
   );
 }
-function We(t, r) {
+function Me(t, r) {
   return this.ctx.driver.querySelector(
     this.ctx.driver.enterShadow(
       this.ctx.driver.querySelector(
@@ -430,8 +430,8 @@ function y(t) {
     )
   );
 }
-function q(t) {
-  return new ne(
+function S(t) {
+  return new ue(
     this.ctx,
     this.ctx.driver.querySelector(
       this.ctx.driver.enterShadow(this.unwrap()),
@@ -442,20 +442,20 @@ function q(t) {
 const Y = {
   name: "accordion"
 };
-class De extends n {
+class je extends n {
   constructor() {
     super(...arguments), this.type = "accordion", this.componentInfo = Y, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Ge extends a {
+class _e extends a {
   constructor() {
     super(...arguments), this.componentInfo = Y, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new De(this.ctx, r);
+    return new je(this.ctx, r);
   }
 }
-class Re {
+class ze {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -472,20 +472,20 @@ class Re {
 const Z = {
   name: "accordion-item"
 };
-class Le extends n {
+class Je extends n {
   constructor() {
     super(...arguments), this.type = "accordionItem", this.componentInfo = Z, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.expand = this.ctx.driver.wrapAction(F.bind(this, !0)), this.collapse = this.ctx.driver.wrapAction(F.bind(this, !1)), this.button = v.bind(this, ".heading-button");
   }
 }
-class Oe extends a {
+class Ke extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Z, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byHeading = this.ctx.driver.wrapSelector(be.bind(this));
+    super(...arguments), this.componentInfo = Z, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byHeading = this.ctx.driver.wrapSelector(He.bind(this));
   }
   wrap(r) {
-    return new Le(this.ctx, r);
+    return new Je(this.ctx, r);
   }
 }
-class Fe {
+class Qe {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -508,7 +508,7 @@ class Fe {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: R
+        fn: G
       },
       !0,
       "toBeExpanded()"
@@ -516,7 +516,7 @@ class Fe {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: R
+        fn: G
       },
       !1,
       "toBeCollapsed()"
@@ -526,20 +526,20 @@ class Fe {
 const N = {
   name: "action-group"
 };
-class Ue extends n {
+class Xe extends n {
   constructor() {
     super(...arguments), this.type = "actionGroup", this.componentInfo = N, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Me extends a {
+class Ye extends a {
   constructor() {
     super(...arguments), this.componentInfo = N, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Ue(this.ctx, r);
+    return new Xe(this.ctx, r);
   }
 }
-class je {
+class Ze {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -556,20 +556,20 @@ class je {
 const tt = {
   name: "alert"
 };
-class _e extends n {
+class Ne extends n {
   constructor() {
     super(...arguments), this.type = "alert", this.componentInfo = tt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class ze extends a {
+class tr extends a {
   constructor() {
-    super(...arguments), this.componentInfo = tt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byHeadline = this.ctx.driver.wrapSelector(T.bind(this));
+    super(...arguments), this.componentInfo = tt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byHeadline = this.ctx.driver.wrapSelector(k.bind(this));
   }
   wrap(r) {
-    return new _e(this.ctx, r);
+    return new Ne(this.ctx, r);
   }
 }
-class Je {
+class er {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -610,20 +610,20 @@ class Je {
 const et = {
   name: "audio-player"
 };
-class Ke extends n {
+class rr extends n {
   constructor() {
     super(...arguments), this.type = "audioPlayer", this.componentInfo = et, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Qe extends a {
+class ir extends a {
   constructor() {
     super(...arguments), this.componentInfo = et, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Ke(this.ctx, r);
+    return new rr(this.ctx, r);
   }
 }
-class Xe {
+class sr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -640,20 +640,20 @@ class Xe {
 const rt = {
   name: "avatar"
 };
-class Ye extends n {
+class cr extends n {
   constructor() {
     super(...arguments), this.type = "avatar", this.componentInfo = rt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Ze extends a {
+class or extends a {
   constructor() {
     super(...arguments), this.componentInfo = rt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Ye(this.ctx, r);
+    return new cr(this.ctx, r);
   }
 }
-class Ne {
+class nr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -670,20 +670,20 @@ class Ne {
 const it = {
   name: "badge"
 };
-class tr extends n {
+class ar extends n {
   constructor() {
     super(...arguments), this.type = "badge", this.componentInfo = it, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class er extends a {
+class hr extends a {
   constructor() {
     super(...arguments), this.componentInfo = it, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new tr(this.ctx, r);
+    return new ar(this.ctx, r);
   }
 }
-class rr {
+class pr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -708,20 +708,20 @@ class rr {
 const st = {
   name: "banner"
 };
-class ir extends n {
+class dr extends n {
   constructor() {
-    super(...arguments), this.type = "banner", this.componentInfo = st, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.dismiss = this.ctx.driver.wrapAction(C.bind(this, () => this.dismissButton())), this.dismissButton = y.bind(this, ".dismiss-button");
+    super(...arguments), this.type = "banner", this.componentInfo = st, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.dismiss = this.ctx.driver.wrapAction(q.bind(this, () => this.dismissButton())), this.dismissButton = y.bind(this, ".dismiss-button");
   }
 }
-class sr extends a {
+class lr extends a {
   constructor() {
     super(...arguments), this.componentInfo = st, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byText = this.ctx.driver.wrapSelector(B.bind(this));
   }
   wrap(r) {
-    return new ir(this.ctx, r);
+    return new dr(this.ctx, r);
   }
 }
-class cr {
+class xr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -746,20 +746,20 @@ class cr {
 const ct = {
   name: "breadcrumb"
 };
-class or extends n {
+class vr extends n {
   constructor() {
     super(...arguments), this.type = "breadcrumb", this.componentInfo = ct, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class nr extends a {
+class ur extends a {
   constructor() {
     super(...arguments), this.componentInfo = ct, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new or(this.ctx, r);
+    return new vr(this.ctx, r);
   }
 }
-class ar {
+class wr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
       throw new Error("Component does not have props.");
@@ -769,20 +769,20 @@ class ar {
 const ot = {
   name: "breadcrumb-item"
 };
-class hr extends n {
+class br extends n {
   constructor() {
     super(...arguments), this.type = "breadcrumbItem", this.componentInfo = ot, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class pr extends a {
+class mr extends a {
   constructor() {
     super(...arguments), this.componentInfo = ot, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new hr(this.ctx, r);
+    return new br(this.ctx, r);
   }
 }
-class dr {
+class fr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -804,7 +804,7 @@ class at extends n {
     super(...arguments), this.type = "button", this.componentInfo = nt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(b.bind(this, () => this.control())), this.control = v.bind(this, "button.control");
   }
 }
-class lr extends a {
+class Er extends a {
   constructor() {
     super(...arguments), this.componentInfo = nt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
@@ -812,7 +812,7 @@ class lr extends a {
     return new at(this.ctx, r);
   }
 }
-class xr {
+class yr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -845,20 +845,20 @@ class xr {
 const ht = {
   name: "calendar"
 };
-class vr extends n {
+class Ir extends n {
   constructor() {
     super(...arguments), this.type = "calendar", this.componentInfo = ht, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class ur extends a {
+class gr extends a {
   constructor() {
     super(...arguments), this.componentInfo = ht, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new vr(this.ctx, r);
+    return new Ir(this.ctx, r);
   }
 }
-class wr {
+class Ar {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -875,20 +875,20 @@ class wr {
 const pt = {
   name: "calendar-event"
 };
-class br extends n {
+class Hr extends n {
   constructor() {
     super(...arguments), this.type = "calendarEvent", this.componentInfo = pt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class mr extends a {
+class Pr extends a {
   constructor() {
     super(...arguments), this.componentInfo = pt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new br(this.ctx, r);
+    return new Hr(this.ctx, r);
   }
 }
-class fr {
+class $r {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -905,20 +905,20 @@ class fr {
 const dt = {
   name: "card"
 };
-class Er extends n {
+class Sr extends n {
   constructor() {
     super(...arguments), this.type = "card", this.componentInfo = dt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class yr extends a {
+class Cr extends a {
   constructor() {
     super(...arguments), this.componentInfo = dt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Er(this.ctx, r);
+    return new Sr(this.ctx, r);
   }
 }
-class Ir {
+class qr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -943,20 +943,20 @@ class Ir {
 const lt = {
   name: "checkbox"
 };
-class gr extends n {
+class Tr extends n {
   constructor() {
     super(...arguments), this.type = "checkbox", this.componentInfo = lt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(J.bind(this, () => this.control())), this.uncheck = this.ctx.driver.wrapAction(K.bind(this, () => this.control())), this.control = v.bind(this, "div.control");
   }
 }
-class Ar extends a {
+class kr extends a {
   constructor() {
     super(...arguments), this.componentInfo = lt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new gr(this.ctx, r);
+    return new Tr(this.ctx, r);
   }
 }
-class Hr {
+class Br {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1013,20 +1013,20 @@ class Hr {
 const xt = {
   name: "color-picker"
 };
-class Pr extends n {
+class Vr extends n {
   constructor() {
     super(...arguments), this.type = "colorPicker", this.componentInfo = xt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class $r extends a {
+class Wr extends a {
   constructor() {
     super(...arguments), this.componentInfo = xt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Pr(this.ctx, r);
+    return new Vr(this.ctx, r);
   }
 }
-class qr {
+class Dr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1059,20 +1059,20 @@ class qr {
 const vt = {
   name: "combobox"
 };
-class Sr extends n {
+class Rr extends n {
   constructor() {
-    super(...arguments), this.type = "combobox", this.componentInfo = vt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.fill = this.ctx.driver.wrapAction(He.bind(this)), this.clear = this.ctx.driver.wrapAction(Pe.bind(this)), this.selectOptionByText = this.ctx.driver.wrapAction(G.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(D.bind(this)), this.control = v.bind(this, "input.control");
+    super(...arguments), this.type = "combobox", this.componentInfo = vt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.fill = this.ctx.driver.wrapAction(Be.bind(this)), this.clear = this.ctx.driver.wrapAction(Ve.bind(this)), this.selectOptionByText = this.ctx.driver.wrapAction(R.bind(this)), this.selectOptionByValue = this.ctx.driver.wrapAction(D.bind(this)), this.control = v.bind(this, "input.control");
   }
 }
-class Cr extends a {
+class Gr extends a {
   constructor() {
     super(...arguments), this.componentInfo = vt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Sr(this.ctx, r);
+    return new Rr(this.ctx, r);
   }
 }
-class kr {
+class Lr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1113,20 +1113,20 @@ class kr {
 const ut = {
   name: "contextual-help"
 };
-class Tr extends n {
+class Or extends n {
   constructor() {
     super(...arguments), this.type = "contextualHelp", this.componentInfo = ut, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Br extends a {
+class Fr extends a {
   constructor() {
     super(...arguments), this.componentInfo = ut, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Tr(this.ctx, r);
+    return new Or(this.ctx, r);
   }
 }
-class Vr {
+class Ur {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1143,20 +1143,20 @@ class Vr {
 const wt = {
   name: "data-grid"
 };
-class Wr extends n {
+class Mr extends n {
   constructor() {
     super(...arguments), this.type = "dataGrid", this.componentInfo = wt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Dr extends a {
+class jr extends a {
   constructor() {
     super(...arguments), this.componentInfo = wt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Wr(this.ctx, r);
+    return new Mr(this.ctx, r);
   }
 }
-class Gr {
+class _r {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1173,20 +1173,20 @@ class Gr {
 const bt = {
   name: "data-grid-cell"
 };
-class Rr extends n {
+class zr extends n {
   constructor() {
     super(...arguments), this.type = "dataGridCell", this.componentInfo = bt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Lr extends a {
+class Jr extends a {
   constructor() {
     super(...arguments), this.componentInfo = bt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Rr(this.ctx, r);
+    return new zr(this.ctx, r);
   }
 }
-class Or {
+class Kr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1203,20 +1203,20 @@ class Or {
 const mt = {
   name: "data-grid-row"
 };
-class Fr extends n {
+class Qr extends n {
   constructor() {
     super(...arguments), this.type = "dataGridRow", this.componentInfo = mt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Ur extends a {
+class Xr extends a {
   constructor() {
     super(...arguments), this.componentInfo = mt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Fr(this.ctx, r);
+    return new Qr(this.ctx, r);
   }
 }
-class Mr {
+class Yr {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1233,20 +1233,20 @@ class Mr {
 const ft = {
   name: "date-picker"
 };
-class jr extends n {
+class Zr extends n {
   constructor() {
-    super(...arguments), this.type = "datePicker", this.componentInfo = ft, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction($.bind(this)), this.selectDate = this.ctx.driver.wrapAction($e.bind(this)), this.control = q.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = y.bind(this, "#picker-button"), this.clearButton = y.bind(this, "#clear-button");
+    super(...arguments), this.type = "datePicker", this.componentInfo = ft, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction($.bind(this)), this.selectDate = this.ctx.driver.wrapAction(We.bind(this)), this.control = S.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = y.bind(this, "#picker-button"), this.clearButton = y.bind(this, "#clear-button");
   }
 }
-class _r extends a {
+class Nr extends a {
   constructor() {
     super(...arguments), this.componentInfo = ft, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new jr(this.ctx, r);
+    return new Zr(this.ctx, r);
   }
 }
-class zr {
+class ti {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1279,20 +1279,20 @@ class zr {
 const Et = {
   name: "date-range-picker"
 };
-class Jr extends n {
+class ei extends n {
   constructor() {
-    super(...arguments), this.type = "dateRangePicker", this.componentInfo = Et, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction($.bind(this)), this.selectDateRange = this.ctx.driver.wrapAction(Ce.bind(this)), this.control = q.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = y.bind(this, "#picker-button"), this.clearButton = y.bind(this, "#clear-button");
+    super(...arguments), this.type = "dateRangePicker", this.componentInfo = Et, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction($.bind(this)), this.selectDateRange = this.ctx.driver.wrapAction(Ge.bind(this)), this.control = S.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = y.bind(this, "#picker-button"), this.clearButton = y.bind(this, "#clear-button");
   }
 }
-class Kr extends a {
+class ri extends a {
   constructor() {
     super(...arguments), this.componentInfo = Et, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Jr(this.ctx, r);
+    return new ei(this.ctx, r);
   }
 }
-class Qr {
+class ii {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1323,7 +1323,7 @@ class Qr {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: Ee
+        fn: Se
       },
       e,
       "toHaveRange(${value})"
@@ -1333,20 +1333,20 @@ class Qr {
 const yt = {
   name: "date-time-picker"
 };
-class Xr extends n {
+class si extends n {
   constructor() {
-    super(...arguments), this.type = "dateTimePicker", this.componentInfo = yt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction($.bind(this)), this.selectDateTime = this.ctx.driver.wrapAction(Te.bind(this)), this.control = q.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = y.bind(this, "#picker-button"), this.clearButton = y.bind(this, "#clear-button");
+    super(...arguments), this.type = "dateTimePicker", this.componentInfo = yt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction($.bind(this)), this.selectDateTime = this.ctx.driver.wrapAction(Oe.bind(this)), this.control = S.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = y.bind(this, "#picker-button"), this.clearButton = y.bind(this, "#clear-button");
   }
 }
-class Yr extends a {
+class ci extends a {
   constructor() {
     super(...arguments), this.componentInfo = yt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Xr(this.ctx, r);
+    return new si(this.ctx, r);
   }
 }
-class Zr {
+class oi {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1379,20 +1379,20 @@ class Zr {
 const It = {
   name: "dial-pad"
 };
-class Nr extends n {
+class ni extends n {
   constructor() {
     super(...arguments), this.type = "dialPad", this.componentInfo = It, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class ti extends a {
+class ai extends a {
   constructor() {
     super(...arguments), this.componentInfo = It, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Nr(this.ctx, r);
+    return new ni(this.ctx, r);
   }
 }
-class ei {
+class hi {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1409,20 +1409,20 @@ class ei {
 const gt = {
   name: "dialog"
 };
-class ri extends n {
+class pi extends n {
   constructor() {
     super(...arguments), this.type = "dialog", this.componentInfo = gt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.dismiss = this.ctx.driver.wrapAction(b.bind(this, () => this.dismissButton())), this.dismissButton = v.bind(this, ".dismiss-button");
   }
 }
-class ii extends a {
+class di extends a {
   constructor() {
-    super(...arguments), this.componentInfo = gt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byHeadline = this.ctx.driver.wrapSelector(T.bind(this));
+    super(...arguments), this.componentInfo = gt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byHeadline = this.ctx.driver.wrapSelector(k.bind(this));
   }
   wrap(r) {
-    return new ri(this.ctx, r);
+    return new pi(this.ctx, r);
   }
 }
-class si {
+class li {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1463,20 +1463,20 @@ class si {
 const At = {
   name: "divider"
 };
-class ci extends n {
+class xi extends n {
   constructor() {
     super(...arguments), this.type = "divider", this.componentInfo = At, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class oi extends a {
+class vi extends a {
   constructor() {
     super(...arguments), this.componentInfo = At, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new ci(this.ctx, r);
+    return new xi(this.ctx, r);
   }
 }
-class ni {
+class ui {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1493,20 +1493,20 @@ class ni {
 const Ht = {
   name: "empty-state"
 };
-class ai extends n {
+class wi extends n {
   constructor() {
     super(...arguments), this.type = "emptyState", this.componentInfo = Ht, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class hi extends a {
+class bi extends a {
   constructor() {
     super(...arguments), this.componentInfo = Ht, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new ai(this.ctx, r);
+    return new wi(this.ctx, r);
   }
 }
-class pi {
+class mi {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1523,20 +1523,20 @@ class pi {
 const Pt = {
   name: "fab"
 };
-class di extends n {
+class fi extends n {
   constructor() {
     super(...arguments), this.type = "fab", this.componentInfo = Pt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(b.bind(this, () => this.control())), this.control = v.bind(this, "button.control");
   }
 }
-class li extends a {
+class Ei extends a {
   constructor() {
     super(...arguments), this.componentInfo = Pt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new di(this.ctx, r);
+    return new fi(this.ctx, r);
   }
 }
-class xi {
+class yi {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1569,20 +1569,20 @@ class xi {
 const $t = {
   name: "file-picker"
 };
-class vi extends n {
+class Ii extends n {
   constructor() {
     super(...arguments), this.type = "filePicker", this.componentInfo = $t, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class ui extends a {
+class gi extends a {
   constructor() {
     super(...arguments), this.componentInfo = $t, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new vi(this.ctx, r);
+    return new Ii(this.ctx, r);
   }
 }
-class wi {
+class Ai {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1612,23 +1612,23 @@ class wi {
     ));
   }
 }
-const qt = {
+const St = {
   name: "header"
 };
-class bi extends n {
+class Hi extends n {
   constructor() {
-    super(...arguments), this.type = "header", this.componentInfo = qt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "header", this.componentInfo = St, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class mi extends a {
+class Pi extends a {
   constructor() {
-    super(...arguments), this.componentInfo = qt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = St, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new bi(this.ctx, r);
+    return new Hi(this.ctx, r);
   }
 }
-class fi {
+class $i {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1642,23 +1642,23 @@ class fi {
     ));
   }
 }
-const St = {
+const Ct = {
   name: "icon"
 };
-class Ei extends n {
+class Si extends n {
   constructor() {
-    super(...arguments), this.type = "icon", this.componentInfo = St, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "icon", this.componentInfo = Ct, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class yi extends a {
+class Ci extends a {
   constructor() {
-    super(...arguments), this.componentInfo = St, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = Ct, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Ei(this.ctx, r);
+    return new Si(this.ctx, r);
   }
 }
-class Ii {
+class qi {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1673,30 +1673,30 @@ class Ii {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: Ie
+        fn: qe
       },
       e,
       "toHaveName(${value})"
     ));
   }
 }
-const Ct = {
+const qt = {
   name: "layout"
 };
-class gi extends n {
+class Ti extends n {
   constructor() {
-    super(...arguments), this.type = "layout", this.componentInfo = Ct, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "layout", this.componentInfo = qt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Ai extends a {
+class ki extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Ct, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = qt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new gi(this.ctx, r);
+    return new Ti(this.ctx, r);
   }
 }
-class Hi {
+class Bi {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1710,23 +1710,23 @@ class Hi {
     ));
   }
 }
-const kt = {
+const Tt = {
   name: "menu"
 };
-class Pi extends n {
+class Vi extends n {
   constructor() {
-    super(...arguments), this.type = "menu", this.componentInfo = kt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "menu", this.componentInfo = Tt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class $i extends a {
+class Wi extends a {
   constructor() {
-    super(...arguments), this.componentInfo = kt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = Tt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Pi(this.ctx, r);
+    return new Vi(this.ctx, r);
   }
 }
-class qi {
+class Di {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1756,23 +1756,23 @@ class qi {
     ));
   }
 }
-const Tt = {
+const kt = {
   name: "menu-item"
 };
-class Si extends n {
+class Ri extends n {
   constructor() {
-    super(...arguments), this.type = "menuItem", this.componentInfo = Tt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(b.bind(this, () => this.base())), this.base = v.bind(this, ".base");
+    super(...arguments), this.type = "menuItem", this.componentInfo = kt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(b.bind(this, () => this.base())), this.base = v.bind(this, ".base");
   }
 }
-class Ci extends a {
+class Gi extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Tt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byText = this.ctx.driver.wrapSelector(B.bind(this));
+    super(...arguments), this.componentInfo = kt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byText = this.ctx.driver.wrapSelector(B.bind(this));
   }
   wrap(r) {
-    return new Si(this.ctx, r);
+    return new Ri(this.ctx, r);
   }
 }
-class ki {
+class Li {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1811,7 +1811,7 @@ class ki {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: S
+        fn: C
       },
       e,
       "toHaveDisabled(${value})"
@@ -1821,20 +1821,20 @@ class ki {
 const Bt = {
   name: "nav"
 };
-class Ti extends n {
+class Oi extends n {
   constructor() {
     super(...arguments), this.type = "nav", this.componentInfo = Bt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Bi extends a {
+class Fi extends a {
   constructor() {
     super(...arguments), this.componentInfo = Bt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Ti(this.ctx, r);
+    return new Oi(this.ctx, r);
   }
 }
-class Vi {
+class Ui {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
       throw new Error("Component does not have props.");
@@ -1844,20 +1844,20 @@ class Vi {
 const Vt = {
   name: "nav-disclosure"
 };
-class Wi extends n {
+class Mi extends n {
   constructor() {
     super(...arguments), this.type = "navDisclosure", this.componentInfo = Vt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.expand = this.ctx.driver.wrapAction(U.bind(this, !0)), this.collapse = this.ctx.driver.wrapAction(U.bind(this, !1)), this.summary = v.bind(this, "summary");
   }
 }
-class Di extends a {
+class ji extends a {
   constructor() {
     super(...arguments), this.componentInfo = Vt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Wi(this.ctx, r);
+    return new Mi(this.ctx, r);
   }
 }
-class Gi {
+class _i {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1914,20 +1914,20 @@ class Gi {
 const Wt = {
   name: "nav-item"
 };
-class Ri extends n {
+class zi extends n {
   constructor() {
     super(...arguments), this.type = "navItem", this.componentInfo = Wt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(b.bind(this, () => this.control())), this.control = v.bind(this, ".control");
   }
 }
-class Li extends a {
+class Ji extends a {
   constructor() {
     super(...arguments), this.componentInfo = Wt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Ri(this.ctx, r);
+    return new zi(this.ctx, r);
   }
 }
-class Oi {
+class Ki {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -1968,20 +1968,20 @@ class Oi {
 const Dt = {
   name: "note"
 };
-class Fi extends n {
+class Qi extends n {
   constructor() {
     super(...arguments), this.type = "note", this.componentInfo = Dt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Ui extends a {
+class Xi extends a {
   constructor() {
     super(...arguments), this.componentInfo = Dt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Fi(this.ctx, r);
+    return new Qi(this.ctx, r);
   }
 }
-class Mi {
+class Yi {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2003,23 +2003,23 @@ class Mi {
     ));
   }
 }
-const Gt = {
+const Rt = {
   name: "number-field"
 };
-class ji extends n {
+class Zi extends n {
   constructor() {
-    super(...arguments), this.type = "numberField", this.componentInfo = Gt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.fill = this.ctx.driver.wrapAction(V.bind(this, () => this.control())), this.clear = this.ctx.driver.wrapAction(W.bind(this, () => this.control())), this.clickIncrement = this.ctx.driver.wrapAction(C.bind(this, () => this.incrementButton())), this.clickDecrement = this.ctx.driver.wrapAction(C.bind(this, () => this.decrementButton())), this.control = v.bind(this, "input.control"), this.incrementButton = y.bind(this, "#add"), this.decrementButton = y.bind(this, "#subtract");
+    super(...arguments), this.type = "numberField", this.componentInfo = Rt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.fill = this.ctx.driver.wrapAction(V.bind(this, () => this.control())), this.clear = this.ctx.driver.wrapAction(W.bind(this, () => this.control())), this.clickIncrement = this.ctx.driver.wrapAction(q.bind(this, () => this.incrementButton())), this.clickDecrement = this.ctx.driver.wrapAction(q.bind(this, () => this.decrementButton())), this.control = v.bind(this, "input.control"), this.incrementButton = y.bind(this, "#add"), this.decrementButton = y.bind(this, "#subtract");
   }
 }
-class _i extends a {
+class Ni extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Gt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = Rt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new ji(this.ctx, r);
+    return new Zi(this.ctx, r);
   }
 }
-class zi {
+class ts {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2065,23 +2065,23 @@ class zi {
     ));
   }
 }
-const Rt = {
+const Gt = {
   name: "option"
 };
-class Ji extends n {
+class es extends n {
   constructor() {
-    super(...arguments), this.type = "option", this.componentInfo = Rt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(b.bind(this, () => this.locator));
+    super(...arguments), this.type = "option", this.componentInfo = Gt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(b.bind(this, () => this.locator));
   }
 }
-class Ki extends a {
+class rs extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Rt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = Gt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Ji(this.ctx, r);
+    return new es(this.ctx, r);
   }
 }
-class Qi {
+class is {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2106,20 +2106,20 @@ class Qi {
 const Lt = {
   name: "pagination"
 };
-class Xi extends n {
+class ss extends n {
   constructor() {
-    super(...arguments), this.type = "pagination", this.componentInfo = Lt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clickNext = this.ctx.driver.wrapAction(b.bind(this, () => this.nextButton())), this.clickPrev = this.ctx.driver.wrapAction(b.bind(this, () => this.prevButton())), this.clickPageIndex = this.ctx.driver.wrapAction(Be.bind(this)), this.nextButton = v.bind(this, ".next-button"), this.prevButton = v.bind(this, ".prev-button");
+    super(...arguments), this.type = "pagination", this.componentInfo = Lt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clickNext = this.ctx.driver.wrapAction(b.bind(this, () => this.nextButton())), this.clickPrev = this.ctx.driver.wrapAction(b.bind(this, () => this.prevButton())), this.clickPageIndex = this.ctx.driver.wrapAction(Fe.bind(this)), this.nextButton = v.bind(this, ".next-button"), this.prevButton = v.bind(this, ".prev-button");
   }
 }
-class Yi extends a {
+class cs extends a {
   constructor() {
     super(...arguments), this.componentInfo = Lt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Xi(this.ctx, r);
+    return new ss(this.ctx, r);
   }
 }
-class Zi {
+class os {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2134,7 +2134,7 @@ class Zi {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: ge
+        fn: Te
       },
       e,
       "toHaveTotal(${value})"
@@ -2142,7 +2142,7 @@ class Zi {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: Ae
+        fn: ke
       },
       e,
       "toHaveSelectedPage(${value})"
@@ -2150,22 +2150,22 @@ class Zi {
   }
 }
 const Ot = {
-  name: "progress"
+  name: "popover"
 };
-class Ni extends n {
+class ns extends n {
   constructor() {
-    super(...arguments), this.type = "progress", this.componentInfo = Ot, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "popover", this.componentInfo = Ot, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class ts extends a {
+class as extends a {
   constructor() {
     super(...arguments), this.componentInfo = Ot, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Ni(this.ctx, r);
+    return new ns(this.ctx, r);
   }
 }
-class es {
+class hs {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2180,22 +2180,22 @@ class es {
   }
 }
 const Ft = {
-  name: "progress-ring"
+  name: "progress"
 };
-class rs extends n {
+class ps extends n {
   constructor() {
-    super(...arguments), this.type = "progressRing", this.componentInfo = Ft, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "progress", this.componentInfo = Ft, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class is extends a {
+class ds extends a {
   constructor() {
     super(...arguments), this.componentInfo = Ft, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new rs(this.ctx, r);
+    return new ps(this.ctx, r);
   }
 }
-class ss {
+class ls {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2210,22 +2210,52 @@ class ss {
   }
 }
 const Ut = {
+  name: "progress-ring"
+};
+class xs extends n {
+  constructor() {
+    super(...arguments), this.type = "progressRing", this.componentInfo = Ut, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+  }
+}
+class vs extends a {
+  constructor() {
+    super(...arguments), this.componentInfo = Ut, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+  }
+  wrap(r) {
+    return new xs(this.ctx, r);
+  }
+}
+class us {
+  constructor(r, s) {
+    this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
+      {
+        type: "eval",
+        el: this.wrapper.unwrap(),
+        fn: (c, o) => c[o],
+        arg: e
+      },
+      i,
+      `toHaveProp("${e}", ${i})`
+    ));
+  }
+}
+const Mt = {
   name: "radio"
 };
-class cs extends n {
+class ws extends n {
   constructor() {
-    super(...arguments), this.type = "radio", this.componentInfo = Ut, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(b.bind(this, () => this.control())), this.control = v.bind(this, ".control");
+    super(...arguments), this.type = "radio", this.componentInfo = Mt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(b.bind(this, () => this.control())), this.control = v.bind(this, ".control");
   }
 }
-class os extends a {
+class bs extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Ut, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = Mt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new cs(this.ctx, r);
+    return new ws(this.ctx, r);
   }
 }
-class ns {
+class ms {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2271,23 +2301,23 @@ class ns {
     ));
   }
 }
-const Mt = {
+const jt = {
   name: "radio-group"
 };
-class as extends n {
+class fs extends n {
   constructor() {
-    super(...arguments), this.type = "radioGroup", this.componentInfo = Mt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "radioGroup", this.componentInfo = jt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class hs extends a {
+class Es extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Mt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = jt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new as(this.ctx, r);
+    return new fs(this.ctx, r);
   }
 }
-class ps {
+class ys {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2301,23 +2331,23 @@ class ps {
     ));
   }
 }
-const jt = {
+const _t = {
   name: "range-slider"
 };
-class ds extends n {
+class Is extends n {
   constructor() {
-    super(...arguments), this.type = "rangeSlider", this.componentInfo = jt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.slideStartTo = this.ctx.driver.wrapAction(k.bind(this, () => this.track(), () => this.startThumb())), this.slideEndTo = this.ctx.driver.wrapAction(k.bind(this, () => this.track(), () => this.endThumb())), this.track = v.bind(this, ".control"), this.startThumb = v.bind(this, "#start-thumb"), this.endThumb = v.bind(this, "#end-thumb");
+    super(...arguments), this.type = "rangeSlider", this.componentInfo = _t, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.slideStartTo = this.ctx.driver.wrapAction(T.bind(this, () => this.track(), () => this.startThumb())), this.slideEndTo = this.ctx.driver.wrapAction(T.bind(this, () => this.track(), () => this.endThumb())), this.track = v.bind(this, ".control"), this.startThumb = v.bind(this, "#start-thumb"), this.endThumb = v.bind(this, "#end-thumb");
   }
 }
-class ls extends a {
+class gs extends a {
   constructor() {
-    super(...arguments), this.componentInfo = jt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = _t, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new ds(this.ctx, r);
+    return new Is(this.ctx, r);
   }
 }
-class xs {
+class As {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2348,30 +2378,30 @@ class xs {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: ye
+        fn: Ce
       },
       e,
       "toHaveRange(${value})"
     ));
   }
 }
-const _t = {
+const zt = {
   name: "rich-text-editor"
 };
-class vs extends n {
+class Hs extends n {
   constructor() {
-    super(...arguments), this.type = "richTextEditor", this.componentInfo = _t, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "richTextEditor", this.componentInfo = zt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class us extends a {
+class Ps extends a {
   constructor() {
-    super(...arguments), this.componentInfo = _t, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = zt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new vs(this.ctx, r);
+    return new Hs(this.ctx, r);
   }
 }
-class ws {
+class $s {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2385,23 +2415,53 @@ class ws {
     ));
   }
 }
-const zt = {
+const Jt = {
+  name: "rich-text-view"
+};
+class Ss extends n {
+  constructor() {
+    super(...arguments), this.type = "richTextView", this.componentInfo = Jt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+  }
+}
+class Cs extends a {
+  constructor() {
+    super(...arguments), this.componentInfo = Jt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+  }
+  wrap(r) {
+    return new Ss(this.ctx, r);
+  }
+}
+class qs {
+  constructor(r, s) {
+    this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
+      {
+        type: "eval",
+        el: this.wrapper.unwrap(),
+        fn: (c, o) => c[o],
+        arg: e
+      },
+      i,
+      `toHaveProp("${e}", ${i})`
+    ));
+  }
+}
+const Kt = {
   name: "searchable-select"
 };
-class bs extends n {
+class Ts extends n {
   constructor() {
-    super(...arguments), this.type = "searchableSelect", this.componentInfo = zt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.selectOptionByValue = this.ctx.driver.wrapAction(D.bind(this)), this.selectOptionByText = this.ctx.driver.wrapAction(G.bind(this));
+    super(...arguments), this.type = "searchableSelect", this.componentInfo = Kt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.selectOptionByValue = this.ctx.driver.wrapAction(D.bind(this)), this.selectOptionByText = this.ctx.driver.wrapAction(R.bind(this));
   }
 }
-class ms extends a {
+class ks extends a {
   constructor() {
-    super(...arguments), this.componentInfo = zt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = Kt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new bs(this.ctx, r);
+    return new Ts(this.ctx, r);
   }
 }
-class fs {
+class Bs {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2440,7 +2500,7 @@ class fs {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: me
+        fn: Pe
       },
       e,
       "toHaveValues(${value})"
@@ -2448,30 +2508,30 @@ class fs {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: fe
+        fn: $e
       },
       e,
       "toHaveSelectedOptions(${value})"
     ));
   }
 }
-const Jt = {
+const Qt = {
   name: "select"
 };
-class Es extends n {
+class Vs extends n {
   constructor() {
-    super(...arguments), this.type = "select", this.componentInfo = Jt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.selectOptionByValue = this.ctx.driver.wrapAction(D.bind(this)), this.selectOptionByText = this.ctx.driver.wrapAction(G.bind(this));
+    super(...arguments), this.type = "select", this.componentInfo = Qt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.selectOptionByValue = this.ctx.driver.wrapAction(D.bind(this)), this.selectOptionByText = this.ctx.driver.wrapAction(R.bind(this));
   }
 }
-class ys extends a {
+class Ws extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Jt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = Qt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Es(this.ctx, r);
+    return new Vs(this.ctx, r);
   }
 }
-class Is {
+class Ds {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2509,23 +2569,23 @@ class Is {
     ));
   }
 }
-const Kt = {
+const Xt = {
   name: "selectable-box"
 };
-class gs extends n {
+class Rs extends n {
   constructor() {
-    super(...arguments), this.type = "selectableBox", this.componentInfo = Kt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(J.bind(this, () => this.control())), this.uncheck = this.ctx.driver.wrapAction(K.bind(this, () => this.control())), this.control = We.bind(this, "[data-vvd-component].control", "div.control");
+    super(...arguments), this.type = "selectableBox", this.componentInfo = Xt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(J.bind(this, () => this.control())), this.uncheck = this.ctx.driver.wrapAction(K.bind(this, () => this.control())), this.control = Me.bind(this, "[data-vvd-component].control", "div.control");
   }
 }
-class As extends a {
+class Gs extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Kt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = Xt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new gs(this.ctx, r);
+    return new Rs(this.ctx, r);
   }
 }
-class Hs {
+class Ls {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2555,23 +2615,23 @@ class Hs {
     ));
   }
 }
-const Qt = {
+const Yt = {
   name: "side-drawer"
 };
-class Ps extends n {
+class Os extends n {
   constructor() {
-    super(...arguments), this.type = "sideDrawer", this.componentInfo = Qt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "sideDrawer", this.componentInfo = Yt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class $s extends a {
+class Fs extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Qt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = Yt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Ps(this.ctx, r);
+    return new Os(this.ctx, r);
   }
 }
-class qs {
+class Us {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2585,23 +2645,23 @@ class qs {
     ));
   }
 }
-const Xt = {
+const Zt = {
   name: "simple-color-picker"
 };
-class Ss extends n {
+class Ms extends n {
   constructor() {
-    super(...arguments), this.type = "simpleColorPicker", this.componentInfo = Xt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "simpleColorPicker", this.componentInfo = Zt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Cs extends a {
+class js extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Xt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = Zt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Ss(this.ctx, r);
+    return new Ms(this.ctx, r);
   }
 }
-class ks {
+class _s {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2631,23 +2691,23 @@ class ks {
     ));
   }
 }
-const Yt = {
+const Nt = {
   name: "slider"
 };
-class Ts extends n {
+class zs extends n {
   constructor() {
-    super(...arguments), this.type = "slider", this.componentInfo = Yt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.slideTo = this.ctx.driver.wrapAction(k.bind(this, () => this.track(), () => this.thumb())), this.track = v.bind(this, ".control"), this.thumb = v.bind(this, ".thumb-container");
+    super(...arguments), this.type = "slider", this.componentInfo = Nt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.slideTo = this.ctx.driver.wrapAction(T.bind(this, () => this.track(), () => this.thumb())), this.track = v.bind(this, ".control"), this.thumb = v.bind(this, ".thumb-container");
   }
 }
-class Bs extends a {
+class Js extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Yt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = Nt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Ts(this.ctx, r);
+    return new zs(this.ctx, r);
   }
 }
-class Vs {
+class Ks {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2677,23 +2737,23 @@ class Vs {
     ));
   }
 }
-const Zt = {
+const te = {
   name: "split-button"
 };
-class Ws extends n {
+class Qs extends n {
   constructor() {
-    super(...arguments), this.type = "splitButton", this.componentInfo = Zt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clickAction = this.ctx.driver.wrapAction(b.bind(this, () => this.actionButton())), this.clickIndicator = this.ctx.driver.wrapAction(b.bind(this, () => this.indicatorButton())), this.actionButton = v.bind(this, "button.control"), this.indicatorButton = v.bind(this, "button.indicator");
+    super(...arguments), this.type = "splitButton", this.componentInfo = te, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clickAction = this.ctx.driver.wrapAction(b.bind(this, () => this.actionButton())), this.clickIndicator = this.ctx.driver.wrapAction(b.bind(this, () => this.indicatorButton())), this.actionButton = v.bind(this, "button.control"), this.indicatorButton = v.bind(this, "button.indicator");
   }
 }
-class Ds extends a {
+class Xs extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Zt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = te, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Ws(this.ctx, r);
+    return new Qs(this.ctx, r);
   }
 }
-class Gs {
+class Ys {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2715,23 +2775,23 @@ class Gs {
     ));
   }
 }
-const Nt = {
+const ee = {
   name: "switch"
 };
-class Rs extends n {
+class Zs extends n {
   constructor() {
-    super(...arguments), this.type = "switch", this.componentInfo = Nt, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(b.bind(this, () => this.switch())), this.uncheck = this.ctx.driver.wrapAction(b.bind(this, () => this.switch())), this.switch = v.bind(this, ".switch");
+    super(...arguments), this.type = "switch", this.componentInfo = ee, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.check = this.ctx.driver.wrapAction(b.bind(this, () => this.switch())), this.uncheck = this.ctx.driver.wrapAction(b.bind(this, () => this.switch())), this.switch = v.bind(this, ".switch");
   }
 }
-class Ls extends a {
+class Ns extends a {
   constructor() {
-    super(...arguments), this.componentInfo = Nt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = ee, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Rs(this.ctx, r);
+    return new Zs(this.ctx, r);
   }
 }
-class Os {
+class tc {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2769,23 +2829,23 @@ class Os {
     ));
   }
 }
-const te = {
+const re = {
   name: "tab"
 };
-class Fs extends n {
+class ec extends n {
   constructor() {
-    super(...arguments), this.type = "tab", this.componentInfo = te, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.select = this.ctx.driver.wrapAction(b.bind(this, () => this.base())), this.base = v.bind(this, ".base");
+    super(...arguments), this.type = "tab", this.componentInfo = re, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.select = this.ctx.driver.wrapAction(b.bind(this, () => this.base())), this.base = v.bind(this, ".base");
   }
 }
-class Us extends a {
+class rc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = te, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = re, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Fs(this.ctx, r);
+    return new ec(this.ctx, r);
   }
 }
-class Ms {
+class ic {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2823,46 +2883,184 @@ class Ms {
     ));
   }
 }
-const ee = {
+const ie = {
   name: "tab-panel"
 };
-class js extends n {
+class sc extends n {
   constructor() {
-    super(...arguments), this.type = "tabPanel", this.componentInfo = ee, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "tabPanel", this.componentInfo = ie, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class _s extends a {
+class cc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = ee, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = ie, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new js(this.ctx, r);
+    return new sc(this.ctx, r);
   }
 }
-class zs {
+class oc {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
       throw new Error("Component does not have props.");
     };
   }
 }
-const re = {
+const se = {
+  name: "table"
+};
+class nc extends n {
+  constructor() {
+    super(...arguments), this.type = "table", this.componentInfo = se, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+  }
+}
+class ac extends a {
+  constructor() {
+    super(...arguments), this.componentInfo = se, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+  }
+  wrap(r) {
+    return new nc(this.ctx, r);
+  }
+}
+class hc {
+  constructor(r, s) {
+    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
+      throw new Error("Component does not have props.");
+    };
+  }
+}
+const ce = {
+  name: "table-body"
+};
+class pc extends n {
+  constructor() {
+    super(...arguments), this.type = "tableBody", this.componentInfo = ce, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+  }
+}
+class dc extends a {
+  constructor() {
+    super(...arguments), this.componentInfo = ce, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+  }
+  wrap(r) {
+    return new pc(this.ctx, r);
+  }
+}
+class lc {
+  constructor(r, s) {
+    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
+      throw new Error("Component does not have props.");
+    };
+  }
+}
+const oe = {
+  name: "table-cell"
+};
+class xc extends n {
+  constructor() {
+    super(...arguments), this.type = "tableCell", this.componentInfo = oe, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+  }
+}
+class vc extends a {
+  constructor() {
+    super(...arguments), this.componentInfo = oe, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+  }
+  wrap(r) {
+    return new xc(this.ctx, r);
+  }
+}
+class uc {
+  constructor(r, s) {
+    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
+      throw new Error("Component does not have props.");
+    };
+  }
+}
+const ne = {
+  name: "table-head"
+};
+class wc extends n {
+  constructor() {
+    super(...arguments), this.type = "tableHead", this.componentInfo = ne, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+  }
+}
+class bc extends a {
+  constructor() {
+    super(...arguments), this.componentInfo = ne, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+  }
+  wrap(r) {
+    return new wc(this.ctx, r);
+  }
+}
+class mc {
+  constructor(r, s) {
+    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
+      throw new Error("Component does not have props.");
+    };
+  }
+}
+const ae = {
+  name: "table-header-cell"
+};
+class fc extends n {
+  constructor() {
+    super(...arguments), this.type = "tableHeaderCell", this.componentInfo = ae, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+  }
+}
+class Ec extends a {
+  constructor() {
+    super(...arguments), this.componentInfo = ae, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+  }
+  wrap(r) {
+    return new fc(this.ctx, r);
+  }
+}
+class yc {
+  constructor(r, s) {
+    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
+      throw new Error("Component does not have props.");
+    };
+  }
+}
+const he = {
+  name: "table-row"
+};
+class Ic extends n {
+  constructor() {
+    super(...arguments), this.type = "tableRow", this.componentInfo = he, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+  }
+}
+class gc extends a {
+  constructor() {
+    super(...arguments), this.componentInfo = he, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+  }
+  wrap(r) {
+    return new Ic(this.ctx, r);
+  }
+}
+class Ac {
+  constructor(r, s) {
+    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
+      throw new Error("Component does not have props.");
+    };
+  }
+}
+const pe = {
   name: "tabs"
 };
-class Js extends n {
+class Hc extends n {
   constructor() {
-    super(...arguments), this.type = "tabs", this.componentInfo = re, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "tabs", this.componentInfo = pe, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Ks extends a {
+class Pc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = re, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = pe, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Js(this.ctx, r);
+    return new Hc(this.ctx, r);
   }
 }
-class Qs {
+class $c {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2876,23 +3074,23 @@ class Qs {
     ));
   }
 }
-const ie = {
+const de = {
   name: "tag"
 };
-class Xs extends n {
+class Sc extends n {
   constructor() {
-    super(...arguments), this.type = "tag", this.componentInfo = ie, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(b.bind(this, () => this.base())), this.remove = this.ctx.driver.wrapAction(b.bind(this, () => this.dismissButton())), this.select = this.ctx.driver.wrapAction(M.bind(this, !0)), this.unselect = this.ctx.driver.wrapAction(M.bind(this, !1)), this.base = v.bind(this, ".base"), this.dismissButton = v.bind(this, ".dismiss-button");
+    super(...arguments), this.type = "tag", this.componentInfo = de, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.click = this.ctx.driver.wrapAction(b.bind(this, () => this.base())), this.remove = this.ctx.driver.wrapAction(b.bind(this, () => this.dismissButton())), this.select = this.ctx.driver.wrapAction(M.bind(this, !0)), this.unselect = this.ctx.driver.wrapAction(M.bind(this, !1)), this.base = v.bind(this, ".base"), this.dismissButton = v.bind(this, ".dismiss-button");
   }
 }
-class Ys extends a {
+class Cc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = ie, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = de, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new Xs(this.ctx, r);
+    return new Sc(this.ctx, r);
   }
 }
-class Zs {
+class qc {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -2931,7 +3129,7 @@ class Zs {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: S
+        fn: C
       },
       !0,
       "toBeDisabled()"
@@ -2939,53 +3137,53 @@ class Zs {
       {
         type: "eval",
         el: this.wrapper.unwrap(),
-        fn: S
+        fn: C
       },
       !1,
       "notToBeDisabled()"
     ));
   }
 }
-const se = {
+const le = {
   name: "tag-group"
 };
-class Ns extends n {
+class Tc extends n {
   constructor() {
-    super(...arguments), this.type = "tagGroup", this.componentInfo = se, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "tagGroup", this.componentInfo = le, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class tc extends a {
+class kc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = se, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = le, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Ns(this.ctx, r);
+    return new Tc(this.ctx, r);
   }
 }
-class ec {
+class Bc {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
       throw new Error("Component does not have props.");
     };
   }
 }
-const ce = {
+const xe = {
   name: "text-area"
 };
-class rc extends n {
+class Vc extends n {
   constructor() {
-    super(...arguments), this.type = "textArea", this.componentInfo = ce, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.fill = this.ctx.driver.wrapAction(V.bind(this, () => this.control())), this.clear = this.ctx.driver.wrapAction(W.bind(this, () => this.control())), this.control = v.bind(this, ".control");
+    super(...arguments), this.type = "textArea", this.componentInfo = xe, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.fill = this.ctx.driver.wrapAction(V.bind(this, () => this.control())), this.clear = this.ctx.driver.wrapAction(W.bind(this, () => this.control())), this.control = v.bind(this, ".control");
   }
 }
-class ic extends a {
+class Wc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = ce, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = xe, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new rc(this.ctx, r);
+    return new Vc(this.ctx, r);
   }
 }
-class sc {
+class Dc {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -3015,23 +3213,23 @@ class sc {
     ));
   }
 }
-const oe = {
+const ve = {
   name: "text-field"
 };
-class ne extends n {
+class ue extends n {
   constructor() {
-    super(...arguments), this.type = "textField", this.componentInfo = oe, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.fill = this.ctx.driver.wrapAction(V.bind(this, () => this.control())), this.clear = this.ctx.driver.wrapAction(W.bind(this, () => this.control())), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.control())), this.control = Ve.bind(this, 'input[slot="_control"]');
+    super(...arguments), this.type = "textField", this.componentInfo = ve, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.fill = this.ctx.driver.wrapAction(V.bind(this, () => this.control())), this.clear = this.ctx.driver.wrapAction(W.bind(this, () => this.control())), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.control())), this.control = Ue.bind(this, 'input[slot="_control"]');
   }
 }
-class cc extends a {
+class Rc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = oe, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = ve, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new ne(this.ctx, r);
+    return new ue(this.ctx, r);
   }
 }
-class oc {
+class Gc {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -3069,23 +3267,23 @@ class oc {
     ));
   }
 }
-const ae = {
+const we = {
   name: "time-picker"
 };
-class nc extends n {
+class Lc extends n {
   constructor() {
-    super(...arguments), this.type = "timePicker", this.componentInfo = ae, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction($.bind(this)), this.selectTime = this.ctx.driver.wrapAction(qe.bind(this)), this.control = q.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = y.bind(this, "#picker-button"), this.clearButton = y.bind(this, "#clear-button");
+    super(...arguments), this.type = "timePicker", this.componentInfo = we, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator)), this.clear = this.ctx.driver.wrapAction($.bind(this)), this.selectTime = this.ctx.driver.wrapAction(De.bind(this)), this.control = S.bind(this, "[data-vvd-component=text-field].control"), this.pickerButton = y.bind(this, "#picker-button"), this.clearButton = y.bind(this, "#clear-button");
   }
 }
-class ac extends a {
+class Oc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = ae, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
+    super(...arguments), this.componentInfo = we, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
   }
   wrap(r) {
-    return new nc(this.ctx, r);
+    return new Lc(this.ctx, r);
   }
 }
-class hc {
+class Fc {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -3115,23 +3313,23 @@ class hc {
     ));
   }
 }
-const he = {
+const be = {
   name: "toggletip"
 };
-class pc extends n {
+class Uc extends n {
   constructor() {
-    super(...arguments), this.type = "toggletip", this.componentInfo = he, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "toggletip", this.componentInfo = be, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class dc extends a {
+class Mc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = he, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byHeadline = this.ctx.driver.wrapSelector(T.bind(this));
+    super(...arguments), this.componentInfo = be, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byHeadline = this.ctx.driver.wrapSelector(k.bind(this));
   }
   wrap(r) {
-    return new pc(this.ctx, r);
+    return new Uc(this.ctx, r);
   }
 }
-class lc {
+class jc {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -3161,23 +3359,23 @@ class lc {
     ));
   }
 }
-const pe = {
+const me = {
   name: "tooltip"
 };
-class xc extends n {
+class _c extends n {
   constructor() {
-    super(...arguments), this.type = "tooltip", this.componentInfo = pe, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "tooltip", this.componentInfo = me, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class vc extends a {
+class zc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = pe, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byText = this.ctx.driver.wrapSelector(B.bind(this));
+    super(...arguments), this.componentInfo = me, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byText = this.ctx.driver.wrapSelector(B.bind(this));
   }
   wrap(r) {
-    return new xc(this.ctx, r);
+    return new _c(this.ctx, r);
   }
 }
-class uc {
+class Jc {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -3207,23 +3405,23 @@ class uc {
     ));
   }
 }
-const de = {
+const fe = {
   name: "tree-item"
 };
-class wc extends n {
+class Kc extends n {
   constructor() {
-    super(...arguments), this.type = "treeItem", this.componentInfo = de, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "treeItem", this.componentInfo = fe, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class bc extends a {
+class Qc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = de, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = fe, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new wc(this.ctx, r);
+    return new Kc(this.ctx, r);
   }
 }
-class mc {
+class Xc {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -3245,23 +3443,23 @@ class mc {
     ));
   }
 }
-const le = {
+const Ee = {
   name: "tree-view"
 };
-class fc extends n {
+class Yc extends n {
   constructor() {
-    super(...arguments), this.type = "treeView", this.componentInfo = le, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "treeView", this.componentInfo = Ee, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class Ec extends a {
+class Zc extends a {
   constructor() {
-    super(...arguments), this.componentInfo = le, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = Ee, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new fc(this.ctx, r);
+    return new Yc(this.ctx, r);
   }
 }
-class yc {
+class Nc {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -3275,23 +3473,23 @@ class yc {
     ));
   }
 }
-const xe = {
+const ye = {
   name: "video-player"
 };
-class Ic extends n {
+class to extends n {
   constructor() {
-    super(...arguments), this.type = "videoPlayer", this.componentInfo = xe, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
+    super(...arguments), this.type = "videoPlayer", this.componentInfo = ye, this.hover = this.ctx.driver.wrapAction(l.bind(this, () => this.locator)), this.focus = this.ctx.driver.wrapAction(p.bind(this, () => this.locator)), this.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
   }
 }
-class gc extends a {
+class eo extends a {
   constructor() {
-    super(...arguments), this.componentInfo = xe, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
+    super(...arguments), this.componentInfo = ye, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
   }
   wrap(r) {
-    return new Ic(this.ctx, r);
+    return new to(this.ctx, r);
   }
 }
-class Ac {
+class ro {
   constructor(r, s) {
     this.ctx = r, this.wrapper = s, this.toHaveProp = this.ctx.driver.wrapExpect((e, i) => this.ctx.driver.expectEq(
       {
@@ -3306,80 +3504,88 @@ class Ac {
   }
 }
 const j = {
-  collection: ue,
-  accordion: Re,
-  accordionItem: Fe,
-  actionGroup: je,
-  alert: Je,
-  audioPlayer: Xe,
-  avatar: Ne,
-  badge: rr,
-  banner: cr,
-  breadcrumb: ar,
-  breadcrumbItem: dr,
-  button: xr,
-  calendar: wr,
-  calendarEvent: fr,
-  card: Ir,
-  checkbox: Hr,
-  colorPicker: qr,
-  combobox: kr,
-  contextualHelp: Vr,
-  dataGrid: Gr,
-  dataGridCell: Or,
-  dataGridRow: Mr,
-  datePicker: zr,
-  dateRangePicker: Qr,
-  dateTimePicker: Zr,
-  dialPad: ei,
-  dialog: si,
-  divider: ni,
-  emptyState: pi,
-  fab: xi,
-  filePicker: wi,
-  header: fi,
-  icon: Ii,
-  layout: Hi,
-  menu: qi,
-  menuItem: ki,
-  nav: Vi,
-  navDisclosure: Gi,
-  navItem: Oi,
-  note: Mi,
-  numberField: zi,
-  option: Qi,
-  pagination: Zi,
-  progress: es,
-  progressRing: ss,
-  radio: ns,
-  radioGroup: ps,
-  rangeSlider: xs,
-  richTextEditor: ws,
-  searchableSelect: fs,
-  select: Is,
-  selectableBox: Hs,
-  sideDrawer: qs,
-  simpleColorPicker: ks,
-  slider: Vs,
-  splitButton: Gs,
-  switch: Os,
-  tab: Ms,
-  tabPanel: zs,
-  tabs: Qs,
-  tag: Zs,
-  tagGroup: ec,
-  textArea: sc,
-  textField: oc,
-  timePicker: hc,
-  toggletip: lc,
-  tooltip: uc,
-  treeItem: mc,
-  treeView: yc,
-  videoPlayer: Ac
-};
-class Hc {
+  collection: ge,
+  accordion: ze,
+  accordionItem: Qe,
+  actionGroup: Ze,
+  alert: er,
+  audioPlayer: sr,
+  avatar: nr,
+  badge: pr,
+  banner: xr,
+  breadcrumb: wr,
+  breadcrumbItem: fr,
+  button: yr,
+  calendar: Ar,
+  calendarEvent: $r,
+  card: qr,
+  checkbox: Br,
+  colorPicker: Dr,
+  combobox: Lr,
+  contextualHelp: Ur,
+  dataGrid: _r,
+  dataGridCell: Kr,
+  dataGridRow: Yr,
+  datePicker: ti,
+  dateRangePicker: ii,
+  dateTimePicker: oi,
+  dialPad: hi,
+  dialog: li,
+  divider: ui,
+  emptyState: mi,
+  fab: yi,
+  filePicker: Ai,
+  header: $i,
+  icon: qi,
+  layout: Bi,
+  menu: Di,
+  menuItem: Li,
+  nav: Ui,
+  navDisclosure: _i,
+  navItem: Ki,
+  note: Yi,
+  numberField: ts,
+  option: is,
+  pagination: os,
+  popover: hs,
+  progress: ls,
+  progressRing: us,
+  radio: ms,
+  radioGroup: ys,
+  rangeSlider: As,
+  richTextEditor: $s,
+  richTextView: qs,
+  searchableSelect: Bs,
+  select: Ds,
+  selectableBox: Ls,
+  sideDrawer: Us,
+  simpleColorPicker: _s,
+  slider: Ks,
+  splitButton: Ys,
+  switch: tc,
+  tab: ic,
+  tabPanel: oc,
+  table: hc,
+  tableBody: lc,
+  tableCell: uc,
+  tableHead: mc,
+  tableHeaderCell: yc,
+  tableRow: Ac,
+  tabs: $c,
+  tag: qc,
+  tagGroup: Bc,
+  textArea: Dc,
+  textField: Gc,
+  timePicker: Fc,
+  toggletip: jc,
+  tooltip: Jc,
+  treeItem: Xc,
+  treeView: Nc,
+  videoPlayer: ro
+};
+class io {
   constructor(r) {
-    this.ctx = r, this.accordion = new Ge(this.ctx), this.accordionItem = new Oe(this.ctx), this.actionGroup = new Me(this.ctx), this.alert = new ze(this.ctx), this.audioPlayer = new Qe(this.ctx), this.avatar = new Ze(this.ctx), this.badge = new er(this.ctx), this.banner = new sr(this.ctx), this.breadcrumb = new nr(this.ctx), this.breadcrumbItem = new pr(this.ctx), this.button = new lr(this.ctx), this.calendar = new ur(this.ctx), this.calendarEvent = new mr(this.ctx), this.card = new yr(this.ctx), this.checkbox = new Ar(this.ctx), this.colorPicker = new $r(this.ctx), this.combobox = new Cr(this.ctx), this.contextualHelp = new Br(this.ctx), this.dataGrid = new Dr(this.ctx), this.dataGridCell = new Lr(this.ctx), this.dataGridRow = new Ur(this.ctx), this.datePicker = new _r(this.ctx), this.dateRangePicker = new Kr(this.ctx), this.dateTimePicker = new Yr(this.ctx), this.dialPad = new ti(this.ctx), this.dialog = new ii(this.ctx), this.divider = new oi(this.ctx), this.emptyState = new hi(this.ctx), this.fab = new li(this.ctx), this.filePicker = new ui(this.ctx), this.header = new mi(this.ctx), this.icon = new yi(this.ctx), this.layout = new Ai(this.ctx), this.menu = new $i(this.ctx), this.menuItem = new Ci(this.ctx), this.nav = new Bi(this.ctx), this.navDisclosure = new Di(this.ctx), this.navItem = new Li(this.ctx), this.note = new Ui(this.ctx), this.numberField = new _i(this.ctx), this.option = new Ki(this.ctx), this.pagination = new Yi(this.ctx), this.progress = new ts(this.ctx), this.progressRing = new is(this.ctx), this.radio = new os(this.ctx), this.radioGroup = new hs(this.ctx), this.rangeSlider = new ls(this.ctx), this.richTextEditor = new us(this.ctx), this.searchableSelect = new ms(this.ctx), this.select = new ys(this.ctx), this.selectableBox = new As(this.ctx), this.sideDrawer = new $s(this.ctx), this.simpleColorPicker = new Cs(this.ctx), this.slider = new Bs(this.ctx), this.splitButton = new Ds(this.ctx), this.switch = new Ls(this.ctx), this.tab = new Us(this.ctx), this.tabPanel = new _s(this.ctx), this.tabs = new Ks(this.ctx), this.tag = new Ys(this.ctx), this.tagGroup = new tc(this.ctx), this.textArea = new ic(this.ctx), this.textField = new cc(this.ctx), this.timePicker = new ac(this.ctx), this.toggletip = new dc(this.ctx), this.tooltip = new vc(this.ctx), this.treeItem = new bc(this.ctx), this.treeView = new Ec(this.ctx), this.videoPlayer = new gc(this.ctx);
+    this.ctx = r, this.accordion = new _e(this.ctx), this.accordionItem = new Ke(this.ctx), this.actionGroup = new Ye(this.ctx), this.alert = new tr(this.ctx), this.audioPlayer = new ir(this.ctx), this.avatar = new or(this.ctx), this.badge = new hr(this.ctx), this.banner = new lr(this.ctx), this.breadcrumb = new ur(this.ctx), this.breadcrumbItem = new mr(this.ctx), this.button = new Er(this.ctx), this.calendar = new gr(this.ctx), this.calendarEvent = new Pr(this.ctx), this.card = new Cr(this.ctx), this.checkbox = new kr(this.ctx), this.colorPicker = new Wr(this.ctx), this.combobox = new Gr(this.ctx), this.contextualHelp = new Fr(this.ctx), this.dataGrid = new jr(this.ctx), this.dataGridCell = new Jr(this.ctx), this.dataGridRow = new Xr(this.ctx), this.datePicker = new Nr(this.ctx), this.dateRangePicker = new ri(this.ctx), this.dateTimePicker = new ci(this.ctx), this.dialPad = new ai(this.ctx), this.dialog = new di(this.ctx), this.divider = new vi(this.ctx), this.emptyState = new bi(this.ctx), this.fab = new Ei(this.ctx), this.filePicker = new gi(this.ctx), this.header = new Pi(this.ctx), this.icon = new Ci(this.ctx), this.layout = new ki(this.ctx), this.menu = new Wi(this.ctx), this.menuItem = new Gi(this.ctx), this.nav = new Fi(this.ctx), this.navDisclosure = new ji(this.ctx), this.navItem = new Ji(this.ctx), this.note = new Xi(this.ctx), this.numberField = new Ni(this.ctx), this.option = new rs(this.ctx), this.pagination = new cs(this.ctx), this.popover = new as(this.ctx), this.progress = new ds(this.ctx), this.progressRing = new vs(this.ctx), this.radio = new bs(this.ctx), this.radioGroup = new Es(this.ctx), this.rangeSlider = new gs(this.ctx), this.richTextEditor = new Ps(this.ctx), this.richTextView = new Cs(this.ctx), this.searchableSelect = new ks(this.ctx), this.select = new Ws(this.ctx), this.selectableBox = new Gs(this.ctx), this.sideDrawer = new Fs(this.ctx), this.simpleColorPicker = new js(this.ctx), this.slider = new Js(this.ctx), this.splitButton = new Xs(this.ctx), this.switch = new Ns(this.ctx), this.tab = new rc(this.ctx), this.tabPanel = new cc(this.ctx), this.table = new ac(this.ctx), this.tableBody = new dc(this.ctx), this.tableCell = new vc(this.ctx), this.tableHead = new bc(this.ctx), this.tableHeaderCell = new Ec(this.ctx), this.tableRow = new gc(this.ctx), this.tabs = new Pc(this.ctx), this.tag = new Cc(this.ctx), this.tagGroup = new kc(this.ctx), this.textArea = new Wc(this.ctx), this.textField = new Rc(this.ctx), this.timePicker = new Oc(this.ctx), this.toggletip = new Mc(this.ctx), this.tooltip = new zc(this.ctx), this.treeItem = new Qc(this.ctx), this.treeView = new Zc(this.ctx), this.videoPlayer = new eo(this.ctx);
   }
   expect(r) {
     if (r.type in j)
@@ -3391,5 +3597,5 @@ class Hc {
   }
 }
 export {
-  Hc as V
+  io as V
 };