@vonage/vivid-test-utils 5.15.0 → 5.16.0

package/dist/components.generated-jnFpmMnu.js

@@ -1,3671 +0,0 @@
-class n {
-  constructor(r, s) {
-    this.ctx = r, this.locator = s;
-  }
-  unwrap() {
-    return this.locator;
-  }
-  assert(r, s, e, i) {
-    return this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.locator,
-        fn: s,
-        arg: i
-      },
-      e,
-      `Failed to assert condition: "${r}"`
-    );
-  }
-}
-class a {
-  constructor(r) {
-    this.ctx = r, this.all = this.ctx.driver.wrapSelector(
-      () => new Ae(
-        this.ctx,
-        this,
-        this.ctx.driver.querySelectorAll(
-          this.ctx.rootLocator,
-          `[data-vvd-component="${this.componentInfo.name}"]`
-        )
-      )
-    );
-  }
-}
-class Ae {
-  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 He {
-  constructor(r, s) {
-    this.ctx = r, this.locator = s, this.toHaveCount = this.ctx.driver.wrapExpect(
-      (e) => this.ctx.driver.expectEq(
-        {
-          el: this.locator.locator,
-          // FIXME: retrieve the locator correctly
-          type: "count"
-        },
-        e,
-        `toHaveCount(${e})`
-      )
-    );
-  }
-}
-const Pe = (t) => t.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/'/g, "\\'"), A = (t, r) => r.map(
-  ([s, e]) => `[data-vvd-component="${t}"][${s}="${Pe(
-    e
-  )}"]`
-).join(",");
-function h(t) {
-  return this.wrap(
-    this.ctx.driver.querySelector(
-      this.ctx.rootLocator,
-      A(this.componentInfo.name, [
-        ["data-testid", t],
-        ["data-test-id", t],
-        ["data-cy", t]
-      ])
-    )
-  );
-}
-function x(t) {
-  return this.wrap(
-    this.ctx.driver.querySelector(
-      this.ctx.rootLocator,
-      A(this.componentInfo.name, [
-        ["label", t],
-        ["aria-label", t],
-        ["data-vvd-aria-label", t]
-      ])
-    )
-  );
-}
-function $e(t) {
-  return this.wrap(
-    this.ctx.driver.querySelector(
-      this.ctx.rootLocator,
-      A(this.componentInfo.name, [["heading", t]])
-    )
-  );
-}
-function k(t) {
-  return this.wrap(
-    this.ctx.driver.querySelector(
-      this.ctx.rootLocator,
-      A(this.componentInfo.name, [["headline", t]])
-    )
-  );
-}
-function B(t) {
-  return this.wrap(
-    this.ctx.driver.querySelector(
-      this.ctx.rootLocator,
-      A(this.componentInfo.name, [["text", t]])
-    )
-  );
-}
-const f = (t) => {
-  if (!t.length)
-    return;
-  const r = t[0], s = t.slice(1), e = r();
-  return e instanceof Promise ? e.then(() => f(s)) : f(s);
-};
-function I(t) {
-  return t.checked;
-}
-function g(t) {
-  return t.indeterminate ? "indeterminate" : t.checked ? "checked" : "unchecked";
-}
-function m(t) {
-  return t.errorValidationMessage;
-}
-function _(t) {
-  return t.headline;
-}
-function E(t) {
-  return t.open;
-}
-function w(t) {
-  return t.value;
-}
-function z(t) {
-  return t.valueAsNumber;
-}
-function Se(t) {
-  return t.values;
-}
-function Ce(t) {
-  return t.selectedOptions.map((r) => r.label);
-}
-function G(t) {
-  return t.expanded;
-}
-function L(t) {
-  return t.active;
-}
-function H(t) {
-  return t.current;
-}
-function O(t) {
-  return t.selected;
-}
-function C(t) {
-  return t.disabled;
-}
-function qe(t) {
-  return [t.start, t.end];
-}
-function Te(t) {
-  return [t.startAsNumber, t.endAsNumber];
-}
-function ke(t) {
-  return t.name;
-}
-function Be(t) {
-  return t.total;
-}
-function Ve(t) {
-  return t.selectedIndex + 1 || null;
-}
-function u(t) {
-  const r = t.shadowRoot.querySelector("slot[name=icon]");
-  if (r) {
-    const e = r.assignedElements()[0];
-    if ((e == null ? void 0 : e.dataset.vvdComponent) === "icon")
-      return e.name;
-  }
-  const s = t.shadowRoot.querySelector(
-    'slot[name="icon"] [data-vvd-component="icon"], span.icon [data-vvd-component="icon"]'
-  );
-  return s ? s.name : null;
-}
-function b(t) {
-  return this.ctx.driver.userClick(t());
-}
-function V(t, r) {
-  return this.ctx.driver.userFill(t(), r);
-}
-function We(t) {
-  return f([
-    () => this.ctx.driver.userFill(this.control(), t),
-    () => this.ctx.driver.userBlur(this.control())
-    // Combobox only updates value on blur
-  ]);
-}
-function W(t) {
-  return this.ctx.driver.userClear(t());
-}
-function De() {
-  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
-    () => this.ctx.driver.eval(
-      this.locator,
-      () => new Promise((t) => setTimeout(t, 200))
-    ),
-    () => this.ctx.driver.userClear(this.control()),
-    () => this.ctx.driver.userBlur(this.control())
-    // Combobox only updates value on blur
-  ]);
-}
-function J(t) {
-  return f([
-    () => this.assert(
-      "Component is unchecked before it can be checked",
-      g,
-      "unchecked"
-    ),
-    () => this.ctx.driver.userClick(t()),
-    () => this.assert(
-      "Component is checked after checking it",
-      g,
-      "checked"
-    )
-  ]);
-}
-function K(t) {
-  return f([
-    () => this.assert(
-      "Component is checked before it can be unchecked",
-      g,
-      "checked"
-    ),
-    () => this.ctx.driver.userClick(t()),
-    () => this.assert(
-      "Component is unchecked after unchecking it",
-      g,
-      "unchecked"
-    )
-  ]);
-}
-function p(t) {
-  return this.ctx.driver.userFocus(t());
-}
-function d(t) {
-  return this.ctx.driver.userBlur(t());
-}
-function l(t) {
-  return this.ctx.driver.userHover(t());
-}
-function D(t) {
-  return Q.call(this, A("option", [["value", t]]));
-}
-function R(t) {
-  return Q.call(this, A("option", [["text", t]]));
-}
-function Q(t) {
-  return this.ctx.driver.eval(
-    this.locator,
-    (r) => r.open,
-    void 0,
-    (r) => f([
-      // Open the component if needed
-      () => {
-        if (!r)
-          return this.ctx.driver.userClick(this.locator);
-      },
-      () => this.ctx.driver.expectEq(
-        {
-          type: "eval",
-          el: this.ctx.driver.querySelector(this.locator, t),
-          fn: (s) => !!s.selected
-        },
-        !1,
-        "Option is unselected before it can be selected"
-      ),
-      () => this.ctx.driver.expectEq(
-        {
-          type: "eval",
-          el: this.ctx.driver.querySelector(this.locator, t),
-          fn: (s) => !!s.disabled
-        },
-        !1,
-        "Option is not disabled before it can be selected"
-      ),
-      // Click the option to select it
-      // Note: simulate click instead of using userClick to work around Cypress bug
-      // When clicking on an option, Cypress incorrectly blurs the host, which in case of combobox closes it
-      () => this.ctx.driver.eval(
-        this.ctx.driver.querySelector(this.locator, t),
-        (s) => s.click()
-      ),
-      () => this.ctx.driver.expectEq(
-        {
-          type: "eval",
-          el: this.ctx.driver.querySelector(this.locator, t),
-          fn: (s) => !!s.selected
-        },
-        !0,
-        "Option is selected after selecting it"
-      )
-    ])
-  );
-}
-function q(t) {
-  return t().click();
-}
-const P = (t) => {
-  const [r, s, e] = t.split("-");
-  return `${s}/${e}/${r}`;
-};
-function Re(t) {
-  return f([
-    () => this.control().fill(P(t)),
-    () => this.control().blur()
-  ]);
-}
-function $() {
-  return f([
-    () => this.pickerButton().click(),
-    () => this.clearButton().click()
-  ]);
-}
-const X = (t) => {
-  const [r, s, e] = t.split(":"), i = +r % 12 || 12, c = +r < 12 ? "AM" : "PM";
-  return `${i}:${s}:${e} ${c}`;
-};
-function Ge(t) {
-  return f([
-    () => this.control().fill(X(t)),
-    () => this.control().blur()
-  ]);
-}
-const Le = ([t, r]) => `${P(t)} – ${P(r)}`;
-function Oe(t) {
-  return f([
-    () => this.control().fill(Le(t)),
-    () => this.control().blur()
-  ]);
-}
-const Fe = (t) => {
-  const [r, s] = t.split("T");
-  return `${P(r)} ${X(s)}`;
-};
-function Ue(t) {
-  return f([
-    () => this.control().fill(Fe(t)),
-    () => this.control().blur()
-  ]);
-}
-function T(t, r, s) {
-  return this.ctx.driver.userDragSlider(this.locator, t(), r(), s);
-}
-function Me(t) {
-  return this.ctx.driver.userClick(
-    this.ctx.driver.querySelector(
-      this.ctx.driver.enterShadow(this.locator),
-      `.vwc-pagination-button[label="${t + 1}"]`
-    )
-  );
-}
-function F(t) {
-  return f([
-    () => this.assert(
-      `Component is ${t ? "collapsed" : "expanded"} before it can be ${t ? "expanded" : "collapsed"}`,
-      (r) => !!r.expanded,
-      !t
-    ),
-    () => this.ctx.driver.userClick(this.button()),
-    () => this.assert(
-      `Component is ${t ? "expanded" : "collapsed"} after ${t ? "expanding" : "collapsing"} it`,
-      (r) => !!r.expanded,
-      t
-    )
-  ]);
-}
-function U(t) {
-  return f([
-    () => this.assert(
-      `Component is ${t ? "closed" : "open"} before it can be ${t ? "expanded" : "collapsed"}`,
-      (r) => !!r.open,
-      !t
-    ),
-    () => this.ctx.driver.userClick(this.summary()),
-    () => this.assert(
-      `Component is ${t ? "open" : "closed"} after ${t ? "expanding" : "collapsing"} it`,
-      (r) => !!r.open,
-      t
-    )
-  ]);
-}
-function M(t) {
-  return f([
-    () => this.ctx.driver.userClick(this.base()),
-    () => this.assert(
-      `Component is ${t ? "selected" : "unselected"} after ${t ? "selecting" : "unselecting"} it`,
-      (r) => !!r.selected,
-      t
-    )
-  ]);
-}
-function je(t) {
-  return this.ctx.driver.querySelector(this.unwrap(), t);
-}
-function v(t) {
-  return this.ctx.driver.querySelector(
-    this.ctx.driver.enterShadow(this.unwrap()),
-    t
-  );
-}
-function _e(t, r) {
-  return this.ctx.driver.querySelector(
-    this.ctx.driver.enterShadow(
-      this.ctx.driver.querySelector(
-        this.ctx.driver.enterShadow(this.unwrap()),
-        t
-      )
-    ),
-    r
-  );
-}
-function y(t) {
-  return new at(
-    this.ctx,
-    this.ctx.driver.querySelector(
-      this.ctx.driver.enterShadow(this.unwrap()),
-      t
-    )
-  );
-}
-function S(t) {
-  return new be(
-    this.ctx,
-    this.ctx.driver.querySelector(
-      this.ctx.driver.enterShadow(this.unwrap()),
-      t
-    )
-  );
-}
-const Y = {
-  name: "accordion"
-};
-class ze 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 Je extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Y, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new ze(this.ctx, r);
-  }
-}
-class Ke {
-  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 Z = {
-  name: "accordion-item"
-};
-class Qe 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 Xe extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Z, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byHeading = this.ctx.driver.wrapSelector($e.bind(this));
-  }
-  wrap(r) {
-    return new Qe(this.ctx, r);
-  }
-}
-class Ye {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toBeExpanded = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: G
-      },
-      !0,
-      "toBeExpanded()"
-    )), this.toBeCollapsed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: G
-      },
-      !1,
-      "toBeCollapsed()"
-    ));
-  }
-}
-const N = {
-  name: "action-group"
-};
-class Ze 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 Ne extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = N, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Ze(this.ctx, r);
-  }
-}
-class tr {
-  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 tt = {
-  name: "alert"
-};
-class er 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 rr extends a {
-  constructor() {
-    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 er(this.ctx, r);
-  }
-}
-class ir {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !0,
-      "toBeOpen()"
-    )), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !1,
-      "toBeClosed()"
-    ));
-  }
-}
-const et = {
-  name: "audio-player"
-};
-class sr 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 cr extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = et, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new sr(this.ctx, r);
-  }
-}
-class or {
-  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 rt = {
-  name: "avatar"
-};
-class nr 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 ar extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = rt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new nr(this.ctx, r);
-  }
-}
-class hr {
-  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 it = {
-  name: "badge"
-};
-class pr 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 dr extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = it, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new pr(this.ctx, r);
-  }
-}
-class lr {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    ));
-  }
-}
-const st = {
-  name: "banner"
-};
-class xr 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(q.bind(this, () => this.dismissButton())), this.dismissButton = y.bind(this, ".dismiss-button");
-  }
-}
-class vr 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 xr(this.ctx, r);
-  }
-}
-class ur {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    ));
-  }
-}
-const ct = {
-  name: "breadcrumb"
-};
-class wr 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 br extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ct, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new wr(this.ctx, r);
-  }
-}
-class mr {
-  constructor(r, s) {
-    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
-      throw new Error("Component does not have props.");
-    };
-  }
-}
-const ot = {
-  name: "breadcrumb-item"
-};
-class fr 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 Er extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ot, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new fr(this.ctx, r);
-  }
-}
-class yr {
-  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 nt = {
-  name: "button"
-};
-class at extends n {
-  constructor() {
-    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 Ir 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));
-  }
-  wrap(r) {
-    return new at(this.ctx, r);
-  }
-}
-class gr {
-  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})`
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    ));
-  }
-}
-const ht = {
-  name: "calendar"
-};
-class Ar 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 Hr extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ht, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Ar(this.ctx, r);
-  }
-}
-class Pr {
-  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 pt = {
-  name: "calendar-event"
-};
-class $r 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 Sr extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = pt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new $r(this.ctx, r);
-  }
-}
-class Cr {
-  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 dt = {
-  name: "card"
-};
-class qr 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 Tr extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = dt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new qr(this.ctx, r);
-  }
-}
-class kr {
-  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})`
-    )), this.toHaveHeadline = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: _
-      },
-      e,
-      "toHaveHeadline(${value})"
-    ));
-  }
-}
-const lt = {
-  name: "checkbox"
-};
-class Br 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 Vr 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 Br(this.ctx, r);
-  }
-}
-class Wr {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    )), this.toBeChecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: g
-      },
-      "checked",
-      "toBeChecked()"
-    )), this.toBeUnchecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: g
-      },
-      "unchecked",
-      "toBeUnchecked()"
-    )), this.toBeIndeterminate = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: g
-      },
-      "indeterminate",
-      "toBeIndeterminate()"
-    ));
-  }
-}
-const xt = {
-  name: "color-picker"
-};
-class Dr 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 Rr 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 Dr(this.ctx, r);
-  }
-}
-class Gr {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    ));
-  }
-}
-const vt = {
-  name: "combobox"
-};
-class Lr 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(We.bind(this)), this.clear = this.ctx.driver.wrapAction(De.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 Or 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 Lr(this.ctx, r);
-  }
-}
-class Fr {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    ));
-  }
-}
-const ut = {
-  name: "contextual-help"
-};
-class Ur 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 Mr extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ut, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Ur(this.ctx, r);
-  }
-}
-class jr {
-  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 wt = {
-  name: "country"
-};
-class _r extends n {
-  constructor() {
-    super(...arguments), this.type = "country", 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 zr extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = wt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new _r(this.ctx, r);
-  }
-}
-class Jr {
-  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 bt = {
-  name: "data-grid"
-};
-class Kr extends n {
-  constructor() {
-    super(...arguments), this.type = "dataGrid", 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 Qr extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = bt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Kr(this.ctx, r);
-  }
-}
-class Xr {
-  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: "data-grid-cell"
-};
-class Yr extends n {
-  constructor() {
-    super(...arguments), this.type = "dataGridCell", 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 Zr extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = mt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Yr(this.ctx, r);
-  }
-}
-class Nr {
-  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 ft = {
-  name: "data-grid-row"
-};
-class ti extends n {
-  constructor() {
-    super(...arguments), this.type = "dataGridRow", 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 ei extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ft, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new ti(this.ctx, r);
-  }
-}
-class ri {
-  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 Et = {
-  name: "date-picker"
-};
-class ii extends n {
-  constructor() {
-    super(...arguments), this.type = "datePicker", 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.selectDate = this.ctx.driver.wrapAction(Re.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 si 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 ii(this.ctx, r);
-  }
-}
-class ci {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    ));
-  }
-}
-const yt = {
-  name: "date-range-picker"
-};
-class oi extends n {
-  constructor() {
-    super(...arguments), this.type = "dateRangePicker", 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.selectDateRange = 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 ni 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 oi(this.ctx, r);
-  }
-}
-class ai {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    )), this.toHaveRange = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: qe
-      },
-      e,
-      "toHaveRange(${value})"
-    ));
-  }
-}
-const It = {
-  name: "date-time-picker"
-};
-class hi extends n {
-  constructor() {
-    super(...arguments), this.type = "dateTimePicker", 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)), this.clear = this.ctx.driver.wrapAction($.bind(this)), this.selectDateTime = this.ctx.driver.wrapAction(Ue.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 pi extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = It, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
-  }
-  wrap(r) {
-    return new hi(this.ctx, r);
-  }
-}
-class di {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    ));
-  }
-}
-const gt = {
-  name: "dial-pad"
-};
-class li extends n {
-  constructor() {
-    super(...arguments), this.type = "dialPad", 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));
-  }
-}
-class xi extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = gt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new li(this.ctx, r);
-  }
-}
-class vi {
-  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 At = {
-  name: "dialog"
-};
-class ui extends n {
-  constructor() {
-    super(...arguments), this.type = "dialog", 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)), this.dismiss = this.ctx.driver.wrapAction(b.bind(this, () => this.dismissButton())), this.dismissButton = v.bind(this, ".dismiss-button");
-  }
-}
-class wi extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = At, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byHeadline = this.ctx.driver.wrapSelector(k.bind(this));
-  }
-  wrap(r) {
-    return new ui(this.ctx, r);
-  }
-}
-class bi {
-  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})`
-    )), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !0,
-      "toBeOpen()"
-    )), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !1,
-      "toBeClosed()"
-    )), this.toHaveHeadline = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: _
-      },
-      e,
-      "toHaveHeadline(${value})"
-    ));
-  }
-}
-const Ht = {
-  name: "divider"
-};
-class mi extends n {
-  constructor() {
-    super(...arguments), this.type = "divider", 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 fi extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Ht, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new mi(this.ctx, r);
-  }
-}
-class Ei {
-  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 Pt = {
-  name: "empty-state"
-};
-class yi extends n {
-  constructor() {
-    super(...arguments), this.type = "emptyState", 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 Ii extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Pt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new yi(this.ctx, r);
-  }
-}
-class gi {
-  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 $t = {
-  name: "fab"
-};
-class Ai extends n {
-  constructor() {
-    super(...arguments), this.type = "fab", 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.click = this.ctx.driver.wrapAction(b.bind(this, () => this.control())), this.control = v.bind(this, "button.control");
-  }
-}
-class Hi 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 Ai(this.ctx, r);
-  }
-}
-class Pi {
-  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})`
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    ));
-  }
-}
-const St = {
-  name: "file-picker"
-};
-class $i extends n {
-  constructor() {
-    super(...arguments), this.type = "filePicker", 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 Si extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = St, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
-  }
-  wrap(r) {
-    return new $i(this.ctx, r);
-  }
-}
-class Ci {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    ));
-  }
-}
-const Ct = {
-  name: "header"
-};
-class qi extends n {
-  constructor() {
-    super(...arguments), this.type = "header", 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 Ti extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Ct, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new qi(this.ctx, r);
-  }
-}
-class ki {
-  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 qt = {
-  name: "icon"
-};
-class Bi extends n {
-  constructor() {
-    super(...arguments), this.type = "icon", 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 Vi extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = qt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Bi(this.ctx, r);
-  }
-}
-class Wi {
-  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})`
-    )), this.toHaveName = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: ke
-      },
-      e,
-      "toHaveName(${value})"
-    ));
-  }
-}
-const Tt = {
-  name: "layout"
-};
-class Di extends n {
-  constructor() {
-    super(...arguments), this.type = "layout", 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 Ri extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Tt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Di(this.ctx, r);
-  }
-}
-class Gi {
-  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: "menu"
-};
-class Li 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));
-  }
-}
-class Oi 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));
-  }
-  wrap(r) {
-    return new Li(this.ctx, r);
-  }
-}
-class Fi {
-  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})`
-    )), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !0,
-      "toBeOpen()"
-    )), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !1,
-      "toBeClosed()"
-    ));
-  }
-}
-const Bt = {
-  name: "menu-item"
-};
-class Ui extends n {
-  constructor() {
-    super(...arguments), this.type = "menuItem", 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)), this.click = this.ctx.driver.wrapAction(b.bind(this, () => this.base())), this.base = v.bind(this, ".base");
-  }
-}
-class Mi extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Bt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byText = this.ctx.driver.wrapSelector(B.bind(this));
-  }
-  wrap(r) {
-    return new Ui(this.ctx, r);
-  }
-}
-class ji {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toBeChecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: I
-      },
-      !0,
-      "toBeChecked()"
-    )), this.toBeUnchecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: I
-      },
-      !1,
-      "toBeUnchecked()"
-    )), this.toHaveDisabled = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: C
-      },
-      e,
-      "toHaveDisabled(${value})"
-    ));
-  }
-}
-const Vt = {
-  name: "nav"
-};
-class _i extends n {
-  constructor() {
-    super(...arguments), this.type = "nav", 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));
-  }
-}
-class zi extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Vt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new _i(this.ctx, r);
-  }
-}
-class Ji {
-  constructor(r, s) {
-    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
-      throw new Error("Component does not have props.");
-    };
-  }
-}
-const Wt = {
-  name: "nav-disclosure"
-};
-class Ki extends n {
-  constructor() {
-    super(...arguments), this.type = "navDisclosure", 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.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 Qi 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 Ki(this.ctx, r);
-  }
-}
-class Xi {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toBeCurrent = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: H
-      },
-      !0,
-      "toBeCurrent()"
-    )), this.notToBeCurrent = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: H
-      },
-      !1,
-      "notToBeCurrent()"
-    )), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !0,
-      "toBeOpen()"
-    )), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !1,
-      "toBeClosed()"
-    ));
-  }
-}
-const Dt = {
-  name: "nav-item"
-};
-class Yi extends n {
-  constructor() {
-    super(...arguments), this.type = "navItem", 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)), this.click = this.ctx.driver.wrapAction(b.bind(this, () => this.control())), this.control = v.bind(this, ".control");
-  }
-}
-class Zi extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Dt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
-  }
-  wrap(r) {
-    return new Yi(this.ctx, r);
-  }
-}
-class Ni {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toBeCurrent = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: H
-      },
-      !0,
-      "toBeCurrent()"
-    )), this.notToBeCurrent = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: H
-      },
-      !1,
-      "notToBeCurrent()"
-    ));
-  }
-}
-const Rt = {
-  name: "note"
-};
-class ts extends n {
-  constructor() {
-    super(...arguments), this.type = "note", 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 es extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Rt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new ts(this.ctx, r);
-  }
-}
-class rs {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    ));
-  }
-}
-const Gt = {
-  name: "number-field"
-};
-class is 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(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 ss 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));
-  }
-  wrap(r) {
-    return new is(this.ctx, r);
-  }
-}
-class cs {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    )), this.toHaveValueAsNumber = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: z
-      },
-      e,
-      "toHaveValueAsNumber(${value})"
-    ));
-  }
-}
-const Lt = {
-  name: "option"
-};
-class os extends n {
-  constructor() {
-    super(...arguments), this.type = "option", 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.click = this.ctx.driver.wrapAction(b.bind(this, () => this.locator));
-  }
-}
-class ns extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Lt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new os(this.ctx, r);
-  }
-}
-class as {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    ));
-  }
-}
-const Ot = {
-  name: "pagination"
-};
-class hs extends n {
-  constructor() {
-    super(...arguments), this.type = "pagination", 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)), 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(Me.bind(this)), this.nextButton = v.bind(this, ".next-button"), this.prevButton = v.bind(this, ".prev-button");
-  }
-}
-class ps extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Ot, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new hs(this.ctx, r);
-  }
-}
-class ds {
-  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})`
-    )), this.toHaveTotal = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: Be
-      },
-      e,
-      "toHaveTotal(${value})"
-    )), this.toHaveSelectedPage = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: Ve
-      },
-      e,
-      "toHaveSelectedPage(${value})"
-    ));
-  }
-}
-const Ft = {
-  name: "popover"
-};
-class ls extends n {
-  constructor() {
-    super(...arguments), this.type = "popover", 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 xs extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Ft, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new ls(this.ctx, r);
-  }
-}
-class vs {
-  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 Ut = {
-  name: "progress"
-};
-class us extends n {
-  constructor() {
-    super(...arguments), this.type = "progress", 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 ws extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Ut, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new us(this.ctx, r);
-  }
-}
-class bs {
-  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: "progress-ring"
-};
-class ms extends n {
-  constructor() {
-    super(...arguments), this.type = "progressRing", 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 fs extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Mt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new ms(this.ctx, r);
-  }
-}
-class Es {
-  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 jt = {
-  name: "radio"
-};
-class ys extends n {
-  constructor() {
-    super(...arguments), this.type = "radio", 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.check = this.ctx.driver.wrapAction(b.bind(this, () => this.control())), this.control = v.bind(this, ".control");
-  }
-}
-class Is 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));
-  }
-  wrap(r) {
-    return new ys(this.ctx, r);
-  }
-}
-class gs {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    )), this.toBeChecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: I
-      },
-      !0,
-      "toBeChecked()"
-    )), this.toBeUnchecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: I
-      },
-      !1,
-      "toBeUnchecked()"
-    ));
-  }
-}
-const _t = {
-  name: "radio-group"
-};
-class As extends n {
-  constructor() {
-    super(...arguments), this.type = "radioGroup", 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 Hs extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = _t, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new As(this.ctx, r);
-  }
-}
-class Ps {
-  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 zt = {
-  name: "range-slider"
-};
-class $s extends n {
-  constructor() {
-    super(...arguments), this.type = "rangeSlider", 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.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 Ss 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));
-  }
-  wrap(r) {
-    return new $s(this.ctx, r);
-  }
-}
-class Cs {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    )), this.toHaveRange = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: Te
-      },
-      e,
-      "toHaveRange(${value})"
-    ));
-  }
-}
-const Jt = {
-  name: "rich-text-editor"
-};
-class qs extends n {
-  constructor() {
-    super(...arguments), this.type = "richTextEditor", 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 Ts extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Jt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new qs(this.ctx, r);
-  }
-}
-class ks {
-  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: "rich-text-view"
-};
-class Bs extends n {
-  constructor() {
-    super(...arguments), this.type = "richTextView", 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));
-  }
-}
-class Vs extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Kt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Bs(this.ctx, r);
-  }
-}
-class Ws {
-  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 Qt = {
-  name: "searchable-select"
-};
-class Ds extends n {
-  constructor() {
-    super(...arguments), this.type = "searchableSelect", 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 Rs extends a {
-  constructor() {
-    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 Ds(this.ctx, r);
-  }
-}
-class Gs {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    )), this.toHaveValues = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: Se
-      },
-      e,
-      "toHaveValues(${value})"
-    )), this.toHaveSelectedOptions = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: Ce
-      },
-      e,
-      "toHaveSelectedOptions(${value})"
-    ));
-  }
-}
-const Xt = {
-  name: "select"
-};
-class Ls extends n {
-  constructor() {
-    super(...arguments), this.type = "select", 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.selectOptionByValue = this.ctx.driver.wrapAction(D.bind(this)), this.selectOptionByText = this.ctx.driver.wrapAction(R.bind(this));
-  }
-}
-class Os 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 Ls(this.ctx, r);
-  }
-}
-class Fs {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    ));
-  }
-}
-const Yt = {
-  name: "selectable-box"
-};
-class Us extends n {
-  constructor() {
-    super(...arguments), this.type = "selectableBox", 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.check = this.ctx.driver.wrapAction(J.bind(this, () => this.control())), this.uncheck = this.ctx.driver.wrapAction(K.bind(this, () => this.control())), this.control = _e.bind(this, "[data-vvd-component].control", "div.control");
-  }
-}
-class Ms extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Yt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Us(this.ctx, r);
-  }
-}
-class js {
-  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})`
-    )), this.toBeChecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: I
-      },
-      !0,
-      "toBeChecked()"
-    )), this.toBeUnchecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: I
-      },
-      !1,
-      "toBeUnchecked()"
-    ));
-  }
-}
-const Zt = {
-  name: "side-drawer"
-};
-class _s extends n {
-  constructor() {
-    super(...arguments), this.type = "sideDrawer", 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 zs extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Zt, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new _s(this.ctx, r);
-  }
-}
-class Js {
-  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 Nt = {
-  name: "simple-color-picker"
-};
-class Ks extends n {
-  constructor() {
-    super(...arguments), this.type = "simpleColorPicker", 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));
-  }
-}
-class Qs 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));
-  }
-  wrap(r) {
-    return new Ks(this.ctx, r);
-  }
-}
-class Xs {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    ));
-  }
-}
-const te = {
-  name: "slider"
-};
-class Ys extends n {
-  constructor() {
-    super(...arguments), this.type = "slider", 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.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 Zs 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));
-  }
-  wrap(r) {
-    return new Ys(this.ctx, r);
-  }
-}
-class Ns {
-  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})`
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    )), this.toHaveValueAsNumber = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: z
-      },
-      e,
-      "toHaveValueAsNumber(${value})"
-    ));
-  }
-}
-const ee = {
-  name: "split-button"
-};
-class tc extends n {
-  constructor() {
-    super(...arguments), this.type = "splitButton", 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.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 ec extends a {
-  constructor() {
-    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 tc(this.ctx, r);
-  }
-}
-class rc {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    ));
-  }
-}
-const re = {
-  name: "status"
-};
-class ic extends n {
-  constructor() {
-    super(...arguments), this.type = "status", 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));
-  }
-}
-class sc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = re, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new ic(this.ctx, r);
-  }
-}
-class cc {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    ));
-  }
-}
-const ie = {
-  name: "switch"
-};
-class oc extends n {
-  constructor() {
-    super(...arguments), this.type = "switch", 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.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 nc 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));
-  }
-  wrap(r) {
-    return new oc(this.ctx, r);
-  }
-}
-class ac {
-  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})`
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    )), this.toBeChecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: I
-      },
-      !0,
-      "toBeChecked()"
-    )), this.toBeUnchecked = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: I
-      },
-      !1,
-      "toBeUnchecked()"
-    ));
-  }
-}
-const se = {
-  name: "tab"
-};
-class hc extends n {
-  constructor() {
-    super(...arguments), this.type = "tab", 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)), this.select = this.ctx.driver.wrapAction(b.bind(this, () => this.base())), this.base = v.bind(this, ".base");
-  }
-}
-class pc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = se, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
-  }
-  wrap(r) {
-    return new hc(this.ctx, r);
-  }
-}
-class dc {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toBeActive = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: L
-      },
-      !0,
-      "toBeActive()"
-    )), this.toBeInactive = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: L
-      },
-      !1,
-      "toBeInactive()"
-    ));
-  }
-}
-const ce = {
-  name: "tab-panel"
-};
-class lc extends n {
-  constructor() {
-    super(...arguments), this.type = "tabPanel", 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 xc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ce, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new lc(this.ctx, r);
-  }
-}
-class vc {
-  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"
-};
-class uc extends n {
-  constructor() {
-    super(...arguments), this.type = "table", 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 wc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = oe, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new uc(this.ctx, r);
-  }
-}
-class bc {
-  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-body"
-};
-class mc extends n {
-  constructor() {
-    super(...arguments), this.type = "tableBody", 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 fc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ne, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new mc(this.ctx, r);
-  }
-}
-class Ec {
-  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-cell"
-};
-class yc extends n {
-  constructor() {
-    super(...arguments), this.type = "tableCell", 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 Ic extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ae, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new yc(this.ctx, r);
-  }
-}
-class gc {
-  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-head"
-};
-class Ac extends n {
-  constructor() {
-    super(...arguments), this.type = "tableHead", 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 Hc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = he, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Ac(this.ctx, r);
-  }
-}
-class Pc {
-  constructor(r, s) {
-    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
-      throw new Error("Component does not have props.");
-    };
-  }
-}
-const pe = {
-  name: "table-header-cell"
-};
-class $c extends n {
-  constructor() {
-    super(...arguments), this.type = "tableHeaderCell", 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 Sc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = pe, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new $c(this.ctx, r);
-  }
-}
-class Cc {
-  constructor(r, s) {
-    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
-      throw new Error("Component does not have props.");
-    };
-  }
-}
-const de = {
-  name: "table-row"
-};
-class qc extends n {
-  constructor() {
-    super(...arguments), this.type = "tableRow", 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));
-  }
-}
-class Tc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = de, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new qc(this.ctx, r);
-  }
-}
-class kc {
-  constructor(r, s) {
-    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
-      throw new Error("Component does not have props.");
-    };
-  }
-}
-const le = {
-  name: "tabs"
-};
-class Bc extends n {
-  constructor() {
-    super(...arguments), this.type = "tabs", 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 Vc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = le, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Bc(this.ctx, r);
-  }
-}
-class Wc {
-  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 xe = {
-  name: "tag"
-};
-class Dc extends n {
-  constructor() {
-    super(...arguments), this.type = "tag", 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.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 Rc extends a {
-  constructor() {
-    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 Dc(this.ctx, r);
-  }
-}
-class Gc {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toBeSelected = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: O
-      },
-      !0,
-      "toBeSelected()"
-    )), this.toBeUnselected = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: O
-      },
-      !1,
-      "toBeUnselected()"
-    )), this.toBeDisabled = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: C
-      },
-      !0,
-      "toBeDisabled()"
-    )), this.notToBeDisabled = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: C
-      },
-      !1,
-      "notToBeDisabled()"
-    ));
-  }
-}
-const ve = {
-  name: "tag-group"
-};
-class Lc extends n {
-  constructor() {
-    super(...arguments), this.type = "tagGroup", 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.blur = this.ctx.driver.wrapAction(d.bind(this, () => this.locator));
-  }
-}
-class Oc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ve, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new Lc(this.ctx, r);
-  }
-}
-class Fc {
-  constructor(r, s) {
-    this.ctx = r, this.wrapper = s, this.toHaveProp = (e, i) => {
-      throw new Error("Component does not have props.");
-    };
-  }
-}
-const ue = {
-  name: "text-area"
-};
-class Uc extends n {
-  constructor() {
-    super(...arguments), this.type = "textArea", this.componentInfo = ue, 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 Mc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ue, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
-  }
-  wrap(r) {
-    return new Uc(this.ctx, r);
-  }
-}
-class jc {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    ));
-  }
-}
-const we = {
-  name: "text-field"
-};
-class be extends n {
-  constructor() {
-    super(...arguments), this.type = "textField", 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.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 = je.bind(this, 'input[slot="_control"]');
-  }
-}
-class _c extends a {
-  constructor() {
-    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 be(this.ctx, r);
-  }
-}
-class zc {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    ));
-  }
-}
-const me = {
-  name: "time-picker"
-};
-class Jc extends n {
-  constructor() {
-    super(...arguments), this.type = "timePicker", 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)), this.clear = this.ctx.driver.wrapAction($.bind(this)), this.selectTime = 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 Kc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = me, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byLabel = this.ctx.driver.wrapSelector(x.bind(this));
-  }
-  wrap(r) {
-    return new Jc(this.ctx, r);
-  }
-}
-class Qc {
-  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})`
-    )), this.toHaveVisibleError = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: m
-      },
-      e,
-      "toHaveVisibleError(${value})"
-    )), this.toHaveValue = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: w
-      },
-      e,
-      "toHaveValue(${value})"
-    ));
-  }
-}
-const fe = {
-  name: "toggletip"
-};
-class Xc extends n {
-  constructor() {
-    super(...arguments), this.type = "toggletip", 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 Yc extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = fe, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byHeadline = this.ctx.driver.wrapSelector(k.bind(this));
-  }
-  wrap(r) {
-    return new Xc(this.ctx, r);
-  }
-}
-class Zc {
-  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})`
-    )), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !0,
-      "toBeOpen()"
-    )), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !1,
-      "toBeClosed()"
-    ));
-  }
-}
-const Ee = {
-  name: "tooltip"
-};
-class Nc extends n {
-  constructor() {
-    super(...arguments), this.type = "tooltip", 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 to extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Ee, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this)), this.byText = this.ctx.driver.wrapSelector(B.bind(this));
-  }
-  wrap(r) {
-    return new Nc(this.ctx, r);
-  }
-}
-class eo {
-  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})`
-    )), this.toBeOpen = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !0,
-      "toBeOpen()"
-    )), this.toBeClosed = this.ctx.driver.wrapExpect(() => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: E
-      },
-      !1,
-      "toBeClosed()"
-    ));
-  }
-}
-const ye = {
-  name: "tree-item"
-};
-class ro extends n {
-  constructor() {
-    super(...arguments), this.type = "treeItem", 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 io extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ye, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new ro(this.ctx, r);
-  }
-}
-class so {
-  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})`
-    )), this.toHaveIcon = this.ctx.driver.wrapExpect((e) => this.ctx.driver.expectEq(
-      {
-        type: "eval",
-        el: this.wrapper.unwrap(),
-        fn: u
-      },
-      e,
-      "toHaveIcon(${value})"
-    ));
-  }
-}
-const Ie = {
-  name: "tree-view"
-};
-class co extends n {
-  constructor() {
-    super(...arguments), this.type = "treeView", 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 oo extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = Ie, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new co(this.ctx, r);
-  }
-}
-class no {
-  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 ge = {
-  name: "video-player"
-};
-class ao extends n {
-  constructor() {
-    super(...arguments), this.type = "videoPlayer", this.componentInfo = ge, 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 ho extends a {
-  constructor() {
-    super(...arguments), this.componentInfo = ge, this.byTestId = this.ctx.driver.wrapSelector(h.bind(this));
-  }
-  wrap(r) {
-    return new ao(this.ctx, r);
-  }
-}
-class po {
-  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 j = {
-  collection: He,
-  accordion: Ke,
-  accordionItem: Ye,
-  actionGroup: tr,
-  alert: ir,
-  audioPlayer: or,
-  avatar: hr,
-  badge: lr,
-  banner: ur,
-  breadcrumb: mr,
-  breadcrumbItem: yr,
-  button: gr,
-  calendar: Pr,
-  calendarEvent: Cr,
-  card: kr,
-  checkbox: Wr,
-  colorPicker: Gr,
-  combobox: Fr,
-  contextualHelp: jr,
-  country: Jr,
-  dataGrid: Xr,
-  dataGridCell: Nr,
-  dataGridRow: ri,
-  datePicker: ci,
-  dateRangePicker: ai,
-  dateTimePicker: di,
-  dialPad: vi,
-  dialog: bi,
-  divider: Ei,
-  emptyState: gi,
-  fab: Pi,
-  filePicker: Ci,
-  header: ki,
-  icon: Wi,
-  layout: Gi,
-  menu: Fi,
-  menuItem: ji,
-  nav: Ji,
-  navDisclosure: Xi,
-  navItem: Ni,
-  note: rs,
-  numberField: cs,
-  option: as,
-  pagination: ds,
-  popover: vs,
-  progress: bs,
-  progressRing: Es,
-  radio: gs,
-  radioGroup: Ps,
-  rangeSlider: Cs,
-  richTextEditor: ks,
-  richTextView: Ws,
-  searchableSelect: Gs,
-  select: Fs,
-  selectableBox: js,
-  sideDrawer: Js,
-  simpleColorPicker: Xs,
-  slider: Ns,
-  splitButton: rc,
-  status: cc,
-  switch: ac,
-  tab: dc,
-  tabPanel: vc,
-  table: bc,
-  tableBody: Ec,
-  tableCell: gc,
-  tableHead: Pc,
-  tableHeaderCell: Cc,
-  tableRow: kc,
-  tabs: Wc,
-  tag: Gc,
-  tagGroup: Fc,
-  textArea: jc,
-  textField: zc,
-  timePicker: Qc,
-  toggletip: Zc,
-  tooltip: eo,
-  treeItem: so,
-  treeView: no,
-  videoPlayer: po
-};
-class lo {
-  constructor(r) {
-    this.ctx = r, this.accordion = new Je(this.ctx), this.accordionItem = new Xe(this.ctx), this.actionGroup = new Ne(this.ctx), this.alert = new rr(this.ctx), this.audioPlayer = new cr(this.ctx), this.avatar = new ar(this.ctx), this.badge = new dr(this.ctx), this.banner = new vr(this.ctx), this.breadcrumb = new br(this.ctx), this.breadcrumbItem = new Er(this.ctx), this.button = new Ir(this.ctx), this.calendar = new Hr(this.ctx), this.calendarEvent = new Sr(this.ctx), this.card = new Tr(this.ctx), this.checkbox = new Vr(this.ctx), this.colorPicker = new Rr(this.ctx), this.combobox = new Or(this.ctx), this.contextualHelp = new Mr(this.ctx), this.country = new zr(this.ctx), this.dataGrid = new Qr(this.ctx), this.dataGridCell = new Zr(this.ctx), this.dataGridRow = new ei(this.ctx), this.datePicker = new si(this.ctx), this.dateRangePicker = new ni(this.ctx), this.dateTimePicker = new pi(this.ctx), this.dialPad = new xi(this.ctx), this.dialog = new wi(this.ctx), this.divider = new fi(this.ctx), this.emptyState = new Ii(this.ctx), this.fab = new Hi(this.ctx), this.filePicker = new Si(this.ctx), this.header = new Ti(this.ctx), this.icon = new Vi(this.ctx), this.layout = new Ri(this.ctx), this.menu = new Oi(this.ctx), this.menuItem = new Mi(this.ctx), this.nav = new zi(this.ctx), this.navDisclosure = new Qi(this.ctx), this.navItem = new Zi(this.ctx), this.note = new es(this.ctx), this.numberField = new ss(this.ctx), this.option = new ns(this.ctx), this.pagination = new ps(this.ctx), this.popover = new xs(this.ctx), this.progress = new ws(this.ctx), this.progressRing = new fs(this.ctx), this.radio = new Is(this.ctx), this.radioGroup = new Hs(this.ctx), this.rangeSlider = new Ss(this.ctx), this.richTextEditor = new Ts(this.ctx), this.richTextView = new Vs(this.ctx), this.searchableSelect = new Rs(this.ctx), this.select = new Os(this.ctx), this.selectableBox = new Ms(this.ctx), this.sideDrawer = new zs(this.ctx), this.simpleColorPicker = new Qs(this.ctx), this.slider = new Zs(this.ctx), this.splitButton = new ec(this.ctx), this.status = new sc(this.ctx), this.switch = new nc(this.ctx), this.tab = new pc(this.ctx), this.tabPanel = new xc(this.ctx), this.table = new wc(this.ctx), this.tableBody = new fc(this.ctx), this.tableCell = new Ic(this.ctx), this.tableHead = new Hc(this.ctx), this.tableHeaderCell = new Sc(this.ctx), this.tableRow = new Tc(this.ctx), this.tabs = new Vc(this.ctx), this.tag = new Rc(this.ctx), this.tagGroup = new Oc(this.ctx), this.textArea = new Mc(this.ctx), this.textField = new _c(this.ctx), this.timePicker = new Kc(this.ctx), this.toggletip = new Yc(this.ctx), this.tooltip = new to(this.ctx), this.treeItem = new io(this.ctx), this.treeView = new oo(this.ctx), this.videoPlayer = new ho(this.ctx);
-  }
-  expect(r) {
-    if (r.type in j)
-      return new j[r.type](
-        this.ctx,
-        r
-      );
-    throw new Error(`Unknown component type: ${r.type}`);
-  }
-}
-export {
-  lo as V
-};